Opravený starý článok o typografii, pre tých, ktorí ho nevideli, bude užitočný na zoznámenie

Typografia je jedným z najdôležitejších aspektov webdizajnu, pretože sprostredkúva základné informácie. Žiaľ, veľa dizajnérov a klientov sa bojí odvážnych experimentov, vyberajú si pre svoje projekty jeden alebo dva „osvedčené“ fonty.

Takže tento článok je o tých, ktorí sa stratili v oceáne typografie. Povieme si o základoch typografie, o tom, čo sú typy písma a o štruktúre typov písma.

Typy písma a písma – aký je rozdiel?

Mnoho ľudí používa slová typ písma a font zameniteľné. V skutočnosti nie sú to isté, teraz vysvetlím prečo.

Headset je súbor štylisticky podobných znakov, ktoré možno písať / tlačiť. Sú to čísla, písmená, symboly. Písmo je užší pojem, ktorý je určený viacerými faktormi, ako je veľkosť a štýl. V podstate Arial je typ písma a Arial Bold je typ písma.

Klasifikácia

Písma možno rozdeliť do niekoľkých skupín – pätkové, bezpätkové, písané rukou (skript), zobrazovacie (zobrazovacie). Existujú však aj iné typy klasifikácie.

Serif fonty, Antique (Serif)

Sú tak pomenované, pretože každé písmeno má malé pätky. Pri tlači veľkých blokov textu vo webdizajne sa neodporúčajú, pretože sa ťažko čítajú. Tieto fonty sa zvyčajne používajú pre nadpisy.

Pätkové písma majú pomerne veľa podtypov – napr. Starý štýl(„Starý štýl“ – nazývajú sa aj humanisti, humanistická pätka) sú úplne prvé písma tejto klasifikácie, používali sa už v roku 1400. Ich charakteristickým znakom je, že časť symbolu, ktorá je umiestnená pod uhlom, je tenká. Príklady písiem sú Adobe Jenson, Centaur a Goudy Old Style.

Prechodné pätky- používaný v roku 1700. Patria sem fonty ako Times New Roman a Baskerville, ako aj Caslon, Georgia a Bookman. Majú výraznejší rozdiel medzi hrubými a tenkými časťami písmen ako Old Style, ale menej nápadný ako Modern.

Moderné pätky (antický nový štýl)- používajú sa od roku 1700 a majú silný kontrast medzi hrubými a tenkými časťami znakov. Patria sem fonty ako Didot a Bodoni

A nakoniec , Doskové pätky- vo všeobecnosti majú rovnakú hrúbku všetkých čiar a veľké pätky na koncoch

Serif fonty, Sans Serif

Pätkové písma sú tak pomenované, pretože nemajú pätky.) Vyzerajú modernejšie a prvýkrát boli použité v 18. storočí.

Tu sú 4 hlavné typy pätkových písiem: Groteska, neogroteska, humanista a geometrický.
Staré grotesky- úplne prvé, sú podobné pätkovým písmom, ale bezpätkové.
Napríklad Franklin Gothic a Akzidenze

Nové grotesky majú v porovnaní so starými groteskami zjednodušený vzhľad. Mnohé z najpopulárnejších písiem sú dnes nové bezpätkové písma, ako napríklad MS Sans Serif, Arial, Helvetica a Univers.

Humanisti- sú kaligrafickejšie ako všetky ostatné pätkové fonty (to znamená, že ich hrúbka čiary sa mení). Patria sem napríklad Gill Sans, Frutiger, Tahoma, Verdana, Optima a Lucide Grande - často sa používajú na vyplnenie tela lokality.

Geometrické sú založené na správnych číslach, napríklad „O“ je kruh atď.; sú považované za najmodernejšie pätkové typy písma. Ide napríklad o ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Ručne písané (skript)

Ručne písané písma sú založené na rukopise. Existujú dva typy takýchto písiem – formálne a bežné. Formálne, akoby písané rukou, pochádzajú zo 17. a 18. storočia. Niektoré fonty sú založené na rukopisoch slávnych majstrov ako George Snell a George Bickham. Kuenstler Script je príkladom moderných písiem. Pekné a elegantné, nepasuje k telu stránky.

Kezhl fonty sú modernejšou verziou, vznikli v 20. storočí. Je menej formálny, často s výraznými ťahmi a efektmi ťahov štetcom. Tieto fonty zahŕňajú Mistral a Brush Script.

Zobraziť písma

Do kategórie zobrazovacích fontov patria tie fonty, ktoré vo všeobecnosti nie sú vhodné na písanie textu. Najčastejšie slúžia ako prízvuk. Zvyčajne sa používajú v polygrafickom priemysle, aj keď si začínajú hľadať cestu na internetové stránky. Medzi displejmi možno nájsť napríklad blackletter – pôvodné písma prvých tlačiarenských strojov.

Neabecedné písma (Dingbats)

Neabecedné písma sú tie písma, ktoré vôbec neobsahujú písmená, ale obsahujú symboly a ornamenty.

Proporcionálne verzus jednopriestorové

V proporcionálnych písmach symbol zaberá toľko miesta, koľko si vyžaduje jeho prirodzený pravopis. Napríklad Times New Roman je proporcionálne písmo. Ale pre písma s jednou medzerou majú všetky znaky rovnakú šírku. Medzi takéto fonty patrí napríklad Courier New

Nálada

Nálada písma do veľkej miery ovplyvňuje, či je vhodné ho v danej situácii použiť. Často sa využívajú kontrasty – biznis štýl sa spája s neformálnym, ľahký s dramatickým. Napríklad Times New Roman je prísny typ písma a práve to sa často používa na obchodnú korešpondenciu. Ale napríklad Helvetica vo všeobecnosti mení náladu v závislosti od okolitých fontov.

Hrúbka a štýl

Existujú písma podľa hrúbky: svetlý, tenký, pravidelný, stredný, tučný, ťažký alebo čierny.

Existujú tri štýly písma – kurzíva, šikmé písmo a malé veľké písmená. Na nadpisy sa bežne používajú malé čiapky.

Kurzíva a šikmé sú zameniteľné, hoci ide o rôzne štýly. Oblique je šikmá verzia bežných písiem. Aby ste to získali, stačí použiť funkciu Free Transform-Dort vo Photoshope. Ale kurzíva je už samostatná sada znakov, ktorá je zodpovedná za šikmú verziu písma.

Štruktúra písma

Každý znak má súbor charakteristík, ktoré možno použiť na určenie toho, ako funguje s inými písmami. Tu sú tie hlavné:

Základná línia- pomyselná čiara, na ktorej sa nachádza text. Niekedy sú zaoblené písma mierne odsadené od riadku písma.

Malá čiara (stredná čiara) označuje výšku väčšiny malých písmen, zvyčajne určenú výškou písmena „x“. Odtiaľ pochádza pojem x-výška.

Čiapka- výška veľké písmeno"A".

Na obrázku vyššie sú tri spoločné časti všetkých písmen.

Hlavný zdvih, Predstavec- hlavná vertikála každého symbolu, vrátane toho šikmého.

Hrazda (Tyč)- vodorovná časť písma

Ovál (miska)- zaoblená časť písma.

Horné diaľkové ovládanie (Acender)- časť vyčnievajúca z písmen ako "d", "h" a "b".

Descender- časť vyčnievajúca z písmen ako "p", "q" a "f"

Serify- charakteristický znak pätkového písma). V niektorých typoch písma sú výraznejšie, v iných menej.

Clona- označuje medzeru pri otvorených znakoch, ako je „A“, „c“ alebo „m“

ucho je to dekoratívny doplnok k symbolu, ako v príklade vyššie pre „g“.

Spojovací zdvih (vlasová línia) je to najtenšia časť pätkového písma.

Hrazda - horizontálna čiara ako v písmenách „A“ a „H“.

Drop (Terminál)- okrúhly alebo oválny (kvapkovitý) koniec ťahu v kresbe niektorých znakov v písme.

Slučka vyskytuje sa len na niektorých malých písmenách „g“ a môže byť úplne alebo čiastočne zakryté.

Spur- malý zárez na niektorých písmenách, ako napríklad „G“.

Odkaz spája hornú a spodnú časť písmena „g“.

Chrbtica- stredová krivka, ktorú má písmeno "s".

Chvost písmena (Chvost)- ozdobná čiara, napríklad na písmene „R“ alebo „Q“.

Koncový prvok (Terminál, Final)- koniec zdvihu bez pätky

Rameno- zaoblená čiara, ktorá sa odchyľuje od hlavného ťahu. (Aby som bol úprimný, mnoho ruských stránok dáva úplne inú definíciu tohto pojmu,)

S príchodom osobné počítače a prvé systémy publikovania na počítači zažili tektonický posun v typografii, ktorý sa stáva viditeľným až teraz. Toto zďaleka nie je prvá veľká zmena v typografii a boli aj ďalšie. Stačí pripomenúť časy, keď stroje priemyselného sveta zvíťazili nad remeselníkmi. Hromadná výroba a zisk sú dôležitejšie ako krása písma. Na kvantite záležalo viac ako na kvalite.

Veľkí majstri prestali vytvárať nové písma – tie, ktoré už existovali, boli vhodné na tlač kníh. Remeselníci, bez ohľadu na to, akí sú profesionáli, zostali nečinní a stali sa súčasťou technologického procesu.

Víťazstvo industrializmu však neznamenalo, že veľkí majstri zmizli s príchodom tlačiarenských lisov. Tieto dva svety naďalej existovali nezávisle od seba – tlačiari uznávali talent remeselníkov a tí zase pochopili, že pokrok nemožno zastaviť. Bola to už druhá zmena typografie, v dôsledku ktorej stratila časť svojej „duše“ alebo, ak to tak môžem povedať, ľudskosti. Aby ste však pochopili, čo sa nedávno stalo, musíte sa vrátiť v čase pred 500 rokmi a zistiť, ako to všetko začalo.

PRVÝ PRECHOD

Prvý konflikt medzi novým a starým vznikol po vynájdení prvého tlačiarenského lisu. Jeho tvorca Johannes Gutenberg mohol použiť stroj na vytváranie širokej škály kompozícií s rýchlosťou tlače až 240 strán za hodinu. Bola to revolúcia.

Predtým boli všetky knihy vytvorené výhradne ručne. Knihy minulosti boli písané ručne a zdobené zložitými vzormi a ozdobami. Proces kopírovania bol veľmi dlhý, ale vo výsledku bola každá kniha, dokonca aj kópia, umeleckým dielom.

Samozrejme, prvé tlačené knihy neboli porovnateľné s ručne písanými. Neboli veľmi pekné, ale boli menšie a lacnejšie. A čo je najdôležitejšie: možnosť nahradiť jednotlivé znaky a celé rodiny písiem umožnila tlačiť knihy nielen v latinke, ale aj v iných európskych jazykoch.

Ľudia tieto zmeny privítali. Potrebovali knihy v jazyku, ktorému rozumeli, a knihy, ktoré si vzali so sebou. Mali smäd po vedomostiach a tlačené knihy ho uhasili.

V dôsledku prvého prechodu však kniha stratila veľa zo svojej ľudskosti. Hlavný proces prevzali stroje, no remeselníci boli stále žiadaní. Každé písmeno bolo ručne vyrezané a umelecké diela a ilustrácie boli tiež vyrobené ľuďmi. Nebude to však dlho trvať a zručnosť začne opúšťať proces tvorby kníh.

DIGITÁLNA DOBA

Prvý prechod zničil ručne písané knihy. Industrializácia napokon zbavila pečate ľudskosti, všetko sa zmechanizovalo a remeselníci zostali bez práce. Ale tretí prechod konečne ukončil typografiu ako umenie. Väčšina typov písma je v súčasnosti prekvapivo bez rysov. Je to len kopa fontov vo vašom počítači. Len málokto pozná históriu toho či onoho písma. Predtým to nikoho nezaujíma. Prechádzame stovkami fontov za minútu a hľadáme vhodný font a všetko ostatné nie je také dôležité.

_______________________

„V našom vysoko počítačovom svete predstavuje šírenie typov a ich rozmanitosť variácií novú úroveň vizuálneho znečistenia, ktoré priamo ohrozuje našu kultúru,“ hovorí dizajnér Massimo Vignelli. "Z tisícok fontov potrebujeme len pár základných, pretože ostatné sú len odpadky."
_______________________

V niektorých ohľadoch má pravdu. Typografia nie sú len fonty. Nie je to len tak krásne písmenká, je to niečo iné, niečo, čo v nás vyvoláva pocit. Typografia je v podstate posolstvo. Podľa slávneho ruského typografa Lazara Lissitzkého by typografia mala čitateľovi opticky sprostredkovať tú istú myšlienku, ktorú hovoriaci vyjadruje svojím hlasom.

Už dávno nikto nepíše pergamenom. Preč je hrubý papier, ktorý páchne atramentom. Trh s lesklou potlačou sa zmenšil do mikroskopických rozmerov. Dnes čítame texty, ktoré neboli tlačené, ale strojopisné, a už vôbec nie na papieri. A typografiu zrejme čaká ďalší prechod. Čo to bude, nikto nevie, ale s najväčšou pravdepodobnosťou po papieri budú displeje, na ktoré sme zvyknutí, zastarané. Ťažko povedať, kedy dôjde k novej revolúcii, ale určite dôjde k novému prechodu.

Najsmutnejšie na tom všetkom je, že ľudia v honbe za dokonalosťou stratili časť seba. Zručnosť krasopisu dnes nepotrebuje prakticky nikto. Trvá to dlho, vyžaduje si to pozornosť a vytrvalosť. Dnes to nedáva zmysel - existujú náhlavné súpravy pre každý vkus. Vyberáme fonty ako zombie: názov, veľkosť, štýl ... Správa? správu? Za počítačovými fontami nie je žiadna správa, žiadna história, nič.

NOSTALGIA MINULOSTI

Dnes mnohí dizajnéri cítia potrebu nových typov písma, ktoré by dodali textu takú potrebnú osobitosť. Existuje mnoho spôsobov, ako pracovať s typografiou, pričom každý z nich má rovnaký cieľ odkloniť sa od beztvárnosti digitálnych typov písma. Použité je všetko - farebný kontrast, ilúzia objemu, negatívny priestor, slovom všetko, čo dokáže premeniť štandardné písmo na trochu menej štandardné.

A v tomto smere môžeme zaznamenať tri trendy, ktoré naberajú na sile, ktoré demonštrujú túžbu dizajnérov prinavrátiť písmam stratenú autentickosť. V typografii existujú len tri hlavné trendy, no je ťažké ich prehliadnuť, keďže sa objavujú doslova všade. Hovoríme o štýloch ako retro, vodové farby a šiltovky.

VINTAGE GRANGE TLAČ

Jedným z najčastejších problémov s dizajnom je problém s.

V tomto článku sa podelíme o niekoľko zásad dobrej typografie a dáme vám tipy, ako sa vyhnúť mnohým bežným chybám.

Tento článok nie je knihou o typografii alebo umení typografie, je to skôr ako „ rýchle tipy zlepšiť základ písma dizajnu “.

Pravidlo 1. Čím menšie písmo, tým lepšie

Jednou z najväčších chýb, ktoré dizajnéri robia, je používanie Vysoké číslo fonty a/alebo ich štýly. Skúste ich znížiť na dve alebo tri. To znamená, že hlavný text by mal mať rovnaké písmo a veľkosť.

Vyberte si jeden pre nadpisy a držte sa ho, možno ako posledná možnosť, iný pre podnadpisy. Nezľaknite sa, ak sa fonty od seba veľmi líšia. Pri použití dvoch veľmi podobných fontov vo svojom návrhu by si čitateľ mohol myslieť, že ste sa len pomýlili a omylom ste si pri písaní vybrali nesprávne písmo.

Postarajte sa o konzistenciu farby, hustotu atď. alebo váš text bude vyzerať ako opité muchy rozhádzané po celej stránke.

Pravidlo 2. Dávajte si pozor na výtok

Dávajte pozor, aby ste neprestrelili písmená. Ak máte problémy s nedostatkom miesta na text, potom je lepšie zmenšiť písmo. Áno, môže pridať medzeru medzi odsekmi, ale nie je sa čoho obávať, pri čítaní vám to poskytne priestor na dýchanie.

Pravidlo 3. Správne zarovnanie

Prosím, nevycentrujte všetko (pokiaľ nejde o špeciálny dizajnový ťah). Zvážte použitie mriežky. Všetko na stránke je totiž prepojené. Použite pokyny a umiestnite predmety podľa nich. Nerozhadzujte predmety v rohoch stránky, akoby ste sa nevedeli rozhodnúť, kam ich umiestniť.

Pravidlo 4. Menej ozdobné písma

Máte krásne ozdobné písma? úžasné! To ale vôbec neznamená, že je potrebné ich použiť pre text odsekov. Za ozdobnými písmami sa najčastejšie skrýva príbeh alebo sa používajú v konkrétnom prípade, napríklad pre nadpis alebo nadpis. Často platí, že čím jednoduchšie, tým lepšie, a preto sú fonty ako Helvetica také obľúbené.

Pravidlo 5. Na veľkosti záleží

Ide o veľkosť písmen textu;). Nadpisy sú v poriadku, keď sú napísané tučným a veľkým písmom, ale ak použijete príliš veľké písmená v hlavnom texte, bude to lacnejšie. Zamyslite sa nad tým. Idete do dobrej reštaurácie a často sa stáva, že jedálny lístok je napísaný malým písmom, vyzerá to cool. (Len sa uistite, že písmo nie je dostatočne malé na to, aby bolo ťažko čitateľné.) Nebojte sa, aby boli vaše titulky oveľa väčšie, než kopírujú vaše telo.

Pravidlo 6. Sledujte čitateľnosť

Všetko, čo robíte, robíte tak, aby sa to dalo čítať. Tmavý text zapnutý tmavé pozadie- to nie je veľmi dobrý nápad... Ešte horšie je umiestniť malý text na fotografiu s vysokým kontrastom. Nezabudnite na nič neumiestňovať text.

Pravidlo 7. Vyberte si správne farby

Aká farba je pre písmo najlepšia? Vo všeobecnosti, verte alebo nie, čierna alebo biela je často najlepšia. Ak používate inú farbu ako rôzne odtiene sivej, znížte sýtosť. Pestrofarebné typy písma môžu byť ťažko čitateľné. Dajte si pozor na zložité vibrujúce kombinácie ako červená na zelenú.

Pravidlo 8. Vhodné zoskupenie

Najlepšie je skombinovať súvisiace informácie. Vďaka tomu bude dizajn prehľadnejší. Napríklad: pozrite sa na filmový plagát, všetky údaje sú zoskupené do atraktívnych blokov. Teraz ich možno vidieť ako samostatný prvok dizajn. Príklady zlého zoskupovania - otvorte zlaté stránky.

Pravidlo 9. Dostatočné vedenie

Toto je vzdialenosť medzi riadkami textu. Je veľmi dôležité zvoliť správny interval. Oveľa príjemnejšie je čítanie, keď je medzi riadkami priestor pre zvyšok očí. Vo všeobecnosti sa snažte použiť úvod aspoň o 2 body väčší ako je veľkosť písma. Napríklad: pre maximálnu čitateľnosť pri 10pt by písmo malo byť nastavené aspoň na 12pt.

Pravidlo 10. Pozor na kerning

Kerning je medzera medzi jednotlivými znakmi v slove. Je dôležité mať skúsenosti s identifikáciou zlého kerningu, pretože programy, ako napríklad Photoshop, často robia chyby pri jeho umiestnení. To bude potrebné upraviť ručne, ale hlavnou vecou nie je preháňať to. Ak sa vám nepáči medzery medzi znakmi, ale nie ste si istí, ako to zlepšiť, vyberte si iné písmo.

Pri práci s písmom vyskúšajte tieto pravidlá. Dobre navrhnuté bloky typu by mali vyzerať dobre bez akýchkoľvek obrázkov. V najlepšom prípade vaša práca s typom posilňuje pozitívny zážitok z dizajnu. Mal by byť atraktívny a ľahko čitateľný.