Your SlideShare is downloading. ×
Väinö Teittinen 23.3.2011
Leipäteksti     vinkkiä toimivan     kirjasinleikkauksen     valintaan
7 vinkkiä leipätekstinkirjasimen valintaanPäämäärä?
7 vinkkiä leipätekstinkirjasimen valintaan
rajojen rikkominenkokeellisuusuuden etsiminenmielikuvan rakennus
viestintätarinan kerrontatekstin lukeminenopastus
7 vinkkiä leipätekstinkirjasimen valintaan
7 vinkkiä leipätekstin  kirjasimen valintaan                      luettava                     typografia   maali!        ...
7 vinkkiä leipätekstinkirjasimen valintaanJos lukeminen onlehden päämäärä,on suunnittelijan työhelpottaa lukemista.
7 vinkkiä leipätekstinkirjasimen valintaan     Otsikointi                 PistekokoTaitto                    Fontti      L...
7 vinkkiä leipätekstin kirjasimen valintaan1.Valitse sellainen kirjasinleikkaus jonka merkkienleveys on lähellä toisiaan. ...
7 vinkkiä leipätekstin kirjasimen valintaan2.                       Normaalit mittasuhteet Kavennetut mittasuhteet        ...
7 vinkkiä leipätekstin kirjasimen valintaan3.                 Normaali X korkeus                                          ...
7 vinkkiä leipätekstin kirjasimen valintaan4.                   Liian erilainen Normaalivaihtelut ovat pieniä. Tällainenki...
7 vinkkiä leipätekstin kirjasimen valintaan5.                 Peilikuva                   Helvetica Neue Roman            ...
7 vinkkiä leipätekstin kirjasimen valintaan6.                 Ylisuuri sisus                   ITC Avantgarde GothicVaro y...
7 vinkkiä leipätekstin kirjasimen valintaan7.                        Hyvä otsikoissa, mutta ei toimi leipätekstinä BelveVä...
7 vinkkiä leipätekstinkirjasimen valintaanMikä fontti toimii?http://www.linotype.com/formfinder.html
7 vinkkiä leipätekstin  kirjasimen valintaanYksi lista:Klassiset tyylit          Modernit tyylitAdobe Garamond Pro        ...
Didot HTF-B06 ital   Kirjainten esiintymistiheys %   suomen- ja englannin kielissäaitneslokuämvrjhypdögbfcwåqSuomieariotns...
Kokeile yleisimpiä kirjaimia, kun haetsuomen kieleen sopivaa otsikkofonttia
Lista fonttien  vähittäiskauppiaista.Vähittäiskauppiaat myyvät useiden eri valmistajien (foundries) fontteja. Fontteja voi...
Font Broshttp://www.fontbros.com/                           Hauskoja tyyliteltyjä                           fontteja etsiv...
FontHaushttp://www.fonthaus.com/                           Laadukas,                           iso valikoima,             ...
FontShophttp://www.fontshop.com/                           Klassikko, paljon                           tietoa verkkomedia:...
Fonts.comhttp://www.fonts.com/                        Suuri jälleenmyyjä jonka                        omistaa Monotype    ...
MyFonts                   Aivan briljanttihttp://www.myfonts.com/   palvelu, kun haluaa etsiä                          jot...
T-26http://www.t26.com/                      Uutta etsiville.                      Erikoisuutena                      kuva...
Veerhttp://www.veer.com/                       Hyvät käyttöyhteys-                       esimerkit, helppo                ...
Village  http://vllg.com/fontsPaljon uutuuksia, hyvät uutiset.
Kannet
KannentypografiaRunsaus, kilpailu	lehtihyllyllä,	   Selkeys,	lukija	on	jo	”ostanut”	vertaillaan	lehtiä	-	kummassa	      le...
Kannen         typografia                                                                     muutama                     ...
Kannentypografia60 % lukijoista	avaa	lehden	kansitekstien	                    	perusteella
.ps .ttf .otf                ?
PostScriptPostScript tai “Type 1“ Adobe kehitti 1980 luvulla. TrueTypetuli muutaman vuoden perässä. PostScrip on kieli tai...
Miksi käyttää OpenType-kirjasimia?Yksi vanhimmista myyteistä julkaisujen tuottamisessa on käsky ”Älä koskaan käytäTrueType...
Harkinnanvaraiset ligatuurit Kirja-                                                                            sinominaisu...
VälistysOptical perustuu	merkkien	muotoihin.	Käytä	otsikoissa	ja	fonteissa	joissa	ei	ole	merkkipareja	valmiina	(halpikset)...
Tasaus                    95% 100% 120%                    -2%       0%         2%                    98% 100% 102%       ...
Lorem ipsum kyllästyttää?Laita Indesign ohjelman kansion juureen oma tekstitiedosto ja ni-meä se: placeholder.txt Uptati d...
HeikkojasignaalejaTrendejä 2011
Heikkoja signaalejaMistä?        - Lehdistä              - Mainoksista, elokuvista,                uusista logoista,      ...
Heikkojasignaaleja
Heikkojasignaaleja
Heikkojasignaaleja
Heikkoja signaaleja         Oikea käsiala    Jellyka BeesAntique Handwriting    Oikea käsiala             Suomi HandSELKEY...
Helvetica Neue lT ComHeikkojasignaalejaYhdenperheenpelkistettykäyttö
DiNOT light & cond BlackHeikkojasignaalejaVERSAALITOTSIKOTKAVENNETUT
VaG Rounded Thin & BlackHeikkojasignaalejaOtsikoidenvapaa  muotoilu   Tämä on vaikea laji, joka tarvitsee             yhte...
VaG Rounded Thin & Black    Heikkoja                                                                                      ...
Heikkojasignaaleja             Fontit kuvituksena
Heikkojasignaaleja
Heikkojasignaaleja
Heikkojasignaaleja
Heikkojasignaaleja
Heikkojasignaaleja
Ilmaiset?- Heikkolaatuisia- Skandit puuttuvat usein- Ole tarkkana käyttöoikeuden suhteen- Usein kaupallinen käyttö kiellet...
Ilmaiset:www.dafont.com
Tee itse!
Tee itse:http://www.yourfonts.com/
Tee itse:http://www.yourfonts.com/Hinta noin 15 $
Sanastoawww.adobe.com/education/pdf/type_primer.pdf
FonttiparitFonttiparien valitseminen on taidetta,oikeastaan ei ole oikeaa tai väärääyhdistelmää. Jotkut vain toimivatkeske...
Sans Serif ja Serif. Vasemmalla on kaksi sans serif fonttia, muttaniillä on erilainen persoona, lopputulos on ristiriitain...
Vältä samaa luokitusta. Vasemmalla molemmat ovatSlab Serif fontteja mutta eri perheestä. Molemmat ovatpersoonallisia fontt...
Anna fonteille oma rooli. Helppo tapa yhdistellä fontteja onantaa niille kiinteä rooli. Alla Tekijätiedot on Akzidez Grote...
Tee kontrastia. Kirjasinten paksuuksilla saa taittoon ryhtiä.Tällä tavoin ohjataan katse oikeaan paikkaan.
Typografinen väri. Tällä tarkoitetaan tekstin muodostamaavalööriä tai tummuutta. Siihen vaikuttaa välistys, riviväli, viiv...
Älä sekoita tunnetiloja – fiiliksiä. Hassutteleva jainsinöörimäisen vakava fontti ei välttämättä sovi yhteen.Futura ja sou...
Lisää erilaisia persoonia. Daxilla on korkea x-korkeus ja Bern-hardilla matala x-korkeus. Daxin täytöt ja leveys ovat neut...
Vältä ääripäitä. Liika kontrasti saa aikaan sekavan taiton.
Yksinkertainen on kaunista. Kokeile kahta fonttiperhettäLähde: Smashingmagazine
Kaikki irti typografiasta
Kaikki irti typografiasta
Kaikki irti typografiasta
Kaikki irti typografiasta
Upcoming SlideShare
Loading in...5
×

Kaikki irti typografiasta

1,868

Published on

Väinö Teittinen, Otavamedia Oy Kynämies
tietoisku 23.3.2011
Aikakausmediassa

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,868
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Kaikki irti typografiasta"

  1. 1. Väinö Teittinen 23.3.2011
  2. 2. Leipäteksti vinkkiä toimivan kirjasinleikkauksen valintaan
  3. 3. 7 vinkkiä leipätekstinkirjasimen valintaanPäämäärä?
  4. 4. 7 vinkkiä leipätekstinkirjasimen valintaan
  5. 5. rajojen rikkominenkokeellisuusuuden etsiminenmielikuvan rakennus
  6. 6. viestintätarinan kerrontatekstin lukeminenopastus
  7. 7. 7 vinkkiä leipätekstinkirjasimen valintaan
  8. 8. 7 vinkkiä leipätekstin kirjasimen valintaan luettava typografia maali! - fonttihierarkia - taitto - kuvamaailma - otsikointi tylsä omaleimainenlehden ilme lehden ilme työläs typografia
  9. 9. 7 vinkkiä leipätekstinkirjasimen valintaanJos lukeminen onlehden päämäärä,on suunnittelijan työhelpottaa lukemista.
  10. 10. 7 vinkkiä leipätekstinkirjasimen valintaan Otsikointi PistekokoTaitto Fontti Lehden rytmi TaittoUteliaisuus Viestin välitys Ulkoasu Värit Luettavuus Tekstin sisältö Kuvat Tekstin pituusVisuaalisuuden tehtävä Tekstin tehtävä
  11. 11. 7 vinkkiä leipätekstin kirjasimen valintaan1.Valitse sellainen kirjasinleikkaus jonka merkkienleveys on lähellä toisiaan. Lukemisella on oma luonnol-linen rytminsä. Tasaiset merkkileveydet muodostavatselkeästi hahmotettavia sanoja. Esimerkiksi Futura:ssamerkkileveydet vaihtelevat suuresti, jolloin silmä joutuutekemään enemmän työtä sanojen hahmottamisessa.
  12. 12. 7 vinkkiä leipätekstin kirjasimen valintaan2. Normaalit mittasuhteet Kavennetut mittasuhteet ITC Stone Serif RacerValitse kirjasin jonka korkeus suhteessa leveyteen onkeskitasoa (S kirjaimella 3/2). Hahmotamme kirjaimetniiden muotojen perusteella, lenkit, kaaret, sakarat,tolpat ja renkaat. Litistetyissä tai venytetyissä kirjaimis-sa nämä muodot hämärtyvät. Esimerkiksi diakonaali vii-vat muuttuvat pystymmiksi, jolloin hahmotus vaikeutuu.
  13. 13. 7 vinkkiä leipätekstin kirjasimen valintaan3. Normaali X korkeus x-korkeus Cochin Times New romanValitse normaali x-korkeus. Tällä tarkoitetaan pienten kirjaimi-en korkeutta (weruoaszxcvnm) mitä suurempi x-korkeus on, sitätiiviimmältä fontti näyttää. Suuret tai pienet x-korkeudet sopivatlyhyihin teksteihin. Tästä johtuu että eri fontit näyttävät keske-nään erikokoisilta vaikka pistekoko olisikin sama. Vältä molempia ääripäitä
  14. 14. 7 vinkkiä leipätekstin kirjasimen valintaan4. Liian erilainen Normaalivaihtelut ovat pieniä. Tällainenkirjain muodostaa tasaisen linjan Ei lainkaan vaihtelua Bauer Bodoni Times New Roman Futura MediumEtsi fontti jonka viivan paksuus- Bauer Bodoni Apicab idem ad exerruptatem rernate excestion Futura Medium Apicab idem ad exerruptatem rernate excestion cum rem ea dis cum rem ea diskirjaimia, jota on helppo seurata eictur? Qui dio eictur? Qui diosilmällä. Ohut viiva katoaa pienillä ipienis molume modipsa piendel ipienis molume modipsa piendelpistekoilla ja vaikeuttaa kirjainten mosandite que mosandite quehahmottamista. Liian tasainen vii- sus debitasped que dicia eosti sus debitasped que dicia eostiva taas muodostaa liian yhtenäisenkirjainlinjan.
  15. 15. 7 vinkkiä leipätekstin kirjasimen valintaan5. Peilikuva Helvetica Neue Roman Yksilöllinen Gill SansVältä peilikuvia. Monissa geometrisissä fonteissa kir-jaimet ovat toistensa peilikuvia, tai hyvin lähellä toisten-sa ulkonäköä. Leipätekstissä tämä ei ole tarkoitus. Mitäerilaisempia kirjaimet ovat keskenään sitä luettavampiasanoista tulee.
  16. 16. 7 vinkkiä leipätekstin kirjasimen valintaan6. Ylisuuri sisus ITC Avantgarde GothicVaro ylisuuria sisuksia. Teksti joka on ladottu tällaisil-la kirjaimilla näyttää reikäiseltä, siksi sitä on vaikeampiseurata pitkään.
  17. 17. 7 vinkkiä leipätekstin kirjasimen valintaan7. Hyvä otsikoissa, mutta ei toimi leipätekstinä BelveVältä kurvikkaita, hassuja ja erikoisia fontteja. Toimiiotsikoissa ja äläyksissä, mutta niihin kyllästyy pitkissäteksteissä nopeasti. Silmälle on vaikeaa ja väsyttävääseurata monimutkaisia muotoja. Sama tapahtuu kunyrittää lukea persoonallista käsialaa.
  18. 18. 7 vinkkiä leipätekstinkirjasimen valintaanMikä fontti toimii?http://www.linotype.com/formfinder.html
  19. 19. 7 vinkkiä leipätekstin kirjasimen valintaanYksi lista:Klassiset tyylit Modernit tyylitAdobe Garamond Pro Neue Helvetica™Times™ Ten Kabel®ITC Weidemann® Linotype Univers™Sabon™ Next Vectora™Palatino™ Frutiger™ NextLinoLetter™ Trade Gothic™Fairfield™ Linotype Syntax™Compatil™ Linotype Veto™Trajanus™ Next Linotype Aroma™Breughel™ Ambigue™Janson Text™ ITC Officina® SansElectra™ Hildegard™Metromedium Bell Gothic™New Century Schoolbook™ Avenir™ NextMonticello™ Veronika™ Bohemia™
  20. 20. Didot HTF-B06 ital Kirjainten esiintymistiheys % suomen- ja englannin kielissäaitneslokuämvrjhypdögbfcwåqSuomieariotnslcudpmhgbfywkvxzjqEnglanti
  21. 21. Kokeile yleisimpiä kirjaimia, kun haetsuomen kieleen sopivaa otsikkofonttia
  22. 22. Lista fonttien vähittäiskauppiaista.Vähittäiskauppiaat myyvät useiden eri valmistajien (foundries) fontteja. Fontteja voi ostaa myös suoraanvalmistajalta, mutta hinta on usein sama tai jopa kalliimpi. Toisaalta valmistajilla on usein myynnissä sellaisiauutuuksia joita ei muualta löydä.Monet vähittäismyyjät ovat tuottaneet edustamiensa valmistajien lisäksi omia kirjasinkokoelmia kutenVeerin Umbrella Collection, FontShopin FontFont foundry ja Phil’s Fontsin Garage Fonts.• Font Bros• FontHaus• FontShop• Fonts.com• MyFonts• T-26• Veer• Village
  23. 23. Font Broshttp://www.fontbros.com/ Hauskoja tyyliteltyjä fontteja etsiville. Aika edullinen.
  24. 24. FontHaushttp://www.fonthaus.com/ Laadukas, iso valikoima, hyvä uutiskirje.
  25. 25. FontShophttp://www.fontshop.com/ Klassikko, paljon tietoa verkkomedia: http://fontfeed.com.
  26. 26. Fonts.comhttp://www.fonts.com/ Suuri jälleenmyyjä jonka omistaa Monotype Imaging. Monotype Imaging omistaa myös: Linotypen ja ITC fontsin. Times New Roman®, Helvetica® ja ITC Franklin Gothic™
  27. 27. MyFonts Aivan briljanttihttp://www.myfonts.com/ palvelu, kun haluaa etsiä jotakin tiettyä fonttia
  28. 28. T-26http://www.t26.com/ Uutta etsiville. Erikoisuutena kuvafontit.
  29. 29. Veerhttp://www.veer.com/ Hyvät käyttöyhteys- esimerkit, helppo ostaa krediteillä.
  30. 30. Village http://vllg.com/fontsPaljon uutuuksia, hyvät uutiset.
  31. 31. Kannet
  32. 32. KannentypografiaRunsaus, kilpailu lehtihyllyllä, Selkeys, lukija on jo ”ostanut” vertaillaan lehtiä - kummassa lehden, voidaan muotoilla kantta enemmän kiinnostavaa luettavaa. visuaalisuuden ehdoilla..
  33. 33. Kannen typografia muutama tärppi kuva tekstien ehdollalistat Kasvot koko kuvitus- sisältö kuva tekstien sommittelu vaatii aikaa ja taitoa extrat tyhjä teksti tila kuvan ehdolla viesti: nopea, viesti: rauhallinen, älykäs helppo, viihteellinen syvällinen, asiantunteva
  34. 34. Kannentypografia60 % lukijoista avaa lehden kansitekstien perusteella
  35. 35. .ps .ttf .otf ?
  36. 36. PostScriptPostScript tai “Type 1“ Adobe kehitti 1980 luvulla. TrueTypetuli muutaman vuoden perässä. PostScrip on kieli tai tekniikkajolla tieto lähetetään printterille esimerkiksi vektorimuodossa.PostScript fontti muodostuu useasta osasta, bittikarttakirjasimis-ta, printterikirjasimista sekä merkkiparitiedostosta. Macci ja PCtarvitsevat omat tiedostonsa.TrueType (PC TrueType / OpenType TT) .ttfTrueType:n kehitti Apple ja Microsoft 80-luvun lopussa. True-Typessä printteri ja näyttötiedostot ovat samassa paketissa, jokatekee asennuksesta helpompaa. Macci ja PC fonteissa voi.OpenType (OpenType PS) .otfOpenTypen kehitti Adobe ja Microsoft. Open typessä voi ollajopa 65,000 merkkiä. Tämä mahdollistaa small capsit, old stylefiguret, vaihtohtoiset merkit ja eri kielialueille runsaasti erikois-fontteja.Kaikissa OpenType fonteissa ei ole erikoismerkkejä! Moni onkonvertoitu suoraan PostScript tai TrueType fonteista jotta samafontti kävisi Mac ja Win ympäristössä.Toimii Windows, Linux, Mac OS 8.6, 9, ja OS X
  37. 37. Miksi käyttää OpenType-kirjasimia?Yksi vanhimmista myyteistä julkaisujen tuottamisessa on käsky ”Älä koskaan käytäTrueType-kirjasimia ammattilaistyössä”. Ohje oli ehkä pätevä 90-luvun alussa, muttanyt niiden välttelemiseen ei ole mitään syytä. On kuitenkin olemassa vielä parempi kir-jasinmuototyyppi, jota kannattaa käyttää: OpenType. OpenType-kirjasimet ovat loista-via monesta syystä:Yhdelle kirjasimelle on vain yksi tiedosto, joten näytön ja tulostuksen kirjasintiedos-toista ei tarvitse huolehtia erikseen. Ne toimivat eri alustoilla – voit käyttää samaa kir-jasinta Macissa ja PC:ssä. Niissä voi olla tuhansia merkkejä, joten et enää tarvitse erilli-siä erikoiskirjasimia.Niihin voi sisältyä älykkäitä merkkejä, kuten automaattisia murtolukuja, erikoismerk-kejä ja merkkipareja, jotka muuttuvat sen mukaan, missä kohden ne ovat sanassa (kutenkoristemerkkejä).OpenType-ominaisuuksia tukevat ohjelmat voivat huomioida kirjasintiedoston eri-tyisohjeita eli merkkimuunnelmia ja vaihtaa automaattisesti merkin muotoa tarvit-taessa. Ohjelma osaisi esimerkiksi käyttää kirjoituskirjaimissa yhdenlaista t-kirjaintasanan alussa ja toisenlaista sanan keskellä (jotta se asettuu kauniisti ympärillä olevienkirjainten väliin). Ohjelmat, jotka eivät ymmärrä OpenType-ohjeita – kuten vanhemmatQuarkXPress- ja PageMaker-versiot – toimivat myös OpenType-kirjasinten kanssa, mut-ta ilman kirjasinten muunnoksia ja älykkäitä toimintoja.Lähde: http://www.apple.com/fi/pro/tips/open_type.htm
  38. 38. Harkinnanvaraiset ligatuurit Kirja- sinominaisuuksissa luotuja valinnaisia ligatuureja. Murtoluvut Jos murtoluvut ovat käytettävissä, ohjelma muuntaa vino- viivoilla erotetut numerot (kuten 1/2) murtolukumerkeiksi. Järjestysluku Jos englanninkieliset järjestysluvut (kuten 1st ja 2nd) ovat käytettävissä, ohjelma muotoilee ne yläindekseiksi Koristekirjain Jos koristekirjaimia on käytettävissä, niissä voi olla vaihtoeh- toisia isoja kirjaimia ja erilaisia sanan loppuja. Vaihtoehtoiset otsikkotyylit Jos otsi- koissa käytettävät isokirjaimiset merkit ovat käytettävissä, ne otetaan käyttöön. Jos tekstissä on sekä isoja että pieniäYläindeksi/ylä ja alaindeksi/ala Joissakin OpenType-kirjasimissa kirjaimia, voi asetuksen valitseminenon nostettuja tai laskettuja kuvioita, joiden koko on mukautettu ympä- johtaa epätoivottuun tulokseen joitakinröiviin merkkeihin. kirjasimia käytettäessä.Osoittaja ja nimittäjä Jotkin OpenType-kirjasimet muuntavat mur- Kontekstivaihtoehdot Esimerkiksitolukukuvioiksi vain perusmurtolukuja (esimerkiksi 1/2 ja 1/4), mutta kirjainpari "bl" sanassa "blini" voidaaneivät ei-vakioisia murtolukuja (esimerkiksi 4/13 tai 99/100). Käytä ei- yhdistää niin, että se vaikuttaa enem-vakioisissa murtoluvuissa osoittaja- ja nimittäjämääritteitä. män käsialalta. Tämä on oletusasetus.Taulukon viivat Täyskorkuisissa numeroissa käytetään samoja leve- Kaikki kapiteeleilla Jos kirjasimissayksiä. Tätä asetusta suositellaan tilanteisiin, joissa numeroiden pitää on aidot kapiteelit, tämän asetuksenolla samassa kohdassa kaikilla riveillä, kuten taulukoissa.12345 12345 valitseminen muuttaa kaikki merkitSuhteutettu vanha tyyli Käyttöön otetaan vaihtelevan levyiset ja kapiteeleiksi.vaihtelevan korkuiset numerot. Tätä asetusta suositellaan ulkoasul- Lävistetty nolla Kun asetus on valit-taan klassisiin, hienostuneisiin teksteihin, joissa ei käytetä versaalia. tu, numero 0 näkyy muodossa, jossa1234567890 kehän halkaisee vino viiva.Suhteutetut viivat Käyttöön otetaan vaihtelevan levyiset, täysikor- Tyylijoukot Joissakin OpenType-kirja-kuiset numerot. Tätä asetusta suositellaan VERSAALIIN .1234 simissa on vaihtoehtoisia kuvioryhmiä.Taulukon vanha tyyli Käyttöön otetaan vaihtelevan korkuiset, kiin- Sijaintimuodot Joissakin kursiivityy-teälevyiset numerot. Tätä asetusta suositellaan, kun halutaan vanhan leissä ja arabian kaltaisissa kielissätyylin numeroiden klassinen ulkoasu, mutta numerot on kuitenkin merkin ulkoasu vaihtelee sen mukaan,tasattava sarakkeissa, kuten vuosikertomuksissa. missä kohtaa sanaa se on.Luvun oletustyyli Numerokuvioissa käytetään nykyisen kirjasimen Yleinen muoto -asetus lisää tavallisenoletuslukutyyliä. merkin. Automaattinen muoto -asetus lisää merkin muodossa, joka perustuu sen sijaintiin sanassa, tai muodossa, jossa se esiintyy erillään.
  39. 39. VälistysOptical perustuu merkkien muotoihin. Käytä otsikoissa ja fonteissa joissa ei ole merkkipareja valmiina (halpikset). Älä pääsääntöisesti käytä leipätekstissä, on hidas.ToTrWoToTrWoMetrics perustuu merkkipareihin, jotka on tallennettu laadukkaiden fonttien metatietoihin, nämä merkkiparit on fonttien suunnittelija käsin välistänyt valmiiksi. LA, To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya, Yo.... Käytä leipätekstissä.
  40. 40. Tasaus 95% 100% 120% -2% 0% 2% 98% 100% 102% Kokeile eri asetuksia oikealla tekstillä niin kauan että teksti on tasaista ja tavutus toimii hienosti. Kokeile eri asetuksia oikealla teks- tillä niin kauan että teksti on ta- saista ja tavutus toimii hienosti.
  41. 41. Lorem ipsum kyllästyttää?Laita Indesign ohjelman kansion juureen oma tekstitiedosto ja ni-meä se: placeholder.txt Uptati de dolorro vitionet aut que verchit fuga.Ulluptas endic tem quas dest quost maio odi tem reped earit libusciismil idusdant eius explicto maximil et voluptamus.Cum verum, idit, archilipsunduci omnit vent labo. Nequam enim es derum ex et quid et, conem-ped quis vella quostion re natem aut facestrunto occatur sequost dolo-rum facere ipsunt quibus nonet moloria et ommoditia estrum ra quianisdolum consed es aris at adignis nusciust eriberum essime quas et autlabore vid magnit, totaturem. Ur rem quam, quid et inti id magnisi sape-ro dolo debisquassum remperum et essinctem qui nimagnam, quidendacon poruptamus authttp://indesignsecrets.com/
  42. 42. HeikkojasignaalejaTrendejä 2011
  43. 43. Heikkoja signaalejaMistä? - Lehdistä - Mainoksista, elokuvista, uusista logoista, pakkauksista - Blogeista, webistä: bestb2bweb.net www.awwwards.com - Kirjasintalojen uutiskirjeistä
  44. 44. Heikkojasignaaleja
  45. 45. Heikkojasignaaleja
  46. 46. Heikkojasignaaleja
  47. 47. Heikkoja signaaleja Oikea käsiala Jellyka BeesAntique Handwriting Oikea käsiala Suomi HandSELKEYS Russell Square PerinteisyysAvenir LT Std PAKSUT& OHUET KLASSIKOT swash ligatures Bodoni MT Fan Script Gotham Black & Thin
  48. 48. Helvetica Neue lT ComHeikkojasignaalejaYhdenperheenpelkistettykäyttö
  49. 49. DiNOT light & cond BlackHeikkojasignaalejaVERSAALITOTSIKOTKAVENNETUT
  50. 50. VaG Rounded Thin & BlackHeikkojasignaalejaOtsikoidenvapaa muotoilu Tämä on vaikea laji, joka tarvitsee yhteispeliä tekstin tekijän kanssa. TEKSTI: VAG ROUNDED KUVAT: THIN & BLACK
  51. 51. VaG Rounded Thin & Black Heikkoja Busaped mod es eum quaspel eniendi cipsamenis volores aut ad signaaleja magnat uta venis alignis asit intio exeratium idelendam, es aut om- nisquae nobit abore nimenit fugiae siti offici voluptis iderum, nis prepudiorat maximet, si se deleserovit etur, occuptae cusdam aut a autaqui volor sam aut ide in comnim invellaut unt ipit earume laut ma volupti tet labo. Occus. Lia cusant. La aliquia nonesti bustiae es et qui bero tem alibus et aut lam cum fugias a consequis maion et quiatem porepudae ventRaJOJEN RiKKOmiNEN am doloria vendit quistru ntiume net optae lam, sam, occatia tecto- re, exped mincidenis et que nisqui disi ut licae con proviti tem lam quati idempor poreris as ipis estore volenet eaquias delia doluptio.TEHOKEiNONa NÄYTTÄÄ Itatem fugia quae mod et abori officiet qui optatusae qui andunte nis eum nus cuptate mporum harum volut rero odis num dolupitYLEISTYNEEN. aturibusam ipsantotat. Icatem aut volenis eiusam sim sus, nietum verorum volore natqui sus dolorehent am qui tessint, eument magnime con ella sitibus etur, ut faciducia imi, que vollam eos comnim inverum aut eos doloreiunt lamet ati veliatur mosae. Ut optatqu odiscipsum que magnimusdae usaped mod es eum quaspel eniendi cipsamenis volores aut ad magnat uta venis alignis asit intio moluptia quis resti rest pra voluptate voloriat. exeratium idelendam, es aut omnisquae nobit abore nimenit fugiae siti offici voluptis iderum, nis Totatis et harunt rere laut es is elessun ditiat abor reiciatque vo- prepudiorat maximet, si se deleserovit etur, occuptae cusdam aut a autaqui volor sam aut ide in com- lupti quatur, id eos estiunt voluptur, sitatus volupta ecuptat um- nim invellaut unt ipit earume laut ma volupti tet labo. Occus. Lia cusant. La aliquia nonesti bustiae quam, coresti orrore, in nobiti ommodiam haribus es apic te doloes et qui bero tem alibus et aut lam cum fugias a consequis maion et quiatem porepudae vent am doloria vendit optate poribusam res pro con nimus.quistru ntiume net optae lam, sam, occatia tectore, exped mincidenis et que nisqui disi ut licae Ab imet doluptatem sapiendant est, to beaquocon proviti tem lam quati idempor poreris as ipis estore volenet eaquias delia doluptio. Itatem con pa de plabores maxim nimus sit od magnia do-fugia quae mod et abori officiet qui optatusae qui andunte nis eum nus cuptate mporum ha- luptam consequasita sunto te amet eos quatque op-rum volut rero odis num dolupit aturibusam ipsantotat. tias dis nem as volore plabo. Os rerspis sentet odis Icatem aut volenis eiusam sim sus, nietum verorum volore natqui sus dolorehent am qui ad quatur, offictem doles enti receaque ratem veltessint, eument magnime con ella sitibus etur, ut faciducia imi, que vollam eos comnim in- molectam dolorro voluptaerum eosandelis endit,verum aut eos doloreiunt lamet ati veliatur mosae. Ut optatqu odiscipsum que magnimusdae eate mil int lit, quam hilit as dolorunt facilia nonmoluptia quis resti rest pra voluptate voloriat. cum ut pro que denduntecae imillitis ne lic tempo- Totatis et harunt rere laut es is elessun ditiat abor reiciatque volupti quatur, id eos estiunt sandest acero te ni officat ibusapero tectempe es isvoluptur, sitatus volupta ecuptat umquam, coresti orrore, in nobiti ommodiam haribus es apic aliquiscia non pe nustiandus es iunt.te dolo optate poribusam res pro con nimus. Am dit as que laborum vit eosti vente doluptat Ab imet doluptatem sapiendant est, to beaquo con pa de plabores maxim nimus sit od volorum voluptiur?Igendip itatiaepe labor sinis se-magnia doluptam consequasita sunto te amet eos quatque optias dis nem as volore plabo. Os quo eariatur?rerspis sentet odis ad quatur, offictem doles enti receaque ratem vel molectam dolorro volup- Am vellori atiatus arum Orepratquis ius dolori sequi qui sinum eumtaerum eosandelis endit, eate mil int lit, quam hilit as dolorunt facilia non cum ut pro que quo eturest, nullique mos abor nobissi taquam eum a aut invendi rerum qui dita ad eos doluptata aut liquae res-denduntecae imillitis ne lic temposandest acero te ni officat ibusapero tectempe es is aliquiscia susa dundis velessu ntiorersped doluptae nonsernatur, ut quo comnis et lique vo-non pe nustiandus es iunt. es es autas rerspe si vid most. lupis maximento expe verio. Nobis dollantibus de Am dit as que laborum vit eosti vente doluptat volorum voluptiur?Igendip itatiaepe labor ventibus duciae dolorem nonsed mos rem as autsinis sequo eariatur? Orepratquis ius dolori sequi qui sinum eum nobissi taquam eum a aut invendi rerum molorit apitiurios est, nonem dolorepuda idebitasit pe di ium sin-qui dita doluptae nonsernatur, ut quo comnis et lique volupis maximento expe verio. Nobis dollantibus de vend ebitatas et re ide nihici to ipsus intiis quos que excestruntoventibus duciae dolorem nonsed mos rem as aut molorit apitiurios est, nonem dolorepuda idebitasit pe di ium maio es ex eseditatia dolestis restis est eum apernatiam, idunt derosinvend ebitatas et re ide nihici to ipsus intiis quos que excestrunto maio es ex eseditatia dolestis restis est eum et ape voloritis asperferfero id ut esedi voluptatem rehent acimusciaapernatiam, idunt dero et ape voloritis asperferfero id ut esedi voluptatem rehent acimuscia conecep erspeli conecep erspeli gendaes siminciamet harchil iquam, ad et eius.
  52. 52. Heikkojasignaaleja Fontit kuvituksena
  53. 53. Heikkojasignaaleja
  54. 54. Heikkojasignaaleja
  55. 55. Heikkojasignaaleja
  56. 56. Heikkojasignaaleja
  57. 57. Heikkojasignaaleja
  58. 58. Ilmaiset?- Heikkolaatuisia- Skandit puuttuvat usein- Ole tarkkana käyttöoikeuden suhteen- Usein kaupallinen käyttö kielletty- Ei leipäteksteihin+ Sopii hyvin kertaluontoiseen käyttöön+ Kokeilukäytössä hyviä+ Handwritten, brushscript, jne... hyviä
  59. 59. Ilmaiset:www.dafont.com
  60. 60. Tee itse!
  61. 61. Tee itse:http://www.yourfonts.com/
  62. 62. Tee itse:http://www.yourfonts.com/Hinta noin 15 $
  63. 63. Sanastoawww.adobe.com/education/pdf/type_primer.pdf
  64. 64. FonttiparitFonttiparien valitseminen on taidetta,oikeastaan ei ole oikeaa tai väärääyhdistelmää. Jotkut vain toimivatkeskenään paremmin kuin muut.Tässä joitain esimerkkejä:
  65. 65. Sans Serif ja Serif. Vasemmalla on kaksi sans serif fonttia, muttaniillä on erilainen persoona, lopputulos on ristiriitainen ja tylsä,liian lähellä toisiian mutta silti erilaisia.Trade Gothic ja Sabon sopivat loistavasti yhteen, x-korkeus onsama. Molemmissa on samaa arvokkuutta.
  66. 66. Vältä samaa luokitusta. Vasemmalla molemmat ovatSlab Serif fontteja mutta eri perheestä. Molemmat ovatpersoonallisia fonttejaOikealla Clarendonin pariksi on otettu paljonneutraalimpi New Baskerville
  67. 67. Anna fonteille oma rooli. Helppo tapa yhdistellä fontteja onantaa niille kiinteä rooli. Alla Tekijätiedot on Akzidez Groteskinboldilla ja versaalina. Isot otsikot Rockwellillä ja tuomaanhuomiota. Ingressi ja leipäteksi Bemboa eri kokoisina javäliotsikot Akzidenz groteskia. 4 leikkausta 3:sta perheestä.
  68. 68. Tee kontrastia. Kirjasinten paksuuksilla saa taittoon ryhtiä.Tällä tavoin ohjataan katse oikeaan paikkaan.
  69. 69. Typografinen väri. Tällä tarkoitetaan tekstin muodostamaavalööriä tai tummuutta. Siihen vaikuttaa välistys, riviväli, viivanpaksuus, x korkeus, leveys, versaali, kursiivi jne. Typografiseenväriin on hyvä tehdä kontrastia. Tämä luo selkeän hierarkiantaittoon.
  70. 70. Älä sekoita tunnetiloja – fiiliksiä. Hassutteleva jainsinöörimäisen vakava fontti ei välttämättä sovi yhteen.Futura ja souvenir ovat molemmat hieman leikkisiäja epämuodollisia, yhdistelmä toimii.
  71. 71. Lisää erilaisia persoonia. Daxilla on korkea x-korkeus ja Bern-hardilla matala x-korkeus. Daxin täytöt ja leveys ovat neutraale-ja ja Bernhard on leveä ja isot täytöt kirjaimissa. Daxilla Caslonilla nämä omi- naisuudet ovat lähellä toisiaan.
  72. 72. Vältä ääripäitä. Liika kontrasti saa aikaan sekavan taiton.
  73. 73. Yksinkertainen on kaunista. Kokeile kahta fonttiperhettäLähde: Smashingmagazine

×