Zpět k základům: Krásná typografie ve webovém designu

Skvělý web začíná krásnou typografií. A když je porušování občasného pravidla skvělé, někdy je dobré se vrátit k principům toho, co dělá skvělou typografii - a jak ji vytvořit.

Jedná se o zásadní aktualizaci, která vám pomůže přehodnotit projekty, zvážit nový přístup nebo se jen vrátit k jednoduššímu a efektivnějšímu designu.

Dnes tedy ignorujeme trendy a způsoby, jak porušit pravidla zaměřená na teorii typografie a jak mohou být „pravidla“ skvělým vodítkem pro vytváření fenomenálního typu.

Velikost a hierarchie

Na velikosti záleží. Velikost může být jedním z nejdůležitějších faktorů při vytváření obrysu čitelné typografie na obrazovkách. Drobný text může být otřesný a těžko vidět. Nadměrně velký text se může lámat napříč řádky a způsobit zmatek.

Čitelná typografie má několik vrstev hierarchie, aby uživatelům řekla, co číst první, druhá a tak dále. Je zde zřejmá stupnice, takže text těla je o jednu velikost napříč designem, nadpisy jsou jiné velikosti a breakouts a subheads mají také své vlastní specifikace.

Sledování a kerning

Často zmatené, sledování a vyrovnání párů nejsou totéž. Kerning je úprava mezery mezi dvěma písmeny. Sledování je úprava mezery mezi celou sadou znaků, jako je odstavec nebo celková úprava bloku textu.

Vyrovnání párů je často aplikováno na jednotlivé prvky, aby se vytvořila přesnost a zvýšila čitelnost a dokonce i styl pro velký text. Sledování se často používá k zpřísnění volného písma v kopii těla.

Omezení písma

Příliš mnoho typů písma může být ohromující a otřesné. Pro většinu projektů stačí dva nebo tři řezy.

Klíčem k výběru solidního typu je výběr rodiny typů se spoustou variací stylu. Většina kvalitních typů písma je dodávána s více styly - tučné, pravidelné, kurzíva, kondenzované, černé atd. Výběrem písma s více možnostmi získáte váhu a styl pro více použití. (Některé rodiny dokonce obsahují patkové a bezpatkové možnosti, pokud chcete zachovat celý design v jedné rodině písem.)

Smíchejte a shodujte styly

Když vybíráte písmo - je pravda, že to může být nejtěžší část mnoha návrhových projektů - je v pořádku, a dokonce preferováno, vybrat dva různé styly typu.

Nejběžnějším párováním je serif a sans serif. Ale nemusíte se toho držet.

Při párování různých stylů a typů písma hledejte písmo, které má podobnou výšku x (hledejte znakové sady se stejnou vertikální malou velikostí písmene „x“) a tvar misek (mezera uvnitř uzavřených písmen, jako je „o“).

Tyto podrobnosti mohou výrazně ovlivnit, jak se písma cítí pohromadě a jak snadné je pro uživatele text přečíst. Použití podobných formulářů v různých stylech má stále vizuální známost, díky které je možné všechny typy snáze číst společně.

Zapomeňte na pomlčky a odůvodnění

Většinu času jsou pomlčky a úplné ospravedlnění zbytečné.

Obzvláště online mohou tyto techniky zkomplikovat text a porozumět na první pohled. Spojovníci rozbijí zážitek ze čtení a úplné ospravedlnění často vede k liché mezerě, kterou je obtížné přečíst.

Ačkoli oba prvky mají své místo v některých projektech, měly by se jim nejčastěji vyhnout.

Nezměňujte písma

Nikdy byste nikdy neměli upravovat písmo. Nesnažte se, aby byl tlustší nebo vyšší nebo tenčí. Místo toho vyberte nové písmo.

Návrháři typů tvrdě pracují na vytvoření konzistentní sady znaků pro písmo, které jsou čitelné a odpovídají stylu písma. Nesnažte se změnit vzhled sady znaků. Nebudete je vylepšovat a často si během procesu uděláte nepořádek tohoto typu.

Pokud písmo nefunguje tak, jak potřebujete, podívejte se na něco jiného. Vyzkoušejte nástroj Identifont podobného písma, který identifikuje písma s podobným vzhledem, a vyberte jinou možnost, která by ve vašem projektu mohla lépe fungovat.

Kontrast

Design pro kontrast pomocí typografie. Stejně jako byste použili různé velikosti k vytvoření hierarchie, zvažte vizuální zájem o různé hmotnosti písma, barvy a styly.

Barva je jedním z nejúčinnějších - a nejjednodušších - způsobů vytváření kontrastu. Ideálním kontrastem je tmavý text na světlém pozadí (nebo naopak). K dosažení tohoto cíle existuje téměř neomezený počet barevných možností. Při hraní s barvou a typografií mějte na paměti, že některé barevné kombinace, jako je jasně červená na pravé modré, mohou být opravdu obtížně čitelné. Hledejte kombinace, které se liší, pokud jde o světlo vs. tma, živost a nasycení.

Pokud jde o kontrast, jednoduché pozadí je často nejlepší pro poskytnutí textové místnosti ke čtení. Pokud však pozadí obsahuje vizuální prvky, jako je obrázek nebo vzor, ​​narůstá velikost písma pro vytvoření oddělení mezi textovým prvkem pozadí a popředí.

Měřte záležitosti

Míra je velikost kontejneru, který pojme text. Může to být šířka celého textového rámečku nebo jeden sloupec ve více sloupcovém formátu.

Měřte záležitosti, protože počet znaků (včetně mezer, glyfů a interpunkčních znamének) na obrazovce může ovlivnit čitelnost. Teorie tohoto konceptu je taková, že pokud jsou čáry příliš dlouhé nebo příliš krátké, může být únavné pro oko uživatele číst kvůli neustálému pohybu tam a zpět z jedné linie na další.

Z prvků typografického stylu: „Cokoli od 45 do 75 znaků je široce považováno za uspokojivou délku řádku pro stránku s jedním sloupcem nastavenou do patkové textové plochy ve velikosti textu. Řada 66 znaků (počítající jak písmena, tak mezery) je obecně považována za ideální. Pro práci s více sloupci je lepší průměr 40 až 50 znaků. “

To je docela dobrý výchozí bod pro většinu projektů, ačkoli mnoho projektů je skewing k typovým velikostem, které jsou o něco větší, což by způsobilo, že počet postav klesne na menší konec tohoto rozsahu.

Přestože mobilní typografie nebyla při prvním vydání knihy problémem, je přijatelným výchozím bodem směrnice pro více sloupců. Můžete se dokonce rozhodnout jít o něco níže a usilovat o optimálnější 35 znaků na řádek pro malé obrazovky.

Závěr

Pokud chcete stále přemýšlet o teorii typografie a nápisech, existují kromě výše uvedených klasických knih také skvělé knihy.

Zvážit:

  • Ellen Luptonová přemýšlela s Typeem
  • Proč Fonts Matter od Sarah Hyndman
  • Just My Type: Kniha o fontech od Simon Garfield

© Copyright 2021 | computer06.com