24
Taiton perusteet [email protected]

Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus

Taiton perusteet

[email protected]

Page 2: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
Page 24: Taiton perusteet - Ad Kreppi · Kultainen leikkaus esiintyy luonnossa monessa paikassa ja sitä noudattavat muodot koetaan usein miellyttäviksi. Kultainen leikkaus

Ja sitten HOMMIIN