Veebi tüpograafia ülim juhend: reeglid, sõnastik, ideed ja parimad tavad

‘Pilt on väärt tuhat sõna.’

Enamasti annavad pildid edasi seda, mida neil öelda on. Tekstiga pilt avaldab aga tugevamat mõju.

Tüpograafia toimib teie graafika kaaslasena. Tüpograafia ei ole lihtsalt juhusliku fondi ja punkti suuruse valimine redigeerimistarkvara rippmenüüst. See on graafilise disaini valdkond. See on tüübi korrastamise kunst ja tehnika. See on üks olulisi oskusi, mis võib teid teistest disaineritest eristada, kui teate, kuidas seda kasutada.

Mis on tüpograafia?

Enne tüpograafia kunsti ja tehnikaga tutvumist mõistke kõigepealt, mida tüpograafia endast kujutab. Tüpograafia on visuaalne tekstiosa (kirjalik sõna). Tekst on sõnade jada. Iga visuaalselt kuvatav tekst, mida näete, on põhimõtteliselt tüpograafia. Teksti saab kategoriseerida kolmel viisil – visuaalselt, kuuldavalt ja digitaalselt.

Tüpograafia on midagi enamat kui tähtede ja märkide kujundamine. See sisaldab punkti suuruse, vahekauguse ja joone pikkuse valikut. Tol ajal, kui Johannes Gutenberg tutvustas trükipressi, pidid trükiladujad paigutama tähed ja tähemärgid füüsilises ruumis. Nüüd, arvutite ajastul, on see töö palju lihtsam. Peate lihtsalt leidma avatud lähtekoodiga fondid, korraldama tähed ja märgid ning oletegi valmis.

Tüpograafia tähtsus

Tüpograafia on midagi, mida leiate absoluutselt kõikjalt. Oletame, et see võib olla teie nutitelefon, kohvitass, stend, lapid ja palju muud. Tüpograafia on kõikjal. Fontide, tähtede ja märkide paigutuse valik määrab, kuidas teie sõnum edastatakse.

Isegi kui see tundub teie arvates väike tegur, pole see kindlasti nii. Isegi ühe tüübi kohandamine võib muuta kogu teie kunstiteose välimust ja tunnet. Kui olete kunagi märganud, testis Facebook 2016. aasta juunis uut fonti nimega Geneva. See oli Helvetica algse fondi pisut õhem ja kergem versioon. Kuid erinevus nende kahe fondi vahel oli märgatav.

Tüpograafia reeglid

Tüpograafias peate valima kirjatüübi vastavalt paigutusele, ruudustikule, kujunduse teemale, värviskeemile jne. Siin on mõned tüpograafiareeglid, mida peaksite töötamise ajal meeles pidama.

Õige fondi valimine

Kui veedate mõne minuti Internetis, leiate hämmastava hulga kasutusvalmis tasuta ja tasulisi fonte. Kuid see ei tähenda, et peaksite kulutama tunde, otsides täpselt neid fonte, mida oma mõtetes visualiseerite. Värvimist saate alustada isegi piiratud paletiga. On paar proovitud fonti, nagu Helvetica, mis ei saa kunagi üheski projektis valesti minna.

Kirjatüüp on kujundusvorm, mille kujundavad käsitöölised, kes panustavad kogu oma jõupingutuste ja oskustega märkimisväärse aja jooksul. Professionaalselt kujundatud fondid pakuvad tervikliku pere loomiseks mitmesuguseid kaalu ja stiili kohandamist. Veelgi enam, need pakuvad märkimisväärseid kärpimispaare, mitme keele tuge ja tüübiseadete kohandamist.

Järgmised on kõige olulisemad tüpograafilised terminid, mida peetakse:

Suurus

Kõik kirjatüübid pole loodud võrdselt. Mõned kasutavad paksud ja laiad aspektid, samas kui teised on õhukesed ja kitsad. Erinevat tüüpi kirjatüübid võivad hõivata lehel erineva ruumi.

Märgi kõrgus on tähistatud kui X-kõrgus. Erinevate kirjatüüpide sidumisel on hea tava kasutada ainult selliseid kirjatüüpe, millel on sarnane x-kõrgus. Teisest küljest nimetatakse märgi laiust “määratud laiuseks”, mis määrab, kui palju ruumi täht võtab ja puhverdab teiste tähtedega.

Punktisüsteem on meetod, mida on kasutatud tüübi mõõtmiseks alates 18. sajandist. Punkti saab mõõta 1/72-tollisena ja 12 punkti võib moodustada ühe pica. Pica on veeru laiuse mõõtmise ühik. Lisaks saab suurusi mõõta pikslites, tollides või millimeetrites. See sõltub projekti nõudest.

Juhtiv

Vertikaalset ruumi iga tüübirea vahel nimetatakse juhtivaks. Põhjuseks nimetada seda juhtivaks, kuna metalliladumise ajal kasutati kirjaridade jagamiseks pliid. Loetava põhiteksti saamise rusikareegel on kasutada fondi suurusest suuremat algusväärtust. Saate kasutada juhtväärtust, mis on 1,25–1,5 korda suurem.

Jälgimine ja kerning

Kerning on toiming, mis hõlmab tegelastevahelise ruumi kohandamist. See aitab luua harmoonilist paari.

Näiteks kui kasutate A-tähte koos V-tähega, on V-tähe vasakpoolse ülaosa diagonaaljooned keritud tähe A parema alumise osaga.

Teisest küljest on jälgimine termin, mis on seotud kõigi ühtlaselt rakendatavate märkide vahedega. Kerning on rajaga sarnane, kuid mõlemad pole samad.

Mõõtke

Mõõt on termin, mis selgitab tekstiploki laiust. Optimaalse lugemiskogemuse tagamiseks peaksite seda mõõdet pidama tüpograafia oluliseks aspektiks.

Hierarhia ja mastaap

Kõiki tüüpe ei saa kasutada sama suurusega, peate määrama tüüpide hierarhia. Vastasel juhul on lugejatel raske mõista, milline teave on teistest olulisem.

Üldjuhul on pealkirjad suured, alampealkirjad väiksemad ja kehatüüp veidi väiksem kui alampealkirjad, et aidata lugejatel mõista selle hierarhiat.

Mitte ainult suurus, vaid ka erinevate värvide, kaalu ja vahekauguste kasutamine võib aidata teil oma töös hierarhiat seada.

Sõnastik

Oleme siin käsitlenud peaaegu kõiki tüpograafiaga seotud põhikontseptsioone ja terminoloogiaid.

• Aesc: Seda hääldatakse kui “Ash”. See on kahe tähe ligatuur, nimelt. “a” ja “e”. Sõna aesc on pärit vanainglise keelest, kus seda tähistatakse diftongi vokaalina. Aesc on migreerunud sellistele tähestikele nagu islandi ja taani keel.
• Ava: ava on glüüfi sõlmeline ava, mida võib näha selliste tähtedega nagu e. Ava suurus varieerub olenevalt selle rakendusest. Kui aga muudate ava, kajastub selle mõju kirjavormi loetavuses.
• Tipp: Tipp on punkt, mis asub tähemärgi tipus. See on koht, kus vasak ja parem löök kohtuvad.
• Algtase: see on osa, kus asub suurtähtede alus.
• Kauss: kaussi peetakse tähtede, nagu “b” ja “p”, suletud osadeks.
• Sulg: see on kiilukujuline piirjoon, mis on väärtuslik serifi hoidmiseks ja fondi tüve moodustamiseks mitmes kirjatüübis.
• Mütsi kõrgus: Mütsi kõrgus on lähtejoonest kõrgemal oleva suurtähe kõrgus.
• Loendur: loendur on suletud või mittetäielikult ümbritsetud kirjavormi osaga. Loendurit võib näha tähtedega nagu “c” või “g” ja “e” alumises osas. Seda osa saab kausiga segada.
• Descender: see on kirjavormi osa, mis jääb algjoonest allapoole. Näiteks tähed nagu “p”, “y” ja “q”.
• Kõrv: Kõrv on väike löök, mis laieneb kausi paremast ülaosast.
• Glyph: see on ainsuse osa, mis konstrueerib fondi. See sisaldab mis tahes ainsuse osa, mis aitab fondi koostada, olgu selleks kirjavahemärk, number, täht või isegi dingbat. Glüüfe võib nimetada tüpograafia ehitusplokkideks.
• Vihm: see on ruum, mis jääb teie töö vastaskülgede vahele. Vihmaveerennid on sageli näha tekstiveergudes.
• Orb: Orb on uue lõigu esimene rida, mis on lõimitud lehe lõppu. See ei ole asi, mida te oma projektis sooviksite, kuna seda peetakse halvaks tavaks.
• Pica: Pica on veeru laiuse mõõtmise ühik. Ühel pildil on 16 pikslit või 12 punkti.
• Loetavus: seda nimetatakse lugemise lihtsuseks, mis hõlmab tekstiploki kasutamist, mida saab hõlpsalt silmaga skannida.
• Serif: see on serifidega kirjatüüp. Tähevormi joone lõpp selles kirjatüübis on tuletatud Rooma tendentsist.
• Sans-serif: ilma serifita kirjatüüp on sans-serif või sans serif.
• Selg: see on suur kaarjas tõmme, mis esineb suurtähtedega S.
• Kannus: See on väike kühm, mis ilmub tähekuju kõverale. Seda nimetatakse ka habemeks või nokaks. Näiteks täht “G”.
• Tüvi: täispikka tõmmet nimetatakse püstistes tähtedes tüveks. See on vertikaalne.
• X-kõrgus: X-tähe kõrgus antud kirjatüübis on väiketähtedega x-kõrgus.

7 tüpograafia ideed ja parimad tavad

Järgmised on parimad tüpograafiatavad, mida saate oma töös kasutada. Kasutage neid näpunäiteid oma projektides oma meistriteoste loomiseks.

Õigete fontide valiku tähtsus

Igal disaineril on oma lemmikfondide loend. Kuid see ei tähenda, et peate kogu aeg valima fondi ainult oma lemmikute loendist. Igal kirjatüübil on oma stiil, isiksus ja meeleolu. Seega peate otsustama, milline font sobib teie kujundusega ideaalselt. Fondivalik on oluline, kuna see aitab teil sõnumit publikule edastada.

Pidage oma publikut meeles

Kui olete valinud fondi, mis täiendab teie kujunduse ideed, peaksite mõtlema, kas see sobib teie vaatajaskonnaga. Ühele teie sihtrühmale võib tunduda, et teie fondid on trendikad, samas kui mõned inimesed nimetavad neid aegunud. Seega peate mõistma, kelle jaoks te projekti kavandate. Enne fondiotsuse tegemist tuleks arvesse võtta vaatajaskonna vanust, sugu, asukohta ja muid tegureid.

Seadke hierarhia

Nagu eelnevalt mainitud, mängib hierarhia tüpograafias olulist rolli. Teie graafika peaks olema hästi organiseeritud ja pakkuma lugejatele hõlpsat navigeerimist. Tüpograafiahierarhia on väga kasulik tekstirohkete kujunduste, näiteks raamatute, infolehtede, ajakirjade ja muude traditsiooniliste trükiväljaannete tegemisel.

Pöörake tähelepanu vahekaugusele ja joondusele

Vahed ja joondus võivad tunduda vähem olulised, kuid see pole kindlasti nii. Ilma õige vahe ja joonduseta näevad teie kujundused segased, segased ja tavalised. Vahed hõlmavad eesmise, veeriste, jälgimise ja tühiku kasutamist.

Kasutage Kerningit alati, kui vaja

Paljud disainerid lähevad jälgimise ja kernimise vahel segadusse. Need mõlemad on aga erinevad terminid. Kerning võimaldab teil muuta oma tüpograafia professionaalseks ja lihviks.

Ärge ületage kirjatüüpide, kaalude ja stiilide kasutamist

Meile kõigile meeldib kasutada erinevaid fonte ja kohandada neid stiilseks. Erinevate kirjatüüpide kasutamine ühes kujunduses võib aga muuta teie töö amatöörlikuks ja segaseks. Professionaalse ilme saamiseks peaksite vältima rohkem kui kolme fondi kasutamist ühes kujunduses.

Jälgige ja harjutage

Üks proovitud ja testitud viis oma tüpograafiaoskuste parandamiseks on uurida, kuidas teised disainerid tüpograafiat oma töös kasutavad. See on oskus, mis nõuab harjutamist ja pilku detailidele, et mõista, kuidas keegi on oma projektis tüpograafiat kasutanud ja kuidas saate seda oma projektides kasutada.

See oli ülim juhend tüpograafiasse. Loodetavasti on see juhend aidanud teil mõista erinevaid kontseptsioone ja tavasid, mille abil saate oma tüpograafiaoskusi parandada.