Za uporabo najosnovnejše razlage, tipografija je oblikovanje in uporaba pisave kot sredstvo komunikacije. Mnogi ljudje menijo, da je tipografija začela z Gutenbergovom in razvoj gibljivega tipa, vendar tipografija gre nazaj precej dlje od tega. Ta veja oblikovanja dejansko ima svoje korenine v ročno napisanih pisemskih oblikah.
Tipografija obsega vse od kaligrafije preko digitalnega tipa, ki ga danes vidimo na spletnih straneh vseh vrst. Umetnost tipografije vključuje tudi oblikovalce tipov, ki ustvarjajo nove črke, ki jih nato spremenijo v pisavne datoteke, ki jih drugi modeli lahko uporabijo pri svojem delu, od tiskanih del do navedenih zgoraj navedenih spletnih strani. Različne, kot so ta dela, so osnove tipografije podprte z vsemi.
Elementi tipografije
Če ste kdaj koli govorili s spletnim oblikovalcem, ki v svojem delu uporablja tipografijo, ste verjetno slišali izrazi "tipk" in / ali "pisava". Mnogi ljudje uporabljajo ta dva izraza izmenično, vendar dejansko obstajajo nekatere razlike med tema dvema predmetoma.
Tipografija je izraz, dodeljen družini pisav (kot so Helvetica Regular, Helvetica Italic, Helvetica Black in Helvetica Bold). Vse različice Helvetice sestavljajo celotno pisavo.
Pisava je izraz, ki se uporablja, kadar se nekdo nanaša samo na eno težo ali slog v tej družini (na primer Helvetica Bold). Toliko pisav je sestavljeno iz več posameznih pisav, od katerih so vse podobne in povezane, vendar drugače na nek način. Nekatere pisave lahko vsebujejo samo eno pisavo, druge pa lahko vključujejo številne različice pisav, ki sestavljajo pisave.
Če se to zdi zmedeno, ne skrbite, če nekdo ni strokovnjak za tipografijo, bodo verjetno uporabljali izraz "pisava", ne glede na kateri od teh izrazov resnično pomenijo, in celo mnogi poklicni oblikovalci uporabljajo ta dva izraza izmenično. Če ne govorite s čistim oblikovalcem o mehaniki plovila, ste verjetno precej varni, ne glede na to, katera od teh dveh izrazov bi želeli. Če rečemo, če razumete razliko in pravilno uporabite pravilne izraze, to ni nikoli slaba stvar!
Klasifikacije tipa
Včasih se imenujejo "generične družine pisav", to so velike skupine tipk, ki temeljijo na številnih generičnih klasifikacijah, v katere spadajo različne pisave. Na spletnih straneh obstaja šest vrst razvrstitev pisav, ki jih boste verjetno videli:
- Serif
- Sans-serif
- Skripta
- Monospaced
- Cursive
- Fantazija
Obstajajo tudi številne druge razvrstitve pisav, ki so podružnice teh. Na primer, pisave "slab serif" so podobne serifom, vendar imajo vsi na njih značilen prepoznaven dizajn z debelimi, lahkimi serifi na obliki črke. Serif in sans-serif sta dve najpogostejši klasifikaciji znakov, ki se uporabljajo na večini spletnih mest.
Anatomija tipa
Vsaka pisava je sestavljena iz različnih elementov, ki se razlikujejo od drugih tipov, kar se imenuje anatomija pisave. Razen če ne gre posebej za tipsko obliko in iščete ustvariti povsem nove pisave, morajo spletni oblikovalci na splošno samo poznati osnove tipografske terminologije.
Na osnovni ravni elementi anatomije pisave, ki se jih morate zavedati, so "pokrovček" in "x-višina", "potomci" in "vzpenjači".
Cap in x-height je višina velikih črk v pisavi in višini črke x. Prikaže vam, kako bodo visoke največje črke, in koliko velikih najmanjših črk bo. Vse pisave so dimenzionirane na podlagi teh dveh značilnosti.
Spusti in vzpenjači so deli črk, ki gredo pod in nad črko x-višina. To se običajno nanaša na male črke. Na primer, črka "b" ima ascender (del, ki se drži "gor" iz črke), medtem ko ima črka "p" descender (deli, ki se pomaknejo "navzdol" iz črke).
Razmik okoli pisem
Obstaja več prilagoditev, ki jih je mogoče narediti med in okoli črk, ki vplivajo na tipografijo. Digitalne pisave so ustvarjene z mnogimi od teh značilnosti na mestu in na spletnih mestih, imamo omejeno možnost, da spremenimo te vidike pisave. To je pogosto dobra stvar, saj je običajno bolj privlačno privzeto, kot so prikazane pisave.
- Kerning: Vodoravni razmik med posameznimi črkami
- Sledenje: Prostor med skupinami črk
- Glavno: Navpični prostor med vrsticami tipa (to je znano kot višina vrstice v spletnih mestih)
- Ukrep: Dolžina vrstic besedila
- Poravnava: Vizualno postavljanje besedila na levo, desno, centrirano ali utemeljeno
- Ligature: Pisma so se približala tako tesno povezani, da so njihove anatomije združene, ki v bistvu tečejo eno črko v drugo
Več tipografskih elementov
Tipografija je več kot le tipi, ki se uporabljajo, in presledek okoli njih. Obstajajo tudi nekatere druge stvari, ki jih morate upoštevati pri ustvarjanju dobrega tipografskega sistema za katero koli obliko:
"Dvojenost" je dodajanje črtice (-) na koncu vrstic, da preprečite težave pri branju ali da je utemeljitev videti bolje. Medtem ko jih pogosto najdemo v tiskanih dokumentih, večina spletnih oblikovalcev zanemarja besedno zvezo in jih ne uporablja pri svojem delu, ker to ni nekaj, s čimer se spletno brskalnik dobro obravnava.
"Rag" je neenakomeren navpični rob bloka besedila. Pri obračanju pozornosti na tipografijo si oglejte svoje tekstovne bloke kot celoto, da zagotovite, da krpa ne vpliva na oblikovanje.Če je krpa preveč robustna ali neenakomerna, lahko vpliva na berljivost besedilnega bloka in povzroči odvračanje. To je nekaj, kar brskalnik samodejno obravnava glede na to, kako se obesi v vrstico v vrstico.
Ena beseda na koncu stolpca je vdova in če je na vrhu novega stolpca, sirota. »Vdove« in »sirote« izgledajo slabo in jih je težko brati.
Getting vaše vrstice besedila za popolno prikazovanje v spletnem brskalniku je naporen predlog, še posebej, če imate odzivno spletno stran in različne zaslone za različne velikosti zaslona. Vaš cilj bi moral biti pregled spletnega mesta v različnih velikostih, da bi poskušali ustvariti najboljši možni videz, medtem ko sprejmete, da bo v določenih primerih vaša vsebina imela okna, sirote ali druge manj-kot-idealne zaslone. Vaš cilj bi moral biti zmanjšanje teh vidikov oblikovanja tipa, hkrati pa je realno, da ne morete doseči popolnosti za vsako velikost zaslona in prikaz.
Koraki za preverjanje tipografije
- Izbrati natipkane tipe, pogledajte na anatomijo tipa in kakšno vrsto družine.
- Če gradite dizajn z uporabo besedila na mestu, ne odobrite končnega izdelka, dokler ne vidite pravega besedila v oblikovanju.
- Bodite pozorni na majhne podrobnosti tipografije, kot so vezaji in pomišljaji.
- Poglej vsak blok besedila, kot da nima besed v njem. Kakšne oblike besedilo nalaga na strani? Prepričajte se, da te oblike nosijo celotno zasnovo strani naprej.
