Typograph 101 Serif vs. Sans-Serif

Ve fázi výběru písem se designér často ptá sám sebe, “na Serif nebo Sans-Serif”? Výběr druhu písma použití v designu je nanejvýš důležité, protože výrazně ovlivňuje čitelnost, uživatelská zkušenost a celkovou estetiku designu.

Ačkoli, bez ohledu na to, kolik zkušeností máte s typografií, můžete vždy uvíznout v serif vs. sans-serif dilema. Já osobně si myslím, že je to dobrý způsob, jak se z toho dostat porozumění základům serifs a sans-serifs, a to je právě to, co tento článek chce udělat.

Podívejme se na následující zápis upozorňuje na velké rozdíly mezi serifovými a bezpatkovými fonty pro lepší pochopení obou.

Odkud pocházejí patky?

Serifové jsou malé tenké čáry připojené ke konci tahů v písma. Oni jsou věřil k pocházeli z latinské abecedy Římani používali leptat jejich spisy do kamene.

Ačkoli k tomu neexistuje všeobecně přijímaný původ dekorativní kus v typografii, to je věřil, že Římani používali malovat dopisy s obrysy na kameni, tak když kamenné řezbáře následovaly stopy stopy, který se rozšířil u konců \ t, vyústilo ve vytvoření serifů.

A co sans-serif?

Sans-serif, na druhé straně, doslovně znamená "bez patky". Jakékoli písmo, které chybí na těchto rohů na konci každého rohu, lze považovat za písmo sans-serif.

Tohle vím, jak může volba jít s patkami nebo sans-serif ovlivnit váš design? Zde je několik věcí, které je třeba zvážit:

Čitelnost

Čtitelnost se často měří jako jak snadno čtenář může strávit obsah. Samozřejmě, protože vize je obvykle subjektivní, existuje mnoho faktorů, které přicházejí do hry, včetně nebo čtenář, a jak je obsah uspořádán v bloku nebo prostoru, který byl dán.

Metoda „old school“ prezentace textu používá z patřičného důvodu patky. Přemýšleli jste někdy proč většina novin používá pro jejich obsah serif písma? Protože patky jsou snáze čitelné. Tyto malé ozdobné čáry v každém znaku vedou vaše oči plynule, jak se pohybujete z řady na linku a spojujete písmena dohromady čtení delší texty méně zdanění pro vaše oči.

Mezery mezi písmeny (protože musíte brát v úvahu patky, pokud jde o mezery) také dává čtenáři větší prostor pro snadnou identifikaci písmen od sebe.

Podívejte se na níže uvedený příklad a všimněte si, že patková písma vytvářejí snadnější zážitek z čtení protože vytváří mezery mezi písmeny a slovy. To usnadňuje pohyb oka z jednoho slova do druhého.

Na druhou stranu, písmo serif se stává obtížněji čitelné pomocí stejných mezer. Je to proto, že oddělení každého dopisu je menší, jako vy nemusíte dávat patky v úvahu, když je rozteč.

Čitelnost

Čitelnost je kvalita a jasnost písma. To se týká jemných detailů písma a je zásadní, protože pomáhá čtenáři odlišit jeden znak od druhého. Tento se liší od čitelnosti, protože ta se týká především přístupu k obsahu jako celku.

V případě obrázku nahoře, malá písmena L a já pro sans serif v Arialu vypadají skoro stejně. Představte si, že slovo píšete “Illinois”.

Zde je zdůraznit můj názor.

Je však důležité poznamenat, že pokud je vaše písmo nečitelné, nemůže se nikdy stát srozumitelným. Ale existuje mnoho případů čitelné typy, které se mohou zdát nečitelné, protože jak jsou rozmístěny nebo zmenšeny vzhledem k jejich konstrukčnímu účelu.

Alex Poole napsal dobře-vysvětlil článek srovnávat serif a sans-serif fonty ve snaze zjistit, který byl více čitelný..

Pokud jde o čitelnost, podle něj existuje pět funkcí:

• Serif nebo Sans-serif
• Velikost bodu
• X-Výška
• Čítače
• Ascenders a Descenders

Poole uzavřel, vycházející z argumentů, které podporují obě strany, že tam opravdu bylo pokud jde o výběr písma, žádný rozdíl v čitelnosti. Poznamenal také, že existuje možnost, že serifs nebo jejich nedostatek může ovlivnit čitelnost ale rozdíl není ani měřitelný.

Řekl však, že:

Větší rozdíl v čitelnosti lze snadno nalézt u členů stejné rodiny než mezi serif a sans serif písma. Existují také další faktory, jako je x-výška, velikost čítače, rozteč písmen a šířka zdvihu, které jsou více význam pro čitelnost než přítomnost nebo nepřítomnost patek.

Měřítko a rozlišení

Text ve web designu není statický. To se může lišit od obrazovky k obrazovce a bude muset být škálovatelné. Toto je hotovo tak, aby byl text stále čitelný navzdory velikosti obrazovky.

V této oblasti je to bezpečné sans-serif vyhrává bitvu, protože je flexibilnější. Písma Sans-serif jsou mnohem snazší poskytovat důraz a čitelnost v menších rozlišeních protože oni přežijí rozmazání kvůli nedostatku detailů v nich.

Tady je hlavní příklad, jak se serif používá špatně. Podívejte se na spodní odstavec na časopise Time Magazine výše a snadno si všimnete, jak relativně je to těžké číst, protože to není snadné zejména s touto malou velikostí. Ale všimněte si, jak dokonalý je efekt, když přecházel na sans serif “Jonathan Franzen”.

Totéž platí, když je vyhozeno písmo sans-serif. Stupnice písma si zachovává svůj obecný tvar a činí jej lépe rozpoznatelným. Takže, pokud jde o škálování, sans-serifs mají tendenci být snadno adaptovány do lepších velikostí, protože se dobře přizpůsobují rozmazání v malých velikostech a trhání ve větších.

Chcete-li serif, nebo sans-serif?

Co je tedy odpověď na otázku?

Můžeme říci, že je to zřejmá kravata. Výběr mezi sans-serif a serif fonty nakonec se sníží na váš účel používání textu. Pokud má text, který máte styling, zůstat na téměř stejné velikosti? Pak byste chtěli lepší čitelnost což dělá serif lepší volbou.

Na druhou stranu, pokud chcete udělat textové části citlivé webové stránky, pak volba sans-serif fontu může být moudřejší, protože nechcete, aby váš text vypadal příliš malý na čtení.

Podívejte se na tyto Obaly časopisu GQ, které používají jak serif, tak sans serif fonty. Obecný konsenzus spočívá v tom, že patkové fonty se používají na formálních a tištěných materiálech, zatímco sans serif je většinou používán na webu. Ale v tomto případě byly oba použity, a pokud si všimnete, že je to vždy název modelu obalu, který je v patkovém režimu, což to zdůrazňuje.

Některá závěrečná slova

Jen na to nezapomeňte klíčem je důslednost. Vaše volba písma musí jít s celkovou estetikou designu, který vytváříte. Můžeš smíchat a odpovídat typům, které jsou podobné, fušovat s jejich změnou velikosti, aby se zjistilo, které práce. Nezapomeňte však, že to děláte tak, že uživatel by zprávu pochopil a váš design také vypadá esteticky.