SlideShare una empresa de Scribd logo
1 de 77
Väinö Teittinen 23.3.2011
Leipäteksti
     vinkkiä toimivan
     kirjasinleikkauksen
     valintaan
7 vinkkiä leipätekstin
kirjasimen valintaan




Päämäärä?
7 vinkkiä leipätekstin
kirjasimen valintaan
rajojen rikkominen
kokeellisuus
uuden etsiminen
mielikuvan rakennus
viestintä
tarinan kerronta
tekstin lukeminen
opastus
7 vinkkiä leipätekstin
kirjasimen valintaan
7 vinkkiä leipätekstin
  kirjasimen valintaan

                      luettava
                     typografia   maali!
                                  - fonttihierarkia
                                  - taitto
                                  - kuvamaailma
                                  - otsikointi



   tylsä                          omaleimainen
lehden ilme                        lehden ilme




                       työläs
                     typografia
7 vinkkiä leipätekstin
kirjasimen valintaan



Jos lukeminen on
lehden päämäärä,
on suunnittelijan työ
helpottaa lukemista.
7 vinkkiä leipätekstin
kirjasimen valintaan



     Otsikointi                 Pistekoko
Taitto                    Fontti
      Lehden rytmi                  Taitto
Uteliaisuus              Viestin välitys
  Ulkoasu Värit                  Luettavuus
                           Tekstin sisältö
    Kuvat                    Tekstin pituus


Visuaalisuuden tehtävä     Tekstin tehtävä
7 vinkkiä leipätekstin
 kirjasimen valintaan




1.
Valitse sellainen kirjasinleikkaus jonka merkkien
leveys on lähellä toisiaan. Lukemisella on oma luonnol-
linen rytminsä. Tasaiset merkkileveydet muodostavat
selkeästi hahmotettavia sanoja. Esimerkiksi Futura:ssa
merkkileveydet vaihtelevat suuresti, jolloin silmä joutuu
tekemään enemmän työtä sanojen hahmottamisessa.
7 vinkkiä leipätekstin
 kirjasimen valintaan




2.                       Normaalit mittasuhteet Kavennetut mittasuhteet
                         ITC Stone Serif        Racer



Valitse kirjasin jonka korkeus suhteessa leveyteen on
keskitasoa (S kirjaimella 3/2). Hahmotamme kirjaimet
niiden 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.
7 vinkkiä leipätekstin
 kirjasimen valintaan




3.
                 Normaali X korkeus




                                                             x-korkeus




                 Cochin                    Times New roman




Valitse 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 sopivat
lyhyihin teksteihin. Tästä johtuu että eri fontit näyttävät keske-
nään erikokoisilta vaikka pistekoko olisikin sama.

                            Vältä molempia ääripäitä
7 vinkkiä leipätekstin
 kirjasimen valintaan




4.                   Liian erilainen Normaali




vaihtelut ovat pieniä. Tällainen
kirjain muodostaa tasaisen linjan
                                                  Ei lainkaan vaihtelua
                     Bauer Bodoni Times New Roman Futura Medium




Etsi 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 dis
kirjaimia, jota on helppo seurata                       eictur? Qui dio     eictur? Qui dio
silmällä. Ohut viiva katoaa pienillä                    ipienis molume
                                                        modipsa piendel
                                                                            ipienis molume
                                                                            modipsa piendel
pistekoilla ja vaikeuttaa kirjainten                    mosandite que       mosandite que
hahmottamista. Liian tasainen vii-                      sus debitasped
                                                        que dicia eosti
                                                                            sus debitasped
                                                                            que dicia eosti
va taas muodostaa liian yhtenäisen
kirjainlinjan.
7 vinkkiä leipätekstin
 kirjasimen valintaan




5.                 Peilikuva
                   Helvetica Neue Roman
                                            Yksilöllinen
                                            Gill Sans




Vä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ä luettavampia
sanoista tulee.
7 vinkkiä leipätekstin
 kirjasimen valintaan




6.                 Ylisuuri sisus
                   ITC Avantgarde Gothic




Varo ylisuuria sisuksia. Teksti joka on ladottu tällaisil-
la kirjaimilla näyttää reikäiseltä, siksi sitä on vaikeampi
seurata pitkään.
7 vinkkiä leipätekstin
 kirjasimen valintaan




7.                        Hyvä otsikoissa, mutta ei toimi leipätekstinä Belve




Vältä kurvikkaita, hassuja ja erikoisia fontteja. Toimii
otsikoissa ja äläyksissä, mutta niihin kyllästyy pitkissä
teksteissä nopeasti. Silmälle on vaikeaa ja väsyttävää
seurata monimutkaisia muotoja. Sama tapahtuu kun
yrittää lukea persoonallista käsialaa.
7 vinkkiä leipätekstin
kirjasimen valintaan

Mikä fontti toimii?




http://www.linotype.com/formfinder.html
7 vinkkiä leipätekstin
  kirjasimen valintaan

Yksi lista:
Klassiset tyylit          Modernit tyylit
Adobe Garamond Pro        Neue Helvetica™
Times™ Ten                Kabel®
ITC Weidemann®            Linotype Univers™
Sabon™ Next               Vectora™
Palatino™                 Frutiger™ Next
LinoLetter™               Trade Gothic™
Fairfield™                Linotype Syntax™
Compatil™                 Linotype Veto™
Trajanus™ Next            Linotype Aroma™
Breughel™                 Ambigue™
Janson Text™              ITC Officina® Sans
Electra™                  Hildegard™
Metromedium               Bell Gothic™
New Century Schoolbook™   Avenir™ Next
Monticello™               Veronika™
                          Bohemia™
Didot HTF-B06 ital
   Kirjainten esiintymistiheys %
   suomen- ja englannin kielissä




aitneslokuämvrjhypdögbfcwåq
Suomi




eariotnslcudpmhgbfywkvxzjq
Englanti
Kokeile yleisimpiä kirjaimia, kun haet
suomen kieleen sopivaa otsikkofonttia
Lista fonttien
  vähittäiskauppiaista.
Vähittäiskauppiaat myyvät useiden eri valmistajien (foundries) fontteja. Fontteja voi ostaa myös suoraan
valmistajalta, mutta hinta on usein sama tai jopa kalliimpi. Toisaalta valmistajilla on usein myynnissä sellaisia
uutuuksia joita ei muualta löydä.

Monet vähittäismyyjät ovat tuottaneet edustamiensa valmistajien lisäksi omia kirjasinkokoelmia kuten
Veerin Umbrella Collection, FontShopin FontFont foundry ja Phil’s Fontsin Garage Fonts.




•	Font	Bros
•	FontHaus
•	FontShop
•	Fonts.com
•	MyFonts
•	T-26
•	Veer
•	Village
Font Bros
http://www.fontbros.com/

                           Hauskoja tyyliteltyjä
                           fontteja etsiville.
                           Aika edullinen.
FontHaus
http://www.fonthaus.com/

                           Laadukas,
                           iso valikoima,
                           hyvä uutiskirje.
FontShop
http://www.fontshop.com/




                           Klassikko, paljon
                           tietoa verkkomedia:
                           http://fontfeed.com.
Fonts.com
http://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™
MyFonts                   Aivan briljantti
http://www.myfonts.com/   palvelu, kun haluaa etsiä
                          jotakin tiettyä fonttia
T-26
http://www.t26.com/


                      Uutta etsiville.
                      Erikoisuutena
                      kuvafontit.
Veer
http://www.veer.com/


                       Hyvät käyttöyhteys-
                       esimerkit, helppo
                       ostaa krediteillä.
Village
  http://vllg.com/fonts




Paljon uutuuksia, hyvät uutiset.
Kannet
Kannen
typografia




Runsaus, kilpailu	lehtihyllyllä,	   Selkeys,	lukija	on	jo	”ostanut”	
vertaillaan	lehtiä	-	kummassa	      lehden,	voidaan	muotoilla	kantta	
enemmän	kiinnostavaa	luettavaa.     visuaalisuuden	ehdoilla..
Kannen
         typografia
                                                                     muutama
                                                                      tärppi
                                   kuva
                                 tekstien
                                 ehdolla
listat
               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
Kannen
typografia




60 % lukijoista	avaa	
lehden	kansitekstien	
                    	
perusteella
.ps .ttf .otf


                ?
PostScript
PostScript tai “Type 1“ Adobe kehitti 1980 luvulla. TrueType
tuli muutaman vuoden perässä. PostScrip on kieli tai tekniikka
jolla tieto lähetetään printterille esimerkiksi vektorimuodossa.
PostScript fontti muodostuu useasta osasta, bittikarttakirjasimis-
ta, printterikirjasimista sekä merkkiparitiedostosta. Macci ja PC
tarvitsevat omat tiedostonsa.

TrueType (PC TrueType / OpenType TT) .ttf
TrueType:n kehitti Apple ja Microsoft 80-luvun lopussa. True-
Typessä printteri ja näyttötiedostot ovat samassa paketissa, joka
tekee asennuksesta helpompaa. Macci ja PC fonteissa voi.

OpenType (OpenType PS) .otf
OpenTypen kehitti Adobe ja Microsoft. Open typessä voi olla
jopa 65,000 merkkiä. Tämä mahdollistaa small capsit, old style
figuret, vaihtohtoiset merkit ja eri kielialueille runsaasti erikois-
fontteja.

Kaikissa OpenType fonteissa ei ole erikoismerkkejä! Moni on
konvertoitu suoraan PostScript tai TrueType fonteista jotta sama
fontti kävisi Mac ja Win ympäristössä.

Toimii Windows, Linux, Mac OS 8.6, 9, ja OS X
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, mutta
nyt 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 (kuten
koristemerkkejä).

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-kirjainta
sanan alussa ja toisenlaista sanan keskellä (jotta se asettuu kauniisti ympärillä olevien
kirjainten väliin). Ohjelmat, jotka eivät ymmärrä OpenType-ohjeita – kuten vanhemmat
QuarkXPress- 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
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 valitseminen
on nostettuja tai laskettuja kuvioita, joiden koko on mukautettu ympä-      johtaa epätoivottuun tulokseen joitakin
röiviin merkkeihin.                                                         kirjasimia käytettäessä.
Osoittaja ja nimittäjä Jotkin OpenType-kirjasimet muuntavat mur-            Kontekstivaihtoehdot Esimerkiksi
tolukukuvioiksi vain perusmurtolukuja (esimerkiksi 1/2 ja 1/4), mutta       kirjainpari "bl" sanassa "blini" voidaan
eivä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 kirjasimissa
yksiä. Tätä asetusta suositellaan tilanteisiin, joissa numeroiden pitää     on aidot kapiteelit, tämän asetuksen
olla samassa kohdassa kaikilla riveillä, kuten taulukoissa.12345 12345      valitseminen muuttaa kaikki merkit
Suhteutettu 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, jossa
1234567890                                                                  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ää tavallisen
oletuslukutyyliä.                                                           merkin. Automaattinen muoto -asetus
                                                                            lisää merkin muodossa, joka perustuu
                                                                            sen sijaintiin sanassa, tai muodossa,
                                                                            jossa se esiintyy erillään.
Välistys
Optical 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.




ToTrWo
ToTrWo
Metrics 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ä.
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.
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 libusciis
mil idusdant eius explicto maximil et voluptamus.Cum verum, idit, archil
ipsunduci 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 quianis
dolum consed es aris at adignis nusciust eriberum essime quas et aut
labore vid magnit, totaturem. Ur rem quam, quid et inti id magnisi sape-
ro dolo debisquassum remperum et essinctem qui nimagnam, quidenda
con poruptamus aut



http://indesignsecrets.com/
Heikkoja
signaaleja




Trendejä 2011
Heikkoja
 signaaleja


Mistä?        - Lehdistä
              - Mainoksista, elokuvista,
                uusista logoista,
                pakkauksista
              - Blogeista, webistä:
               bestb2bweb.net
               www.awwwards.com
              - Kirjasintalojen uutiskirjeistä
Heikkoja
signaaleja
Heikkoja
signaaleja
Heikkoja
signaaleja
Heikkoja
 signaaleja         Oikea käsiala    Jellyka BeesAntique Handwriting




    Oikea käsiala             Suomi Hand




SELKEYS
                                                                   Russell Square




   Perinteisyys
Avenir LT Std




                                                          PAKSUT&
                                                           OHUET
       KLASSIKOT
       swash ligatures
        Bodoni MT




       Fan Script

                                                             Gotham Black & Thin
Helvetica Neue lT Com
Heikkoja
signaaleja




Yhden
perheen
pelkistetty
käyttö
DiNOT light & cond Black
Heikkoja
signaaleja




VERSAALIT
OTSIKOT
KAVENNETUT
VaG Rounded Thin & Black
Heikkoja
signaaleja




Otsikoiden
vapaa
  muotoilu   Tämä on vaikea laji, joka tarvitsee
             yhteispeliä tekstin tekijän kanssa.
             TEKSTI: VAG ROUNDED KUVAT: THIN & BLACK
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 vent


RaJOJEN 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 dolupit


YLEISTYNEEN.
                                                                                                                          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 dolo
es 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 beaquo
con 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 vel
tessint, 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 non
moluptia 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 is
voluptur, 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 eum
taerum 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 aut
sinis 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 excestrunto
ventibus 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 dero
sinvend 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 acimuscia
apernatiam, idunt dero et ape voloritis asperferfero id ut esedi voluptatem rehent acimuscia conecep erspeli              conecep erspeli gendaes siminciamet harchil iquam, ad et eius.
Heikkoja
signaaleja
             Fontit kuvituksena
Heikkoja
signaaleja
Heikkoja
signaaleja
Heikkoja
signaaleja
Heikkoja
signaaleja
Heikkoja
signaaleja
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ä
Ilmaiset:
www.dafont.com
Tee itse!
Tee itse:
http://www.yourfonts.com/
Tee itse:
http://www.yourfonts.com/




Hinta noin 15 $
Sanastoa



www.adobe.com/education/pdf/type_primer.pdf
Fonttiparit
Fonttiparien valitseminen on taidetta,
oikeastaan ei ole oikeaa tai väärää
yhdistelmää. Jotkut vain toimivat
keskenään paremmin kuin muut.

Tässä joitain esimerkkejä:
Sans Serif ja Serif. Vasemmalla on kaksi sans serif fonttia, mutta
niillä on erilainen persoona, lopputulos on ristiriitainen ja tylsä,
liian lähellä toisiian mutta silti erilaisia.




Trade Gothic ja Sabon sopivat loistavasti yhteen, x-korkeus on
sama. Molemmissa on samaa arvokkuutta.
Vältä samaa luokitusta. Vasemmalla molemmat ovat
Slab Serif fontteja mutta eri perheestä. Molemmat ovat
persoonallisia fontteja




Oikealla Clarendonin pariksi on otettu paljon
neutraalimpi New Baskerville
Anna fonteille oma rooli. Helppo tapa yhdistellä fontteja on
antaa niille kiinteä rooli. Alla Tekijätiedot on Akzidez Groteskin
boldilla ja versaalina. Isot otsikot Rockwellillä ja tuomaan
huomiota. Ingressi ja leipäteksi Bemboa eri kokoisina ja
väliotsikot Akzidenz groteskia. 4 leikkausta 3:sta perheestä.
Tee kontrastia. Kirjasinten paksuuksilla saa taittoon ryhtiä.
Tällä tavoin ohjataan katse oikeaan paikkaan.
Typografinen väri. Tällä tarkoitetaan tekstin muodostamaa
valööriä tai tummuutta. Siihen vaikuttaa välistys, riviväli, viivan
paksuus, x korkeus, leveys, versaali, kursiivi jne. Typografiseen
väriin on hyvä tehdä kontrastia. Tämä luo selkeän hierarkian
taittoon.
Älä sekoita tunnetiloja – fiiliksiä. Hassutteleva ja
insinöörimäisen vakava fontti ei välttämättä sovi yhteen.




Futura ja souvenir ovat molemmat hieman leikkisiä
ja epämuodollisia, yhdistelmä toimii.
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.
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

Más contenido relacionado

La actualidad más candente

Case: A Few Great Slides on Tiimiakatemia® Method
Case: A Few Great Slides on Tiimiakatemia®  MethodCase: A Few Great Slides on Tiimiakatemia®  Method
Case: A Few Great Slides on Tiimiakatemia® MethodJukka Hassinen
 
Planejando a igreja local
Planejando a igreja localPlanejando a igreja local
Planejando a igreja localGilson Barbosa
 
Introdução ao Git - fs2w - GrupySP
Introdução ao Git - fs2w - GrupySPIntrodução ao Git - fs2w - GrupySP
Introdução ao Git - fs2w - GrupySPSamuel Sampaio
 
Liikkumisen suositus yli 65-vuotiaille
Liikkumisen suositus yli 65-vuotiailleLiikkumisen suositus yli 65-vuotiaille
Liikkumisen suositus yli 65-vuotiailleUKK-instituutti
 
TRINDADE, ORIGEM E MISSÃO
TRINDADE, ORIGEM E MISSÃOTRINDADE, ORIGEM E MISSÃO
TRINDADE, ORIGEM E MISSÃOPaulo David
 
Projeto de Pequenos Grupos - IBS
Projeto de Pequenos Grupos - IBSProjeto de Pequenos Grupos - IBS
Projeto de Pequenos Grupos - IBSRodrigo Branco
 
Riskien arviointi ja hallinta 20160518
Riskien arviointi ja hallinta 20160518Riskien arviointi ja hallinta 20160518
Riskien arviointi ja hallinta 20160518Eija Kupi
 
04 principio-da-formacao-de-lideres
04 principio-da-formacao-de-lideres04 principio-da-formacao-de-lideres
04 principio-da-formacao-de-lideresHerisson Gonçalves
 
Apresentação pastoral familiar
Apresentação pastoral familiarApresentação pastoral familiar
Apresentação pastoral familiarsfamilianeopolis
 

La actualidad más candente (20)

Biografija Branislava Nušića
Biografija Branislava NušićaBiografija Branislava Nušića
Biografija Branislava Nušića
 
Case: A Few Great Slides on Tiimiakatemia® Method
Case: A Few Great Slides on Tiimiakatemia®  MethodCase: A Few Great Slides on Tiimiakatemia®  Method
Case: A Few Great Slides on Tiimiakatemia® Method
 
Planejando a igreja local
Planejando a igreja localPlanejando a igreja local
Planejando a igreja local
 
Introdução ao Git - fs2w - GrupySP
Introdução ao Git - fs2w - GrupySPIntrodução ao Git - fs2w - GrupySP
Introdução ao Git - fs2w - GrupySP
 
250681181 o-verdadeiro-natal
250681181 o-verdadeiro-natal250681181 o-verdadeiro-natal
250681181 o-verdadeiro-natal
 
Melhorando as dinâmicas pr george
Melhorando as dinâmicas pr georgeMelhorando as dinâmicas pr george
Melhorando as dinâmicas pr george
 
Liikkumisen suositus yli 65-vuotiaille
Liikkumisen suositus yli 65-vuotiailleLiikkumisen suositus yli 65-vuotiaille
Liikkumisen suositus yli 65-vuotiaille
 
TRINDADE, ORIGEM E MISSÃO
TRINDADE, ORIGEM E MISSÃOTRINDADE, ORIGEM E MISSÃO
TRINDADE, ORIGEM E MISSÃO
 
Projeto de Pequenos Grupos - IBS
Projeto de Pequenos Grupos - IBSProjeto de Pequenos Grupos - IBS
Projeto de Pequenos Grupos - IBS
 
Advento e natal
Advento e natalAdvento e natal
Advento e natal
 
Priprema za čas :Tvorba(građenje ) reči
Priprema za čas :Tvorba(građenje ) rečiPriprema za čas :Tvorba(građenje ) reči
Priprema za čas :Tvorba(građenje ) reči
 
Missão do Catequista
Missão do CatequistaMissão do Catequista
Missão do Catequista
 
Retiro com Crismandos
Retiro com CrismandosRetiro com Crismandos
Retiro com Crismandos
 
Ortodontski prirucnik
Ortodontski prirucnikOrtodontski prirucnik
Ortodontski prirucnik
 
Fil a plomb
Fil a plombFil a plomb
Fil a plomb
 
Riskien arviointi ja hallinta 20160518
Riskien arviointi ja hallinta 20160518Riskien arviointi ja hallinta 20160518
Riskien arviointi ja hallinta 20160518
 
04 principio-da-formacao-de-lideres
04 principio-da-formacao-de-lideres04 principio-da-formacao-de-lideres
04 principio-da-formacao-de-lideres
 
Apresentação pastoral familiar
Apresentação pastoral familiarApresentação pastoral familiar
Apresentação pastoral familiar
 
Apresentação Grupo Jovem
Apresentação Grupo JovemApresentação Grupo Jovem
Apresentação Grupo Jovem
 
Nešto malo o NLP-u
Nešto malo o NLP-uNešto malo o NLP-u
Nešto malo o NLP-u
 

Destacado

Intention Driven Pairing: A Daily Workflow for Effective Pairing
Intention Driven Pairing: A Daily Workflow for Effective PairingIntention Driven Pairing: A Daily Workflow for Effective Pairing
Intention Driven Pairing: A Daily Workflow for Effective PairingPaul Sobocinski
 
фрукты овощи
фрукты овощифрукты овощи
фрукты овощиaglaya2011
 
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.Nijmegen Direct
 
【チームA最終版】plus japan
【チームA最終版】plus japan【チームA最終版】plus japan
【チームA最終版】plus japanjaaa_adtech2011
 
In Publilink Advertising, Dubai
In Publilink Advertising, DubaiIn Publilink Advertising, Dubai
In Publilink Advertising, DubaiNazar Sahib
 
Copia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer aCopia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer ahcorzo3150
 
Digifitness – terveyden uusi ulottuvuus
Digifitness – terveyden uusi ulottuvuusDigifitness – terveyden uusi ulottuvuus
Digifitness – terveyden uusi ulottuvuusOuti Lammi
 
მიქელანჯელო
მიქელანჯელომიქელანჯელო
მიქელანჯელოMariam Aroshidze
 
PRACTICAS APROPIADAS PARA ESCOLARES
PRACTICAS APROPIADAS PARA ESCOLARESPRACTICAS APROPIADAS PARA ESCOLARES
PRACTICAS APROPIADAS PARA ESCOLARESYoleida Alfonzo
 
მარადიული ეგვიპტე
მარადიული ეგვიპტემარადიული ეგვიპტე
მარადიული ეგვიპტეirinagusha
 
სათბურის ეფექტი
სათბურის ეფექტისათბურის ეფექტი
სათბურის ეფექტიana lipartia
 
შუამდინარეთის ხელოვნება
შუამდინარეთის ხელოვნებაშუამდინარეთის ხელოვნება
შუამდინარეთის ხელოვნებაmarika rekhviashvili
 
წმინდა აბო თბილელის ნიშის ისტორია
წმინდა აბო თბილელის ნიშის ისტორიაწმინდა აბო თბილელის ნიშის ისტორია
წმინდა აბო თბილელის ნიშის ისტორიაshorenagavasheli
 

Destacado (20)

Intention Driven Pairing: A Daily Workflow for Effective Pairing
Intention Driven Pairing: A Daily Workflow for Effective PairingIntention Driven Pairing: A Daily Workflow for Effective Pairing
Intention Driven Pairing: A Daily Workflow for Effective Pairing
 
սահակյան էլեն
սահակյան էլենսահակյան էլեն
սահակյան էլեն
 
Tps 03 11
Tps 03 11Tps 03 11
Tps 03 11
 
Ejercisios Miss Palafox
Ejercisios Miss PalafoxEjercisios Miss Palafox
Ejercisios Miss Palafox
 
фрукты овощи
фрукты овощифрукты овощи
фрукты овощи
 
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.
Hoe je met oude en nieuwe media betrokkenheid in je buurt krijgt.
 
Brais
BraisBrais
Brais
 
【チームA最終版】plus japan
【チームA最終版】plus japan【チームA最終版】plus japan
【チームA最終版】plus japan
 
Kr ut tr..[1]
Kr ut   tr..[1]Kr ut   tr..[1]
Kr ut tr..[1]
 
In Publilink Advertising, Dubai
In Publilink Advertising, DubaiIn Publilink Advertising, Dubai
In Publilink Advertising, Dubai
 
北疆13日遊記實
北疆13日遊記實北疆13日遊記實
北疆13日遊記實
 
Lailucion 110312002141-phpapp02
Lailucion 110312002141-phpapp02Lailucion 110312002141-phpapp02
Lailucion 110312002141-phpapp02
 
Copia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer aCopia de hamer la.terapia.del.cancer a
Copia de hamer la.terapia.del.cancer a
 
Digifitness – terveyden uusi ulottuvuus
Digifitness – terveyden uusi ulottuvuusDigifitness – terveyden uusi ulottuvuus
Digifitness – terveyden uusi ulottuvuus
 
მიქელანჯელო
მიქელანჯელომიქელანჯელო
მიქელანჯელო
 
PRACTICAS APROPIADAS PARA ESCOLARES
PRACTICAS APROPIADAS PARA ESCOLARESPRACTICAS APROPIADAS PARA ESCOLARES
PRACTICAS APROPIADAS PARA ESCOLARES
 
მარადიული ეგვიპტე
მარადიული ეგვიპტემარადიული ეგვიპტე
მარადიული ეგვიპტე
 
სათბურის ეფექტი
სათბურის ეფექტისათბურის ეფექტი
სათბურის ეფექტი
 
შუამდინარეთის ხელოვნება
შუამდინარეთის ხელოვნებაშუამდინარეთის ხელოვნება
შუამდინარეთის ხელოვნება
 
წმინდა აბო თბილელის ნიშის ისტორია
წმინდა აბო თბილელის ნიშის ისტორიაწმინდა აბო თბილელის ნიშის ისტორია
წმინდა აბო თბილელის ნიშის ისტორია
 

Kaikki irti typografiasta

  • 2.
  • 3. Leipäteksti vinkkiä toimivan kirjasinleikkauksen valintaan
  • 4. 7 vinkkiä leipätekstin kirjasimen valintaan Päämäärä?
  • 9. 7 vinkkiä leipätekstin kirjasimen valintaan luettava typografia maali! - fonttihierarkia - taitto - kuvamaailma - otsikointi tylsä omaleimainen lehden ilme lehden ilme työläs typografia
  • 10. 7 vinkkiä leipätekstin kirjasimen valintaan Jos lukeminen on lehden päämäärä, on suunnittelijan työ helpottaa lukemista.
  • 11. 7 vinkkiä leipätekstin kirjasimen valintaan Otsikointi Pistekoko Taitto Fontti Lehden rytmi Taitto Uteliaisuus Viestin välitys Ulkoasu Värit Luettavuus Tekstin sisältö Kuvat Tekstin pituus Visuaalisuuden tehtävä Tekstin tehtävä
  • 12. 7 vinkkiä leipätekstin kirjasimen valintaan 1. Valitse sellainen kirjasinleikkaus jonka merkkien leveys on lähellä toisiaan. Lukemisella on oma luonnol- linen rytminsä. Tasaiset merkkileveydet muodostavat selkeästi hahmotettavia sanoja. Esimerkiksi Futura:ssa merkkileveydet vaihtelevat suuresti, jolloin silmä joutuu tekemään enemmän työtä sanojen hahmottamisessa.
  • 13. 7 vinkkiä leipätekstin kirjasimen valintaan 2. Normaalit mittasuhteet Kavennetut mittasuhteet ITC Stone Serif Racer Valitse kirjasin jonka korkeus suhteessa leveyteen on keskitasoa (S kirjaimella 3/2). Hahmotamme kirjaimet niiden 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.
  • 14. 7 vinkkiä leipätekstin kirjasimen valintaan 3. Normaali X korkeus x-korkeus Cochin Times New roman Valitse 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 sopivat lyhyihin teksteihin. Tästä johtuu että eri fontit näyttävät keske- nään erikokoisilta vaikka pistekoko olisikin sama. Vältä molempia ääripäitä
  • 15. 7 vinkkiä leipätekstin kirjasimen valintaan 4. Liian erilainen Normaali vaihtelut ovat pieniä. Tällainen kirjain muodostaa tasaisen linjan Ei lainkaan vaihtelua Bauer Bodoni Times New Roman Futura Medium Etsi 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 dis kirjaimia, jota on helppo seurata eictur? Qui dio eictur? Qui dio silmällä. Ohut viiva katoaa pienillä ipienis molume modipsa piendel ipienis molume modipsa piendel pistekoilla ja vaikeuttaa kirjainten mosandite que mosandite que hahmottamista. Liian tasainen vii- sus debitasped que dicia eosti sus debitasped que dicia eosti va taas muodostaa liian yhtenäisen kirjainlinjan.
  • 16. 7 vinkkiä leipätekstin kirjasimen valintaan 5. Peilikuva Helvetica Neue Roman Yksilöllinen Gill Sans Vä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ä luettavampia sanoista tulee.
  • 17. 7 vinkkiä leipätekstin kirjasimen valintaan 6. Ylisuuri sisus ITC Avantgarde Gothic Varo ylisuuria sisuksia. Teksti joka on ladottu tällaisil- la kirjaimilla näyttää reikäiseltä, siksi sitä on vaikeampi seurata pitkään.
  • 18. 7 vinkkiä leipätekstin kirjasimen valintaan 7. Hyvä otsikoissa, mutta ei toimi leipätekstinä Belve Vältä kurvikkaita, hassuja ja erikoisia fontteja. Toimii otsikoissa ja äläyksissä, mutta niihin kyllästyy pitkissä teksteissä nopeasti. Silmälle on vaikeaa ja väsyttävää seurata monimutkaisia muotoja. Sama tapahtuu kun yrittää lukea persoonallista käsialaa.
  • 19. 7 vinkkiä leipätekstin kirjasimen valintaan Mikä fontti toimii? http://www.linotype.com/formfinder.html
  • 20. 7 vinkkiä leipätekstin kirjasimen valintaan Yksi lista: Klassiset tyylit Modernit tyylit Adobe Garamond Pro Neue Helvetica™ Times™ Ten Kabel® ITC Weidemann® Linotype Univers™ Sabon™ Next Vectora™ Palatino™ Frutiger™ Next LinoLetter™ Trade Gothic™ Fairfield™ Linotype Syntax™ Compatil™ Linotype Veto™ Trajanus™ Next Linotype Aroma™ Breughel™ Ambigue™ Janson Text™ ITC Officina® Sans Electra™ Hildegard™ Metromedium Bell Gothic™ New Century Schoolbook™ Avenir™ Next Monticello™ Veronika™ Bohemia™
  • 21. Didot HTF-B06 ital Kirjainten esiintymistiheys % suomen- ja englannin kielissä aitneslokuämvrjhypdögbfcwåq Suomi eariotnslcudpmhgbfywkvxzjq Englanti
  • 22. Kokeile yleisimpiä kirjaimia, kun haet suomen kieleen sopivaa otsikkofonttia
  • 23. Lista fonttien vähittäiskauppiaista. Vähittäiskauppiaat myyvät useiden eri valmistajien (foundries) fontteja. Fontteja voi ostaa myös suoraan valmistajalta, mutta hinta on usein sama tai jopa kalliimpi. Toisaalta valmistajilla on usein myynnissä sellaisia uutuuksia joita ei muualta löydä. Monet vähittäismyyjät ovat tuottaneet edustamiensa valmistajien lisäksi omia kirjasinkokoelmia kuten Veerin Umbrella Collection, FontShopin FontFont foundry ja Phil’s Fontsin Garage Fonts. • Font Bros • FontHaus • FontShop • Fonts.com • MyFonts • T-26 • Veer • Village
  • 24. Font Bros http://www.fontbros.com/ Hauskoja tyyliteltyjä fontteja etsiville. Aika edullinen.
  • 25. FontHaus http://www.fonthaus.com/ Laadukas, iso valikoima, hyvä uutiskirje.
  • 26. FontShop http://www.fontshop.com/ Klassikko, paljon tietoa verkkomedia: http://fontfeed.com.
  • 27. Fonts.com http://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™
  • 28. MyFonts Aivan briljantti http://www.myfonts.com/ palvelu, kun haluaa etsiä jotakin tiettyä fonttia
  • 29. T-26 http://www.t26.com/ Uutta etsiville. Erikoisuutena kuvafontit.
  • 30. Veer http://www.veer.com/ Hyvät käyttöyhteys- esimerkit, helppo ostaa krediteillä.
  • 31. Village http://vllg.com/fonts Paljon uutuuksia, hyvät uutiset.
  • 33. Kannen typografia Runsaus, kilpailu lehtihyllyllä, Selkeys, lukija on jo ”ostanut” vertaillaan lehtiä - kummassa lehden, voidaan muotoilla kantta enemmän kiinnostavaa luettavaa. visuaalisuuden ehdoilla..
  • 34. Kannen typografia muutama tärppi kuva tekstien ehdolla listat 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
  • 37. PostScript PostScript tai “Type 1“ Adobe kehitti 1980 luvulla. TrueType tuli muutaman vuoden perässä. PostScrip on kieli tai tekniikka jolla tieto lähetetään printterille esimerkiksi vektorimuodossa. PostScript fontti muodostuu useasta osasta, bittikarttakirjasimis- ta, printterikirjasimista sekä merkkiparitiedostosta. Macci ja PC tarvitsevat omat tiedostonsa. TrueType (PC TrueType / OpenType TT) .ttf TrueType:n kehitti Apple ja Microsoft 80-luvun lopussa. True- Typessä printteri ja näyttötiedostot ovat samassa paketissa, joka tekee asennuksesta helpompaa. Macci ja PC fonteissa voi. OpenType (OpenType PS) .otf OpenTypen kehitti Adobe ja Microsoft. Open typessä voi olla jopa 65,000 merkkiä. Tämä mahdollistaa small capsit, old style figuret, vaihtohtoiset merkit ja eri kielialueille runsaasti erikois- fontteja. Kaikissa OpenType fonteissa ei ole erikoismerkkejä! Moni on konvertoitu suoraan PostScript tai TrueType fonteista jotta sama fontti kävisi Mac ja Win ympäristössä. Toimii Windows, Linux, Mac OS 8.6, 9, ja OS X
  • 38. 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, mutta nyt 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 (kuten koristemerkkejä). 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-kirjainta sanan alussa ja toisenlaista sanan keskellä (jotta se asettuu kauniisti ympärillä olevien kirjainten väliin). Ohjelmat, jotka eivät ymmärrä OpenType-ohjeita – kuten vanhemmat QuarkXPress- 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
  • 39. 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 valitseminen on nostettuja tai laskettuja kuvioita, joiden koko on mukautettu ympä- johtaa epätoivottuun tulokseen joitakin röiviin merkkeihin. kirjasimia käytettäessä. Osoittaja ja nimittäjä Jotkin OpenType-kirjasimet muuntavat mur- Kontekstivaihtoehdot Esimerkiksi tolukukuvioiksi vain perusmurtolukuja (esimerkiksi 1/2 ja 1/4), mutta kirjainpari "bl" sanassa "blini" voidaan eivä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 kirjasimissa yksiä. Tätä asetusta suositellaan tilanteisiin, joissa numeroiden pitää on aidot kapiteelit, tämän asetuksen olla samassa kohdassa kaikilla riveillä, kuten taulukoissa.12345 12345 valitseminen muuttaa kaikki merkit Suhteutettu 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, jossa 1234567890 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ää tavallisen oletuslukutyyliä. merkin. Automaattinen muoto -asetus lisää merkin muodossa, joka perustuu sen sijaintiin sanassa, tai muodossa, jossa se esiintyy erillään.
  • 41. 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.
  • 42. 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 libusciis mil idusdant eius explicto maximil et voluptamus.Cum verum, idit, archil ipsunduci 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 quianis dolum consed es aris at adignis nusciust eriberum essime quas et aut labore vid magnit, totaturem. Ur rem quam, quid et inti id magnisi sape- ro dolo debisquassum remperum et essinctem qui nimagnam, quidenda con poruptamus aut http://indesignsecrets.com/
  • 44. Heikkoja signaaleja Mistä? - Lehdistä - Mainoksista, elokuvista, uusista logoista, pakkauksista - Blogeista, webistä: bestb2bweb.net www.awwwards.com - Kirjasintalojen uutiskirjeistä
  • 48. Heikkoja signaaleja Oikea käsiala Jellyka BeesAntique Handwriting Oikea käsiala Suomi Hand SELKEYS Russell Square Perinteisyys Avenir LT Std PAKSUT& OHUET KLASSIKOT swash ligatures Bodoni MT Fan Script Gotham Black & Thin
  • 49. Helvetica Neue lT Com Heikkoja signaaleja Yhden perheen pelkistetty käyttö
  • 50. DiNOT light & cond Black Heikkoja signaaleja VERSAALIT OTSIKOT KAVENNETUT
  • 51. VaG Rounded Thin & Black Heikkoja signaaleja Otsikoiden vapaa muotoilu Tämä on vaikea laji, joka tarvitsee yhteispeliä tekstin tekijän kanssa. TEKSTI: VAG ROUNDED KUVAT: THIN & BLACK
  • 52. 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 vent RaJOJEN 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 dolupit YLEISTYNEEN. 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 dolo es 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 beaquo con 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 vel tessint, 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 non moluptia 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 is voluptur, 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 eum taerum 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 aut sinis 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 excestrunto ventibus 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 dero sinvend 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 acimuscia apernatiam, idunt dero et ape voloritis asperferfero id ut esedi voluptatem rehent acimuscia conecep erspeli conecep erspeli gendaes siminciamet harchil iquam, ad et eius.
  • 53. Heikkoja signaaleja Fontit kuvituksena
  • 59. 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ä
  • 65. Fonttiparit Fonttiparien valitseminen on taidetta, oikeastaan ei ole oikeaa tai väärää yhdistelmää. Jotkut vain toimivat keskenään paremmin kuin muut. Tässä joitain esimerkkejä:
  • 66. Sans Serif ja Serif. Vasemmalla on kaksi sans serif fonttia, mutta niillä on erilainen persoona, lopputulos on ristiriitainen ja tylsä, liian lähellä toisiian mutta silti erilaisia. Trade Gothic ja Sabon sopivat loistavasti yhteen, x-korkeus on sama. Molemmissa on samaa arvokkuutta.
  • 67. Vältä samaa luokitusta. Vasemmalla molemmat ovat Slab Serif fontteja mutta eri perheestä. Molemmat ovat persoonallisia fontteja Oikealla Clarendonin pariksi on otettu paljon neutraalimpi New Baskerville
  • 68. Anna fonteille oma rooli. Helppo tapa yhdistellä fontteja on antaa niille kiinteä rooli. Alla Tekijätiedot on Akzidez Groteskin boldilla ja versaalina. Isot otsikot Rockwellillä ja tuomaan huomiota. Ingressi ja leipäteksi Bemboa eri kokoisina ja väliotsikot Akzidenz groteskia. 4 leikkausta 3:sta perheestä.
  • 69. Tee kontrastia. Kirjasinten paksuuksilla saa taittoon ryhtiä. Tällä tavoin ohjataan katse oikeaan paikkaan.
  • 70. Typografinen väri. Tällä tarkoitetaan tekstin muodostamaa valööriä tai tummuutta. Siihen vaikuttaa välistys, riviväli, viivan paksuus, x korkeus, leveys, versaali, kursiivi jne. Typografiseen väriin on hyvä tehdä kontrastia. Tämä luo selkeän hierarkian taittoon.
  • 71. Älä sekoita tunnetiloja – fiiliksiä. Hassutteleva ja insinöörimäisen vakava fontti ei välttämättä sovi yhteen. Futura ja souvenir ovat molemmat hieman leikkisiä ja epämuodollisia, yhdistelmä toimii.
  • 72. 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.
  • 73. Vältä ääripäitä. Liika kontrasti saa aikaan sekavan taiton.
  • 74. Yksinkertainen on kaunista. Kokeile kahta fonttiperhettä Lähde: Smashingmagazine