Opraven starý článek o typografii, pro ty, kteří ho neviděli, bude užitečný pro seznámení

Typografie je jedním z nejdůležitějších aspektů webdesignu, protože zprostředkovává základní informace. Bohužel mnoho designérů a klientů se bojí odvážných experimentů a volí pro své projekty jedno či dvě „osvědčené“ fonty.

Tento článek je tedy o těch, kteří se ztratili v oceánu typografie. Budeme si povídat o základech typografie, o tom, co jsou písma a o struktuře písma.

Písma vs písma – jaký je rozdíl?

Mnoho lidí používá slova typ písma a font zaměnitelně. Ve skutečnosti nejsou totéž, nyní vysvětlím proč.

Sluchátka je soubor stylově podobných znaků, které lze psát / tisknout. Jsou to čísla, písmena, symboly. Písmo je užší pojem, který je určen několika faktory, jako je velikost a styl. V zásadě je Arial typ písma a Arial Bold je typ písma.

Klasifikace

Písma lze rozdělit do několika skupin – patkové, bezpatkové, písmo, zobrazení. Existují však i jiné typy klasifikace.

Patková písma, Antique (Serif)

Jmenují se tak, protože každé písmeno má malé patky. Při tisku velkých bloků textu ve webovém designu se nedoporučují, protože jsou obtížně čitelné. Tato písma se obvykle používají pro nadpisy.

Patková písma mají několik podtypů – např. Starý styl(„Starý styl“ – nazývají se také humanisté, humanistická patka) jsou vůbec prvními fonty této klasifikace, používaly se již v 15. století. Jejich charakteristickým rysem je, že část symbolu, která je umístěna pod úhlem, je tenká. Příklady písem jsou Adobe Jenson, Centaur a Goudy Old Style.

Přechodné patky- používané v roce 1700. To zahrnuje písma jako Times New Roman a Baskerville, stejně jako Caslon, Georgia a Bookman. Mají výraznější rozdíl mezi tlustými a tenkými částmi písmen než starý styl, ale méně nápadný než moderní.

Moderní patky (antický nový styl)- se používají od roku 1700 a mají silný kontrast mezi tlustými a tenkými částmi znaků. Patří sem fonty jako Didot a Bodoni

A nakonec , Deskové patky- obecně mají stejnou tloušťku všech čar a velké patky na koncích

Serif fonty, Sans Serif

Patková písma jsou tak pojmenována, protože nemají patky.) Vypadají moderněji a poprvé byly použity v 18. století.

Zde jsou 4 hlavní typy patkových písem: Groteska, neogroteska, humanista a geometrická.
Staré grotesky- úplně první, jsou podobná patkovým fontům, ale bezpatkovým.
Například Franklin Gothic a Akzidenze

Nové grotesky mají ve srovnání se starými groteskami zjednodušený vzhled. Mnoho z dnes nejpopulárnějších písem jsou nová bezpatková písma, jako jsou MS Sans Serif, Arial, Helvetica a Univers.

Humanisté- jsou kaligrafickější než všechna ostatní patková písma (to znamená, že se mění tloušťka jejich čar). Patří mezi ně například Gill Sans, Frutiger, Tahoma, Verdana, Optima a Lucide Grande - často se používají k vyplnění těla webu.

Geometrický jsou založeny na správných číslech, například "O" je kruh atd.; jsou považována za nejmodernější patková písma. Příklady jsou ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Ručně psané (skript)

Ručně psané fonty jsou založeny na ručním psaní. Existují dva typy takových písem – formální a neformální. Formální, jakoby psané rukou, pocházejí ze 17. a 18. století. Některá písma jsou založena na rukopisech slavných mistrů, jako jsou George Snell a George Bickham. Kuenstler Script je příkladem moderních písem. Pěkné a elegantní, nehodí se k tělu stránky.

Kezhl fonty jsou modernější verzí, vznikly ve 20. století. Je méně formální, často s výraznými tahy a efekty tahů štětcem. Mezi tato písma patří Mistral a Brush Script.

Zobrazit písma

Do kategorie zobrazovacích písem patří písma, která obecně nejsou vhodná pro psaní textu. Nejčastěji slouží jako přízvuk. Obvykle se používají v polygrafickém průmyslu, i když si začínají nacházet cestu na internetové stránky. Mezi displeji najdete například blackletter - původní fonty prvních tiskařských strojů.

Neabecední písma (Dingbats)

Neabecední písma jsou taková písma, která vůbec neobsahují písmena, ale obsahují symboly a ornamenty.

Proporcionální versus jednoprostorové

V proporcionálních fontech zabírá symbol tolik místa, kolik vyžaduje jeho přirozený pravopis. Například Times New Roman je proporcionální písmo. Ale u písem s proporcí mají všechny znaky stejnou šířku. Mezi taková písma patří například Courier New

Nálada

Nálada písma do značné míry ovlivňuje, zda je vhodné jej v dané situaci použít. Často se používají kontrasty – business styl se kombinuje s neformálním, lehký s dramatickým. Například Times New Roman je přísné písmo a právě to se často používá pro obchodní korespondenci. Ale například Helvetica obecně mění náladu v závislosti na okolních fontech.

Tloušťka a styl

Existují písma podle tloušťky: světlý, tenký, pravidelný, střední, tučný, těžký nebo černý.

Existují tři styly písma – kurzíva, šikmé písmo a kapitálky. Pro nadpisy se běžně používají malé kapitálky.

Kurzíva a šikmé jsou zaměnitelné, i když jde o různé styly. Oblique je šikmá verze běžných písem. Chcete-li to získat, stačí použít funkci Free Transform-distort ve Photoshopu. Ale kurzíva je již samostatná sada znaků, která je zodpovědná za šikmou verzi písma.

Struktura písma

Každý znak má sadu vlastností, které lze použít k určení, jak funguje s jinými písmy. Zde jsou ty hlavní:

Základní linie- pomyslná čára, na které se text nachází. Někdy jsou zaoblená písma mírně odsazena od řádku písma.

Malá čára (střední čára) označuje výšku většiny malých písmen, obvykle určenou výškou písmene „x“. Odtud pochází pojem x-výška.

Víčko- výška velké písmeno"A".

Obrázek nahoře ukazuje tři společné části všech písmen.

Hlavní zdvih, představec- hlavní svislice každého symbolu, včetně toho šikmého.

Hrazda (Tyč)- vodorovná část písma

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

Horní dálkové ovládání (Acender)- část vyčnívající z písmen jako "d", "h" a "b".

Descender- část vyčnívající z písmen jako "p", "q" a "f"

Patky- charakteristický znak patkových písem). U některých písem jsou výraznější, u jiných méně výrazné.

Clona- označuje mezeru u otevřených znaků, jako je „A“, „c“ nebo „m“

Ucho je to dekorativní doplněk k symbolu, jako ve výše uvedeném příkladu pro „g“.

Spojovací tah (vlasová linie) je to nejtenčí část patkového písma.

Hrazda - vodorovná čára jako u písmen „A“ a „H“.

Drop (Terminál)- kulatý nebo oválný (kapkovitý) konec tahu v kresbě některých znaků v písmu.

Smyčka vyskytuje se pouze u některých malých písmen „g“ a může být zcela nebo částečně zakryto.

Spur- malý zářez na některých písmenech, jako je „G“.

Odkaz spojuje horní a spodní část písmene „g“.

Páteř- středová křivka, kterou má písmeno "s".

Ocas dopisu (Ocas)- ozdobná linka, například na písmenu „R“ nebo „Q“.

Koncový prvek (Terminal, Final)- konec zdvihu bez patky

Rameno- zaoblená linie, která se odchyluje od hlavního zdvihu. (abych byl upřímný, mnoho ruských webů poskytuje zcela odlišnou definici tohoto pojmu,)

S příchodem osobní počítače a první systémy DTP zaznamenaly tektonický posun v typografii, který se teprve nyní stává viditelným. Není to zdaleka první velká změna v typografii a došlo k dalším. Stačí si připomenout dobu, kdy stroje průmyslového světa vítězily nad řemeslníky. Masová výroba a zisk jsou důležitější než krása písma. Na množství záleželo více než na kvalitě.

Velcí mistři přestali vytvářet nová písma – ta, která již existovala, byla vhodná pro tisk knih. Řemeslníci, ať už byli sebeprofesionálnější, zůstali zahálet a stali se součástí technologického procesu.

Vítězství industrialismu však neznamenalo, že by velcí mistři zmizeli s příchodem tiskařských strojů. Tyto dva světy nadále existovaly nezávisle na sobě - ​​tiskaři rozpoznali talent řemeslníků a oni zase pochopili, že pokrok nelze zastavit. Šlo o druhou změnu typografie, v jejímž důsledku ztratila část své „duše“ nebo, mohu-li to tak říci, lidskosti. Ale abyste pochopili, co se nedávno stalo, musíte se vrátit v čase před 500 lety a zjistit, jak to všechno začalo.

PRVNÍ PŘECHOD

První konflikt mezi novým a starým vznikl po vynálezu prvního tiskařského lisu. Jeho tvůrce Johannes Gutenberg mohl stroj použít k vytvoření široké škály kompozic s rychlostí tisku až 240 stran za hodinu. Byla to revoluce.

Předtím všechny knihy vznikaly výhradně ručně. Knihy minulosti byly psané ručně a zdobené složitými vzory a ornamenty. Proces kopírování byl velmi dlouhý, ale ve výsledku byla každá kniha, dokonce i kopie, uměleckým dílem.

Samozřejmě, že první tištěné knihy nebyly srovnatelné s těmi ručně psanými. Nebyly moc krásné, ale byly menší a levnější. A hlavně: možnost nahrazovat jednotlivé znaky i celé rodiny písem umožnila tisknout knihy nejen v latince, ale i v dalších evropských jazycích.

Lidé tyto změny uvítali. Potřebovali knihy v jazyce, kterému rozuměli, a knihy, které si vzali s sebou. Měli touhu po vědění a tištěné knihy ji uhasily.

V důsledku prvního přechodu však kniha ztratila mnoho ze své lidskosti. Stroje převzaly hlavní proces, ale řemeslníci byli stále žádaní. Každé písmeno bylo ručně vyřezávané a umělecká díla a ilustrace byly také vytvořeny člověkem. Nebude to však trvat dlouho a dovednost začne opouštět proces tvorby knih.

DIGITÁLNÍ VĚK

První křížení zničilo ručně psané knihy. Industrializace nakonec zbavila pečeť lidskosti, vše se zmechanizovalo a řemeslníci zůstali bez práce. Ale třetí přechod konečně ukončil typografii jako umění. Většina dnešních písem je překvapivě bez rysů. Je to jen hromada písem ve vašem počítači. Málokdo zná historii toho či onoho písma. Předtím to nikoho nezajímá. Procházíme stovkami písem za minutu a hledáme vhodné písmo a vše ostatní není tak důležité.

_______________________

„V našem vysoce počítačovém světě představuje šíření typu a jeho rozmanitost variací novou úroveň vizuálního znečištění, které přímo ohrožuje naši kulturu,“ říká designér Massimo Vignelli. "Z tisíců písem potřebujeme jen pár základních, protože zbytek je jen odpad."
_______________________

V některých ohledech má pravdu. Typografie nejsou jen fonty. Není to jen tak krásné dopisy, je to něco jiného, ​​něco, co v nás vyvolává pocit. Typografie je v podstatě zpráva. Podle slavného ruského typografa Lazara Lissitzkého by typografie měla čtenáři opticky zprostředkovat stejnou myšlenku, jakou mluví mluvčí svým hlasem.“

Kdysi dávno nikdo nepíše stylusem na pergamen. Pryč je hrubý papír, který páchne inkoustem. Trh s lesklým tiskem se smrskl do mikroskopických rozměrů. Dnes čteme texty, které nebyly tištěné, ale strojopisné, a vůbec je nečteme na papíře. A typografii zřejmě čeká další přechod. Co to bude, nikdo neví, ale s největší pravděpodobností podle papíru displeje, na které jsme zvyklí, zastarají. Těžko říct, kdy dojde k nové revoluci, ale určitě k novému přechodu dojde.

Nejsmutnější na tom všem je, že lidé v honbě za dokonalostí ztratili část sebe sama. Zručnost kaligrafie dnes nepotřebuje prakticky nikdo. Trvá to dlouho, vyžaduje péči a vytrvalost. To dnes nedává smysl – existují náhlavní soupravy pro každý vkus. Vybíráme fonty jako zombie: název, velikost, styl ... Zpráva? Zpráva? Za počítačovými fonty není žádná zpráva, žádná historie, nic.

NOSTALGIE MINULOSTI

Dnes mnoho designérů cítí potřebu nových typů písma, které by dodaly textu tolik potřebnou osobitost. Existuje mnoho způsobů, jak pracovat s typografií, přičemž každý z nich má stejný cíl odklonit se od beztvarosti digitálních písem. Použito je vše - barevný kontrast, iluze objemu, negativní prostor, jedním slovem vše, co dokáže proměnit standardní písmo v trochu méně standardní.

A v tomto ohledu můžeme zaznamenat tři trendy, které nabývají na síle, které demonstrují touhu designérů vrátit písmům ztracenou autenticitu. V typografii existují pouze tři hlavní trendy, ale je těžké je přehlédnout, protože se objevují doslova všude. Mluvíme o stylech, jako je retro, vodové barvy a kšiltovky.

VINTAGE GRANGE TISK

Jedním z nejčastějších problémů s designem je problém s.

V tomto článku se podělíme o pár zásad dobré typografie a dáme vám tipy, jak se vyhnout mnoha běžným chybám.

Tento článek není knihou o typografii nebo umění typografie, je to spíše jako „ rychlé tipy zlepšit základ písma designu “.

Pravidlo 1. Čím menší písma, tím lépe

Jednou z největších chyb, které návrháři dělají, je používání velký počet písma a/nebo jejich styly. Zkuste je snížit na dva nebo tři. To znamená, že hlavní text by měl mít stejné písmo a velikost.

Vyberte si jeden pro nadpisy a držte se ho, možná jako poslední možnost, jiný pro podnadpisy. Nelekejte se, pokud se fonty od sebe velmi liší. Při použití dvou velmi podobných písem ve vašem návrhu by si čtenář mohl myslet, že jste se jen spletli a omylem jste při psaní zvolili špatné písmo.

Dbejte na konzistenci barvy, hustotu atd. nebo váš text bude vypadat jako opilé mouchy rozházené po celé stránce.

Pravidlo 2. Pozor na výtok

Dávejte pozor, abyste nepřestřelili písmena. Pokud máte problémy s nedostatkem místa pro text, pak je lepší písmo zmenšit. Ano, může to přidat mezeru mezi odstavci, ale není se čeho bát, dá vám to při čtení prostor k oddechu.

Pravidlo 3. Správné zarovnání

Prosím, necentrujte vše (pokud se nejedná o speciální konstrukční tah). Zvažte použití mřížky. Na stránce je totiž vše propojené. Používejte vodítka a umístěte předměty podle nich. Nerozhazujte předměty v rozích stránky, jako byste se nemohli rozhodnout, kam je umístit.

Pravidlo 4. Méně dekorativní písma

Máte krásná dekorativní písma? Báječné! To ale vůbec neznamená, že je nutné je používat pro text odstavců. Za ozdobnými písmy se nejčastěji skrývá příběh nebo se používají v konkrétním případě, například pro nadpis nebo nadpis. Často platí, že čím jednodušší, tím lepší, a proto jsou písma jako Helvetica tak populární.

Pravidlo 5. Na velikosti záleží

Jde o velikost písmen textu;). Nadpisy jsou v pořádku, když jsou napsány tučně a velkými písmeny, ale pokud v hlavním textu použijete příliš velká písmena, bude to levnější. Přemýšlejte o tom. Jdete do dobré restaurace a často se vám stane, že je jídelní lístek napsaný malým písmem, vypadá to cool. (Jen se ujistěte, že písmo není dostatečně malé, aby bylo špatně čitelné.) Nebojte se, aby vaše titulky byly mnohem větší, než kopírují vaše tělo.

Pravidlo 6. Sledujte čitelnost

Vše, co děláte, děláte tak, aby se to dalo číst. Tmavý text zapnutý tmavé pozadí- to není moc dobrý nápad... Ještě horší je umístění malého textu na vysoce kontrastní fotografii. Nezapomeňte se vyhnout umístění textu přes cokoli.

Pravidlo 7. Vyberte správné barvy

Jaká barva je pro písmo nejlepší? Obecně, věřte tomu nebo ne, černá nebo bílá je často nejlepší. Pokud používáte jinou barvu než různé odstíny šedé, snižte sytost. Jasně zbarvená písma mohou být obtížně čitelná. Pozor na složité vibrační kombinace, jako je červená na zelené.

Pravidlo 8. Vhodné seskupení

Nejlepší je spojit související informace dohromady. Díky tomu bude design přehlednější. Například: podívejte se na filmový plakát, všechna data jsou seskupena do atraktivních bloků. Nyní je lze vidět jako samostatný prvek design. Příklady špatného seskupování - otevřete zlaté stránky.

Pravidlo 9. Dostatečné vedení

Toto je vzdálenost mezi řádky textu. Je velmi důležité zvolit správný interval. Mnohem příjemnější je čtení, když je mezi řádky prostor pro zbytek očí. Obecně se snažte použít proklad alespoň o 2 body větší, než je velikost písma. Například: pro maximální čitelnost při 10pt by mělo být písmo nastaveno na alespoň 12pt.

Pravidlo 10. Pozor na vyrovnání párů

Vyrovnání párů je mezera mezi jednotlivými znaky ve slově. Je důležité mít zkušenosti s identifikací špatného vyrovnání párů, protože programy, jako je Photoshop, často dělají chyby v jeho umístění. To bude nutné upravit ručně, ale hlavní věcí je nepřehánět to. Pokud se vám nelíbí mezery mezi znaky, ale nejste si jisti, jak je zlepšit, zvolte jiný font.

Při práci s písmem vyzkoušejte tato pravidla. Dobře navržené bloky typu by měly vypadat dobře bez obrázků. V nejlepším případě vaše typová práce posiluje pozitivní designový zážitek. Měl by být atraktivní a snadno čitelný.