Kaj je tipografija in, po končani tipografski zasnovi? 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
Tipografije in pisave: če ste kdaj koli govorili z oblikovanjem, ki v svojih delih 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, ki daje 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, če se nekdo nanaša le 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.
Ali to zveni nekoliko zmedeno? Če je tako, ne skrbite. V resnici, č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 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!
Klasifikacijske oznake tipa : včasih imenovane "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
- monospaced
- cursive
- fantazija
- skripta
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.
Ena spletna mesta danes, serif in sans-serif sta dve najpogostejši klasifikaciji znakov, ki se uporabljata.
Anatomija tipografije: vsaka tipografija je sestavljena iz različnih elementov, ki ga ločujejo od drugih tipov. Razen če ste posebej namenjeni oblikovanju tipov in želeli ustvariti čisto nove pisave, spletni oblikovalci na splošno ne poznajo posebnosti anatomije pisave. Če vas zanima več o teh gradbenih blokih pisemskih in pisemskih oblik, na spletnem mestu namiznega založništva About.com obstaja čudovit članek o anatomiji pisave .
Na osnovni ravni elementi anatomije pisave, ki bi jih morali poznati, so:
- Cap in x-height: to 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. Velikost pisave je odvisna od teh dveh značilnosti.
- Odstopalci in vzponi: To so deli črk, ki gredo pod in nad črko x-višina . Ti se običajno nanašajo 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 "pade" 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 v mestu, in na spletnih mestih smo omejeni sposobnost spreminjanja teh vidikov pisave. To je pogosto dobra stvar, saj je običajno bolj privlačno privzeto, kot so prikazane pisave.
- kerning - horizontalni prostor med posameznimi črkami
- sledenje - prostor med skupinami črk
- vodilni - navpični prostor med vrsticami tipa (to je znano kot višina linije v spletnih mestih)
- meriti - dolžino vrstic besedila
- poravnava - vizualno postavljanje besedila na levo, desno, centrirano ali upravičeno
- ligature - črke se premikajo skupaj, tako da so njihove anatomije združene, ki v bistvu pretakajo 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: deljenje je dodatek vezave (-) na koncu vrstic, da preprečimo težave pri branju ali da je utemeljitev videti bolje. Medtem ko jih pogosto najdemo v tiskanih dokumentih, večina spletnih oblikovalcev ne upošteva deljenja besedil in jih ne uporablja pri svojem delu, ker to ni nekaj, s čimer se spletno brskalnik dobro obravnava.
Rag: Neenakomeren navpični rob bloka se imenuje krpa. 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 obdeluje glede na to, kako se vrstice vrnejo iz vrstice v vrstico.
Vdove in sirote: 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.
Pridobivanje vrstic 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 videz da je v nekaterih primerih vaša vsebina 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 .
- 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.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 17.5.17