Taiton perusteet.

Koko: px

Aloita esitys sivulta:

Download "Taiton perusteet."

Ari-Matti Honkanen
6 vuotta sitten
Katselukertoja:

1 Taiton perusteet

2 Pieni paketti TYPOGRAFIAA

3 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 merkkiä, yhtä palstaa käytettäessä 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. 3

4 Serif eli antiikva 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. Sans-Serif eli groteksi 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öä. Times New Roman Georgia Arial Verdana Helvetica 4

5 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. 5

6 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 6

7 Varmista, että tekstin kontrasti on sopiva, Suunnittele tehosteet ja korostukset huolella ja käytä niitä vain luettavuuden parantamiseksi ja visuaalisen ilmeen selkiyttämiseksi. Teksti Teksti Teksti 7

8 Hyviä ja Huonoja ESIMERKKEJÄ 8

9 EI NÄIN! Using Too Many Fonts is bad, really bad. 9

10 EI NÄIN! 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ä. 10

11 EI NÄIN! 11

12 EI NÄIN! 12

13 EI NÄIN! 13

14 VAAN NÄIN! 14

15 VAAN NÄIN! 15

16 Hyvää SOMMITTELUA 16

Hyvää sommittelua, eli kuvan eri osien asettamista siten, että osat muodostavat yhtenäisen, kiinnostavan tai tarkoituksenmukaisen kokonaisuuden.

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

17 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 17

18 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. 18

19 Kultainen leikkaus 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. 19

20 Optinen keskipiste 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. 20

21 Tehdään KÄYNTIKORTTI

22 22

24 Ja sitten HOMMIIN

Samankaltaiset tiedostot

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo