WEBVTT
Kind: captions
Language: fi

00:00:01.979 --> 00:00:08.799
Suunnittelun perusteet ovat
jokaisen visuaalisen median perusta, kuvataiteesta moderniin

00:00:08.799 --> 00:00:16.520
websuunnitteluun... jopa pieniin yksityiskohtiin, kuten
fontteihin, joista suurin osa sommitelmista muodostuu.

00:00:16.520 --> 00:00:19.050
Mitä yhteistä näillä esimerkeillä on?

00:00:19.050 --> 00:00:26.589
Peruselementit, kuten viiva,
muoto, 3D-muoto, tekstuuri ja tasapaino.

00:00:26.589 --> 00:00:31.169
Ne eivät ehkä näytä kummoiselta yksinään,
mutta yhdessä ne ovat osa melkein  kaikkea

00:00:31.169 --> 00:00:34.610
näkemäämme ja luomaamme.

00:00:34.610 --> 00:00:39.280
Perusteet voivat olla pelottavia, etenkin
jos et pidä itsesi taiteilijana.

00:00:39.280 --> 00:00:44.379
Ne voivat kuitenkin opettaa sinulle paljon erilaisten resurssien kanssa työskentelystä ja miten luoda

00:00:44.379 --> 00:00:46.430
yksinkertaisia ulkoasuja tyhjästä.

00:00:46.430 --> 00:00:52.899
Aloitetaan ihan alusta yhdellä
peruselementillä... viivalla.

00:00:52.899 --> 00:00:56.140
Viiva on muoto, joka yhdistää kaksi tai useamman
pistettä.

00:00:56.140 --> 00:01:01.530
Se voi olla paksu tai ohut... aaltoilevaa tai kulmikas.

00:01:01.530 --> 00:01:05.980
Jokainen vaihtoehto antaa viivalle hieman
erilaisen fiiliksen.

00:01:05.980 --> 00:01:11.580
Viivoja näkyy designissa usein, esimerkiksi
piirustuksissa ja kuvituksissa... ja graafisissa

00:01:11.580 --> 00:01:15.050
elementeissä, kuten tekstuureissa ja kuvioissa.

00:01:15.050 --> 00:01:21.700
Ne ovat myös yleisiä tekstisommitteluissa,
joissa ne voivat lisätä painotusta... jakaa tai järjestää

00:01:21.700 --> 00:01:27.720
sisältöä... tai jopa ohjata katsojan katsetta.

00:01:27.720 --> 00:01:33.610
Kun työskentelet viivojen kanssa, kiinnitä huomiota
asioihin kuten leveys, väri, tekstuuri ja tyyli.

00:01:33.610 --> 00:01:39.190
Näillä hienovaraisilla ominaisuuksilla voi olla suuri vaikutus siihen miten suunnitelmasi nähdään.

00:01:39.190 --> 00:01:44.280
Etsi paikkoja, joissa viivat piilevät
selkeästi nähtävissä; esimerkiksi tekstissä.

00:01:44.280 --> 00:01:50.470
Jopa tässä, kokeilemalla eri viivan
ominaisuuksia voit saavuttaa hyvin erilaisia ​​tuloksia.

00:01:50.470 --> 00:01:56.880
Muoto on mikä tahansa kaksiulotteinen alue jolla on tunnistettava
raja.

00:01:56.880 --> 00:02:01.990
Tähän sisältyy ympyröitä, neliöitä, kolmioita,
ja niin edelleen.

00:02:01.990 --> 00:02:07.640
Muodot kuuluvat kahteen erilliseen luokkaan:
geometrinen (tai säännöllinen) ja orgaaninen (missä

00:02:07.640 --> 00:02:10.909
muodot ovat vapaamuotoisempia).

00:02:10.909 --> 00:02:14.290
Muodot ovat tärkeä osa ideoiden kommunikointia
visuaalisesti.

00:02:14.290 --> 00:02:18.120
Ne antavat kuville painoa ja tekevät niistä tunnistettavia.

00:02:18.120 --> 00:02:25.049
Ymmärrämme katukylttejä, symboleja ja jopa
abstraktia taidetta pitkälti muotojen ansiosta.

00:02:25.049 --> 00:02:28.430
Muodoilla on yllättävän paljon käyttötarkoituksia
jokapäiväisessä suunnittelussa.

00:02:28.430 --> 00:02:34.420
Ne voivat auttaa sinua järjestämään tai jakamaan sisältöä...
luomaan yksinkertaisia ​​kuvituksia... tai vain lisäämään

00:02:34.420 --> 00:02:36.560
mielenkiintoa työhösi.

00:02:36.560 --> 00:02:40.950
Muodot ovat tärkeitä, koska ne ovat niin monen asian perusta.

00:02:40.950 --> 00:02:48.019
Opi etsimään niitä muista designeista, ja
pian näet niitä kaikkialla.

00:02:48.019 --> 00:02:51.840
Kun muoto muuttuu 3D:ksi, kutsumme sitä kolmiulotteiseksi.

00:02:51.840 --> 00:02:57.159
Muodot voivat olla kolmiulotteisia ja sijaita
reaalimaailmassa... vaihtoehtoisesti ne voidaan esittää kuvituksien kautta

00:02:57.159 --> 00:03:02.379
käyttäen tekniikoita kuten valo, varjo ja perspektiivi syvyyden illuusion luomiseksi.

00:03:02.379 --> 00:03:07.019
Kaksiulotteisessa suunnittelussa muoto tekee realismin
mahdolliseksi.

00:03:07.019 --> 00:03:11.120
Ilman sitä pomppiva kumipallo on vain
ympyrä.

00:03:11.120 --> 00:03:15.360
3D-rakennus vain sarja suorakulmioita.

00:03:15.360 --> 00:03:20.639
Jopa tasaväriset designit käyttävät hienovaraisia ​​tekniikoita
vihjatakseen muotoon ja syvyyteen.

00:03:20.639 --> 00:03:25.590
Jokapäiväisissä sommitelmissa muodon tarkoitus
on sama, mutta pienemmässä mittakaavassa.

00:03:25.590 --> 00:03:30.189
Esimerkiksi yksinkertainen varjo voi luoda
illuusion tasoista... tai antaa esineelle

00:03:30.189 --> 00:03:32.859
tuttuuden tunteen.

00:03:32.859 --> 00:03:41.209
Perusmuodot voivat tuoda hipauksem realismia työhösi—tehokas työkalu maltillisesti käytettynä.

00:03:41.209 --> 00:03:44.359
Tekstuuri on pinnan fyysinen laatu.

00:03:44.359 --> 00:03:49.969
Muodon tavoin se voi olla kolmiulotteinen, jotain minkä voit nähdä tai koskettaa. Voidaan myös

00:03:49.969 --> 00:03:54.959
vihjata, että sillä olisi tekstuuri jos se olisi olemassa oikeassa elämässä.

00:03:54.959 --> 00:04:00.239
Suunnittelussa tekstuuri lisää syvyyttä ja käsinkosketeltavuutta
muuten litteisiin kuviin.

00:04:00.239 --> 00:04:06.840
Objektit voivat näyttää sileiltä, karkeilta, kovilta tai
pehmeiltä, riippuen kyseisistä elementeistä.

00:04:06.840 --> 00:04:11.099
Aloittelijat saavat tekstuureista upeita taustakuvia ja ne voivat lisätä työsi kiinnostavuutta

00:04:11.099 --> 00:04:12.099
huomattavasti.

00:04:12.099 --> 00:04:17.850
Katso tarkasti, ja saatat löytää tekstuuria 
odottamattomista paikoista, kuten "rikotuista" fonteista...

00:04:17.850 --> 00:04:20.810
ja sileistä, kiiltävistä kuvakkeista.

00:04:20.810 --> 00:04:25.440
Ole kuitenkin varovainen, ettet liioittele
—liikaa tekstuuria yhteen designiin voi

00:04:25.440 --> 00:04:30.160
olla päällekäyvää.

00:04:30.160 --> 00:04:35.160
Tasapaino on visuaalisen painon tasainen jakautuminen (tarkemmin sanoen, kuinka paljon jokin tietty elementti

00:04:35.160 --> 00:04:37.450
houkuttelee katsojaa).

00:04:37.450 --> 00:04:45.040
Tasapainoon voi vaikuttaa moni asia, kuten väri, koko, määrä ja negatiivinen tila.

00:04:45.040 --> 00:04:49.500
Tasapainon hallitseminen voi olla hankalaa aloittelijoille, koska se vaatii hieman intuitiota.

00:04:49.500 --> 00:04:53.980
Onneksi designmaailma on täynnä esimerkkejä
jotka voivat auttaa sinua ymmärtämään sen erilaisia

00:04:53.980 --> 00:04:56.280
variaatioita.

00:04:56.280 --> 00:05:00.790
Symmetriset designit ovat samanlaiset tai samankaltaiset
akselin molemmin puolin.

00:05:00.790 --> 00:05:06.980
Ne vaikuttavat tasapainoisilta, koska kumpikin puoli on tosi asiassa
sama (jollei identtinen).

00:05:06.980 --> 00:05:11.780
Epäsymmetriset designit ovat erilaisia, mutta
paino on silti tasaisesti jakautunut.

00:05:11.780 --> 00:05:17.290
Sommitelma on tasapainoinen, koska se suuntaa
huomion oikeisiin asioihin.

00:05:17.290 --> 00:05:20.750
Monet käyttävät strategiaa, jota kutsutaan kolmasosien säännöksi.

00:05:20.750 --> 00:05:25.160
Tämä jakaa työalueesi kuvitteelliseen
3x3 ruudukkoon.

00:05:25.160 --> 00:05:29.780
Kuvan toiminnan keskipiste asetetaan joko päälle
tai lähelle yhtä näistä linjoista, luoden visuaalisen

00:05:29.780 --> 00:05:32.581
tasapainon lopputilan kanssa.

00:05:32.581 --> 00:05:36.950
Koemme tällaisen sommitelman miellyttäväksi
koska tutkimusten mukaan ihmissilmä

00:05:36.950 --> 00:05:43.380
seuraa luonnostaan tätä polkua tutkaillessaan designia.

00:05:43.380 --> 00:05:48.160
Suunnittelun perusteet ovat osa
isompaa kuvaa, eli toisin sanoen opettelua

00:05:48.160 --> 00:05:53.180
arvostamaan niitä pieniä yksityiskohtia, jotka
muodostavat jokaisen sommitelman.

00:05:53.180 --> 00:05:57.830
Tätä voidaan soveltaa lähes mihin tahansa
projektiin, olitpa sitten luomassa

00:05:57.830 --> 00:06:03.890
omaa grafiikkaa... tai vain etsimässä yksinkertaisia
tapoja parantaa työtäsi.

00:06:03.890 --> 00:06:08.930
Kiitos, että tutustuit kanssamme  suunnittelun perusteisiin.

00:06:08.930 --> 00:06:23.860
Katso muitakin suunnittelu aiheitamme, kuten
väri ja typografia.

