Do a Don'ts of Typography
Vzhledem k tomu, že je značné množství obsahu, který je k dispozici na webu, je pro webové designéry zásadní pochopit základní principy dobré typografie. Získání takových znalostí umožňuje projektantům efektivněji komunikovat, což jim umožňuje vytvářet lepší návrhy a webové stránky, které jsou snadněji použitelné.
Pro zkušené designéry se text může přirozeně dostat, ale pro ty, kteří právě začínají, jsem se rozhodl sestavit seznam základních úkolů a kroků. Nejen, že tento seznam vás naučí základy, ale můžete jej také použít jako kontrolní seznam pro práci na budoucích projektech. Zde je uvedeno:
DO vytvořit typografickou hierarchii
Typografická hierarchie může být vytvořena pomocí různých metod, jako je velikost, hmotnost, barva a kontrast. Jeho účelem je dát struktuře stránek a vést uživatele přes obsah. Bez jasné hierarchie se text stává mnohem těžší skenovat, a proto je obecně těžší číst. Stačí se podívat na níže uvedené příklady. Vlevo je text jedna velikost a jedna váha, takže je těžké rozlišovat mezi nadpisy a tělovým textem. Mezitím vpravo máme stejný obsah, ale jasnou typografickou hierarchii, takže je mnohem snazší rozlišit jednotlivé prvky.
Zde jsem použil pouze velikost a váhu pro stanovení své hierarchie, ale pro ještě lepší výsledky se můžete pokusit experimentovat také s barvami a kontrastem.
NEPRAVDAJTE text příliš malý
Ne každý má 20-20 vize, takže je důležité se ujistit, že text těla je dostatečně velký, aby lidé mohli pohodlně číst. Osobně bych doporučil ne menší než velikost 14pt.
Zvolte vhodné písmo pro text těla
Dalším důležitým faktorem, pokud jde o text těla, je čitelnost. Ačkoli písmo jako Satisfy může vyhovovat designu s ručně vyrobenou estetikou, používání písma, jako je toto pro vaše tělo text bude mít negativní dopad na vaše uživatele. Je to proto, že je mnohem těžší číst než vaše průměrné serif nebo sans serif. Podívejte se na níže uvedené příklady a zjistíte, jak těžší je váš mozok pracovat, aby se slova vlevo srovnala s pravidly.
Na jednu stránku nepoužívejte příliš mnoho různých písem
Služby jako Typekit a písma Google vám mohou poskytnout přístup k tisícům písem, ale neznamená to, že je musíte použít všechny. Jak můžete vidět z níže uvedeného příkladu, pokud to nebude dělat opravdu dobře, použití více písem může být velmi rušivé. To je důvod, proč obvykle doporučuji používat ne více než 2 nebo 3.
Dávejte své textové místnosti dýchat
Nedostatek bílého prostoru mezi jednotlivými řádky může mít vliv na čitelnost, protože je pro oko složité sledovat z jedné linky na druhou. Tento problém však lze snadno vyřešit zvýšením výšky řádků, ale dávejte pozor, abyste to nepřehnuli, příliš mnoho místa může také negativně ovlivnit čitelnost.
Nepoužívejte nepřetržité používání všech uzávěrů
Lidé nejsou zvyklí číst velké kusy textu nastavené ve všech čepicích, a proto je pro ně opravdu těžší číst. Nejen to, ale lidé často spojují všechny čepice s křikem nebo agresí, a pokud jde o marketingovou kopii, může se setkat se spíše spammi. Proto je důležité přemýšlet o tom, jak a kdy budete používat všechny čepice a ujistěte se, že je používáte moderně.
Zkuste omezit odstavce na 40-60 znaků na řádek
Je-li čára příliš dlouhá, čtečka postupně začne ztrácet pozornost a může mít často problémy s čtením z jedné linky na druhou. Je-li čára příliš krátká, způsobí, že oko čtenáře příliš často cestuje zpátky, což narušuje jejich rytmus. To také může způsobit, že začnou číst další řádek příliš brzy, což způsobí, že budou chybět slova z předchozího řádku. To je důvod, proč je optimální délka čáry pro tělový text asi 40-60 znaků na řádek.
Nepoužívejte velké množství středového textu
Upřednostňovaný text je obtížné číst, protože okraje textového bloku jsou nerovnoměrné, což ztěžuje skenování, protože každý řádek má jiný výchozí bod. Upřednostňované textové bloky jsou také obtížně sladěny s jinými objekty na stránce a jsou často považovány za zcela amatérské. Proto, stejně jako všechny čepice, je nejlepší použít středový text v moderování, místo toho zvolit levý zarovnaný text.
Ujistěte se, že existuje dostatek kontrastu mezi textem a pozadím
Kontrast je dalším aspektem typografie, který může ovlivnit čitelnost. Pokud mezi textem a pozadím není dostatečný kontrast, může být obsah nečitelný.
Máte něco přidat? Jaké tipy vám dávají noví návrháři právě začínající? Dejte nám vědět v komentářích.