Kultainen Oras -palkinnon voittaja Liisa Seppälä, Avot design Oy ja Pöyrööt
Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä...
Transcript of Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä...
![Page 2: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/2.jpg)
Pieni pakett i TYPOGRAFIAA
![Page 3: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/3.jpg)
3© copyrignt Petra Suominen 2016
Kymmenen käskyä tekstistä ja sen luettavuudesta Kari Kotka (1995):
• Pitkissä otsikoissa gemena (pienaakkoset) on luettavampaa kuin versaali (SUURAAKKOSET).
• Liian suuri kirjasinkoko tekee pitkistä otsikoista vaikealukuisia.
• Pitkät negatiiviteksit eivät houkuttele lukemaan.
• Kursiivi (kallellaan oleva) on vaikeampilukuista kuin pystysuora muoto
• Musta teksti valkoisella on luettavinta (eli hyvä kontrasti helpottaa luettavuutta)
• Liian leveät palstat vaikeuttavat lukemista. Useampaa palstaa käytettäessä leveys voisi olla 30-50 merkkiä, yhtä palstaa käytettäessä 60-80 merkkiä.
• Silmä tarvitsee kiintopisteitä (anfangit (iso alkukirjain), sisennykset, lihavoinnit, kursivoinnit jne.).
• Leipätekstille oikea pistekoko.
• Antiikva eli serif (päätteellinen fontti) vai groteski eli sans-serif (pääteetön fontti).
• Tekstissä tasablokki vai liehu.
![Page 4: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/4.jpg)
4© copyrignt Petra Suominen 2016
Serif eli antiikva Sans-Serif eli groteksi
Yleisin fontti sanomalehdissä, kirjoissa ja asiakirjastandardissa. Se on päätteellinen, serif, eli kirjaimet ikään kuin seisovat ohuen jalustan päällä.
Antiikva on kehittynyt noin 1300-luvulla roomalaisten kirjainten ja kirjapainotaidon keksimisen jälkeen 1400-luvun lopulla varsinaiseksi kirjasintyypiksi. Times New RomanGeorgia
Sans-serif on päätteetön eli groteski: pylväitä, ympyröitä ja puoliympyröitä, kuin tikkukirjaimia, eikä paksuuseroja ole.
Groteski on suhteellisen nuori kirjasintyyppi, jota on alettu suunnitella vasta 1800-luvun lopulla, kun hylättiin koristeelliset muodot ja typografiasta tuli osa tekstien sisältöä.
ArialVerdanaHelvetica
![Page 5: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/5.jpg)
5© copyrignt Petra Suominen 2016
Miksi kannattaa huomioida?Typografian tarkoitus on esittää teksti kiinnostavalla, helppolukuisella ja lukijan silmää miellyttävällä tavalla.
• Kiinnostavuus on tärkeintä otsikoissa ja muissa korostetuissa teksteissä, ja siksi niissä usein käytetäänkin erikoisia fontteja.
• Helppolukuisuus on leipätekstille asetettava perusvaatimus, mutta lisäksi tekstin pitäisi näyttää vähän muulta kuin harmaalta massalta, varsinkin jos sitä on paljon.
• Miellyttävyys tarkoittaa usein lähinnä vain sitä, että ulkoasu ei saa erityisesti ärsyttää – ei ainakaan niin, että ärsytys nousee lukijan tietoisuuteen.
![Page 6: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/6.jpg)
6© copyrignt Petra Suominen 2016
• Tekstin esitysmuotoon eli typografiaan on kiinnitettävä sitä enemmän huomiota, mitä suurempi levikki ja merkitys tekstillä on.
• Valitse fontti käyttötarkoituksen mukaan.
Comic Sans Impact
![Page 7: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/7.jpg)
7© copyrignt Petra Suominen 2016
• Varmista, että tekstin kontrasti on sopiva,
• Suunnittele tehosteet ja korostukset huolella ja käytä niitä vain luettavuuden parantamiseksi ja visuaalisen ilmeen selkiyttämiseksi.
Teksti TekstiTeksti
![Page 8: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/8.jpg)
8© copyrignt Petra Suominen 2016
Hyviä ja Huonoja ESIMERKKEJÄ
![Page 9: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/9.jpg)
9© copyrignt Petra Suominen 2016
Using Too Many Fonts is bad, really bad.
EI NÄIN!
![Page 10: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/10.jpg)
10© copyrignt Petra Suominen 2016
Onko tämä teksti vaikea lukea?
Se johtuu siitä että punaisen ja harmaan väreillä on sama luminanssi eli valontieheys on sama. Väriyhdistelmä luo visuaalisen illuusion
Vihreä on myös ongelmallinen.
Myös sininen ja punainen ovat huono yhdistelmä...
Varsinkin punainen sinisellä.
EI NÄIN!
![Page 11: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/11.jpg)
11© copyrignt Petra Suominen 2016
EI NÄIN!
![Page 12: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/12.jpg)
12© copyrignt Petra Suominen 2016
EI NÄIN!
![Page 13: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/13.jpg)
13© copyrignt Petra Suominen 2016
EI NÄIN!
![Page 14: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/14.jpg)
14© copyrignt Petra Suominen 2016
VAAN NÄIN!
![Page 15: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/15.jpg)
15© copyrignt Petra Suominen 2016
VAAN NÄIN!
![Page 16: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/16.jpg)
16© copyrignt Petra Suominen 2016
Hyvää SOMMITTELUA
![Page 17: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/17.jpg)
17© copyrignt Petra Suominen 2016
Hyvää sommittelua, eli kuvan eri osien asettamista siten, että osat muodostavat yhtenäisen, kiinnostavan tai tarkoituksenmukaisen kokonaisuuden.
Taitto tuo miellyttävän vaikutelman, kun sen osat ovat tasapainossa keskenään.
Tur seritatios eum, que niendero blaborro et fugia aut apiendust, utat fugit velique nis eosam qui dolupta ecture vel min con nonsera eum nessitam aut eum dem velluptatem que eum et odi vel esent est ex ex et latem endia ditius quametur aut as aut vendae velit que maionsedicit omnienit vellorerum nos seque maiore platqui dessim rehendest, quat aped qui rem nimaio ventur, ullande stisim doluptatiore nam solor senim eos esed moluptam comniet opta prate dolorenihil ius idi officiatur sinistio. Nusam ra vid exceria nihicto eatus, inulliqui officae dolorum ab in es ut lique nimporenimus sim quiduci ligent eos vit, es mintotatem as etur sam nos quis asi dendus, essit voluptati consedit dellam fuga. Nem laboreperum as alit, quiate sam quundis nonsenestrum etumque quam, sit iur, oditiam as doluptaquis ut ea venti consequi dipidunt, utemquo ditassitam, cus exerum net laceatem velignatis doluptis ident earia nostis nit m
![Page 18: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/18.jpg)
18© copyrignt Petra Suominen 2016
Graafisen tuotteen sommittelua laadittaessa on otettava huomioon, että tärkeäksi katsotut asiat nousevat esiin riittävän selkeästi. Suunnittelijan on siis oltava tietoinen painotuotteelle asetetuista tavoitteista.
![Page 19: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/19.jpg)
19© copyrignt Petra Suominen 2016
• Kuvan tasapainolinja
• Optista keskipistettä ja tasapainolinjaa pidetään sommittelun ja painotuotteen suunnittelun perusasioina.
• Kuvan tärkein sanoma tai asia sijoitetaan tasapainopisteeseen tai sen välittömään läheisyyteen.
• Kultaista leikkausta voi hyödyntää kuvan, sivun tai aukeaman suunnittelussa.
Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi.
Kultainen leikkaus
![Page 20: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/20.jpg)
20© copyrignt Petra Suominen 2016
• Ihmisen katseen liikettä tutkiessa on todettu, että huomio kiinnittyy ensin vasempaan ylälaitaan ja liukuu sen jälkeen sivun yli alas oikealle.
• Katse viipyy kauimmin niin kutsutussa optisessa keskipisteessä.
• Optinen keskipiste on hyvä paikka sijoittaa painotuotteen tai mainoksen tärkein osa.
Optinen keskipiste
![Page 21: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/21.jpg)
Tehdään KÄYNTIKORTTI
![Page 22: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/22.jpg)
22© copyrignt Petra Suominen 2016
![Page 23: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/23.jpg)
![Page 24: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus](https://reader034.fdocuments.net/reader034/viewer/2022051910/5fff8ac365b96b7ece073329/html5/thumbnails/24.jpg)
Ja sitten HOMMIIN