WEBVTT
Kind: captions
Language: fi

00:00:02.260 --> 00:00:04.020
Asettelu (eli leiskaus) ja sommittelu.

00:00:04.020 --> 00:00:06.920
Ne ovat tavallaan ulkoasun suunnittelun perusteet.

00:00:06.920 --> 00:00:12.060
Ne antavat työllesi rakenteen ja tekevät siitä helpommin navigoitavan, sivuilla olevista marginaaleista

00:00:12.060 --> 00:00:16.810
...välissä olevaan sisältöön.

00:00:16.810 --> 00:00:20.470
Tietenkään ei ole kyse pelkästään 
tekstin kanssa työskentelystä.

00:00:20.470 --> 00:00:25.090
Sommittelulla on merkitystä myös muissa medioissa,
kuten graafisessa suunnittelussa, web-suunnittelussa ja paljossa

00:00:25.090 --> 00:00:26.410
muussa.

00:00:26.410 --> 00:00:32.140
Ilman hyvin aseteltua ulkoasua, työsi
...hajoaa osiin.

00:00:32.140 --> 00:00:36.480
Avain layoutin ja sommittelun  taitamiseen on ajatella kuin suunnittelija.

00:00:36.480 --> 00:00:39.769
Onneksi se on helpompaa kuin miltä kuulostaa.

00:00:39.769 --> 00:00:44.399
On viisi perusperiaatetta, jotka voivat auttaa
muuttamaan työsi ja terottamaan silmäsi

00:00:44.399 --> 00:00:45.850
suunnittelua varten.

00:00:45.850 --> 00:00:50.210
Aloitetaan ylhäältä ja edetään listassa alaspäin.

00:00:50.210 --> 00:00:55.789
Etäisyydellä tarkoitetaan visuaalisen tilan käyttöä sisällön suhteiden esittämiseen.

00:00:55.789 --> 00:01:00.559
Käytännössä se on melko yksinkertaista
—varmista vain, että yhteen kuuluvat kohteet on

00:01:00.559 --> 00:01:06.060
ryhmitelty yhteen; esimerkiksi tekstilohkot
tai elementit grafiikassa.

00:01:06.060 --> 00:01:10.210
Ryhmät, jotka eivät ole yhteydessä toisiinsa
tulisi erottaa, eli korostaa visuaalisesti

00:01:10.210 --> 00:01:12.440
yhteyden puuttuminen.

00:01:12.440 --> 00:01:16.720
Kaiken kaikkiaan tämä tekee helpommaksi
ymmärtää työsi yhdellä silmäyksellä—onko se puhtaasti

00:01:16.720 --> 00:01:21.500
tekstiä vai jotain visuaalisempaa.

00:01:21.500 --> 00:01:24.700
Valkoinen tila on tärkeä osa jokaista
sommitelmaa.

00:01:24.700 --> 00:01:30.510
Tämä ei kuitenkaan tarkoita kirjaimellisesti
 "valkoista tilaa", vaan negatiivista tilaa, kuten välejä

00:01:30.510 --> 00:01:36.520
sisällön, rivien ja jopa ulkoisten marginaalien välissä.

00:01:36.520 --> 00:01:41.730
Ei ole "yhtä oikeaa tapaa" käyttää valkoista tilaa oikein,
mutta on hyvä ymmärtää sen tarkoitus.

00:01:41.730 --> 00:01:46.210
Valkoinen tila auttaa sinua määrittelemään ja erottamaan eri osiot; se antaa sisällölle

00:01:46.210 --> 00:01:48.270
tilaa hengittää.

00:01:48.270 --> 00:01:52.640
Jos työsi alkaa alkaa tuntua sekavalta
tai epämiellyttävältä... pieni valkoinen tila voisi

00:01:52.640 --> 00:01:57.330
olla juuri sitä, mitä lääkäri määräsi.

00:01:57.330 --> 00:02:02.000
Kohdistaminen on asia, jonka kanssa olet jatkuvasti huomaamattasi tekemisissä.

00:02:02.000 --> 00:02:07.890
Aina kun kirjoitat sähköpostin tai luot asiakirjan,
on teksti automaattisesti linjattu.

00:02:07.890 --> 00:02:13.299
Kun kohdistat objekteja itse (esim.
kuvia tai erillisiä tekstikehyksiä), niiden saaminen

00:02:13.299 --> 00:02:15.409
oikein voi olla haasteellista.

00:02:15.409 --> 00:02:18.620
Tärkeintä on olla johdonmukainen.

00:02:18.620 --> 00:02:22.079
Katsotaanpa, mitä se tarkoittaa.

00:02:22.079 --> 00:02:26.590
Saattaa auttaa, jos kuvittelet sisältösi järjestetyksi ruudukon sisälle.

00:02:26.590 --> 00:02:30.959
Huomaatko, kuinka näkymätön viiva keskittää
jokainen kuvan tekstiin?

00:02:30.959 --> 00:02:36.389
Jokainen kokonaisuus on myös tasaisin välein sijoitettu ja kohdistettu, yhtä suurilla marginaaleilla.

00:02:36.389 --> 00:02:40.879
Juuri tämä huomio yksityiskohtiin tekee sommitelmasta helpomman navigoida.

00:02:40.879 --> 00:02:48.349
Ilman johdonmukaista kohdistamista, työsi voi alkaa tuntua sekavalta.

00:02:48.349 --> 00:02:52.459
Kontrasti tarkoittaa yksinkertaisesti, että jokin asia on erilainen kuin toinen.

00:02:52.459 --> 00:02:57.239
Asettelussa ja sommittelussa kontrasti voi auttaa
tekemään monia asioita; esimerkiksi kiinnittämään

00:02:57.239 --> 00:03:02.870
lukijan huomion, korostamaan asioita tai painottamaan jotain tärkeää.

00:03:02.870 --> 00:03:07.950
Kontrastin luomiseen on monia keinoja.

00:03:07.950 --> 00:03:14.700
Voit käyttää väriä... säätää kokoa, muotoa,
tai kohteen visuaalista painoa... tai käyttää vaihtelevia

00:03:14.700 --> 00:03:18.209
tekstityylejä.

00:03:18.209 --> 00:03:22.910
Kontrasti on myös tiiviisti sidoksissa hierarkiaan,
visuaaliseen tekniikkaan, joka voi auttaa katsojia

00:03:22.910 --> 00:03:24.799
navigoimaan työssäsi.

00:03:24.799 --> 00:03:29.439
Toisin sanoen se näyttää heille, mistä aloittaa
ja minne mennä seuraavaksi, käyttäen painotuksen

00:03:29.439 --> 00:03:32.230
eri tasoja.

00:03:32.230 --> 00:03:37.209
Hierarkian luominen on yksinkertaista: päätä vain
mitkä elementit haluat lukijan huomaavan

00:03:37.209 --> 00:03:40.609
ensin ja tee niistä erottuvat.

00:03:40.609 --> 00:03:46.069
Tärkeät kohteet ovat yleensä
isompia, lihavoituja tai silmiinpistävämpiä

00:03:46.069 --> 00:03:49.140
jollain tapaa.

00:03:49.140 --> 00:03:54.109
Toisto on muistutus, että jokaisella projektilla 
tulisi olla yhtenäinen ilme.

00:03:54.109 --> 00:03:59.790
Tarkoittaen tapoja vahvistaa designia toistamalla 
tiettyjä elementtejä.

00:03:59.790 --> 00:04:06.260
Jos sinulla on esimerkiksi tietty väripaletti, etsi tapoja kuljettaa sitä mukana.

00:04:06.260 --> 00:04:10.790
Jos olet valinnut tietyn otsikkotyylin, 
käytä sitä aina.

00:04:10.790 --> 00:04:15.529
Tätä ei tehdä ainoastaan esteettisistä syistä, johdonmukaisuus voi myös tehdä työsi lukemisen

00:04:15.529 --> 00:04:17.030
helpommaksi.

00:04:17.030 --> 00:04:26.460
Kun katsoja tietää, mitä odottaa, hän
voi rentoutua ja keskittyä sisältöön.

00:04:26.460 --> 00:04:31.650
Ulkoasu ja sommittelu ovat monin tavoin designin unohdettuja sankareita.

00:04:31.650 --> 00:04:35.900
On helppo ohittaa niiden merkitys, mutta ne ovat
osa kaikkea mitä teet.

00:04:35.900 --> 00:04:43.570
Liikautus täällä...hieman ylimääräistä valkoista tilaa tuonne...
ja voila!

00:04:43.570 --> 00:04:51.900
Kiinnittämällä hieman huomiota yksityiskohtiin voit
luoda kauniita, ammattimaisia ​​sommitelmia.

00:04:51.900 --> 00:04:55.750
Kiitos, että olit seuranamme ulkoasun ja sommittelun perusteissa.

00:04:55.750 --> 00:05:00.820
Katso myös muut designiin liittyvät aiheemme kuten typografia, väri ja kuvat.