10 pravidel pro perfektní typový design, pokaždé
Všimli jste si někdy, že se zdá, že některé projekty zářily skvělým typem? Někteří návrháři mají určitý talent pro navrhování perfektní typografie pro každý projekt.
Můžete to také udělat. S několika jednoduchými pravidly můžete vylepšit vzhled a design typografie ve všech svých projektech, digitálně i v tištěné podobě. Pokud se potýkáte s výběrem písem a párováním písem, tato pravidla vám pokaždé pomohou navrhnout dokonalý typ. (Jen je dodržujte.)
Prozkoumejte prvky Envato
1. Stanovte cíle projektu
Dobrá typografie začíná důkladným pochopením toho, co má váš projekt dělat. Než začnete procházet písma Google nebo Typekit, zapište si odpovědi na několik otázek.
- Kdo se snažíte dosáhnout tohoto projektu?
- Co mají uživatelé dělat s designem?
- Jaké jsou převodní body?
- Jaká je nálada projektu?
- Potřebujete sladit nebo koordinovat s jinými vzory nebo značky?
Odpovědi vám pomohou začít s představou o tom, jakou typografii hledáte. (Zde je průvodce významem a náladou písma v projekčních projektech.)
2. Hledejte podobné tvary
Pokud jde o sladění více typů písma v designu, něco tak jednoduchého, jako je tvar písma, může způsobit nebo rozbít kombinaci písem.
Jak tedy zajistit, že to zvládnete?
Hledejte písma s podobnými tvary. Přemýšlejte o tom, zda je každý typ písma kulatější nebo oválnější, tlustší nebo tenčí, má krátkou nebo vysokou výšku x nebo zahrnuje sklon nebo náklon.
Vyberte si primární nebo tělové písmo, které se vám líbí, a pak přidejte komplementární písma k podobným tvarům.
- Podívejte se na malé písmeno „o“ v každé rodině typů. Je vnitřní „mísa“ kulatá nebo oválná? Porovnejte písma, kde je vnitřek „o“ stejný.
- Je v pořádku spárovat silné a tenké řezy. Je lepší spárovat silné nebo tenké a pravidelné písmo.
- Hledejte písma s podobnou výškou x (vertikální velikost „x“).
- Nebojte se kombinovat různé typy stylů. Vyzkoušejte serif a sans serif kombinaci. Jen se ujistěte, že pokud je jeden typ písma složitý, druhý je jednoduchý. A použít jednoduchý písmo pro nejširší aplikaci, například text těla.
- Věnujte pozornost sklonu a kurzívě. (Můžete se znovu podívat na střed písmene „o“ jako vodítko.) Nepoužívejte více než jeden šikmý typ písma a vyvarujte se dvojic řezů, které se šikmo opírají. Pro uživatele mohou být otřesné.
Stále si nejste jisti? Zde je průvodce mícháním písem.
3. Nastavte měřítko typu pro změnu velikosti
Velikost písma může vytvořit nebo rozbít projekt. Pokud je text příliš velký, má za následek nepřirozené vzorce čtení s příliš velkým počtem pauzy a zastávek. Pokud je text příliš malý, může zatěžovat oči a způsobit, že uživatelé opustí návrh.
Když je text v pořádku, uživatelé se volně pohybují slovy.
Text, který má právě takovou velikost, má v měřítku různé velikosti v projektu. Text těla je jedna velikost, nadpisy jsou jiné velikosti a podnadpisy jsou další velikosti. A všechny velikosti a použití by měly být v celém návrhu konzistentní.
To, co to dělá pro uživatele, je usnadnit čtení všeho.
- Velikost textu upřednostňuje informace podle důležitosti. Větší typ je důležitější a je pravděpodobnější, že ho většina uživatelů skimmuje.
- Měřítko zvyšuje skenovatelnost textu, aby si jej uživatelé mohli rychle prohlédnout.
- Související položky mají stejný vzhled.
- Větší textové prvky, jako jsou podnadpisy, pomáhají rozbít dlouhé bloky textu, což usnadňuje jejich čtení.
4. Věnujte pozornost mezerám
Není to typ sám o sobě, ale záleží na typu mezer.
Vyrovnání párů, vedení, sledování a vycpávky mohou váš typ krásně vykreslit nebo ho proměnit v hot mess.
Je tu skvělé umění, jak správně rozdělit mezery. A hodně z toho závisí na skutečné použité kombinaci písmen, velikosti a řezu. Neexistuje žádné pravidlo vyrovnání párů - kromě toho, jak to udělat v případě potřeby - a neexistuje dokonalé množství výplně pro text a další prvky.
Budeš to muset očkovat.
Test je pocit. Pokud se design cítí „vypnutý“ způsobem, který nelze určit, může být na vině problematické rozestupy. Jen to vyžaduje praxi - a dobré oko - aby to bylo správné.
5. Zarovnejte doleva pro čtení
V angličtině a dalších jazycích čtou uživatelé zleva doprava. To je také ideální zarovnání pro optimalizaci čitelnosti uvnitř bloků kopie.
Malé kousky textu - prvky nabídky nebo titulky hrdinů - nemusí být zarovnány doleva, protože jsou rychle čitelné. Velká množství kopie - něco víc než věta - by měla být pravděpodobně zarovnána. (Odůvodnění je diskutabilní, i když není příliš opatrné, může to způsobit určité obavy z mezer.)
6. Vyberte dvě rodiny rodin
Toto pravidlo bylo již pravděpodobně vrazeno do vaší hlavy: Pro projekt použijte pouze dvě písma.
Říká se to zde znovu, protože tak málo designérů skutečně tomuto pravidlu věnuje pozornost. Naskenujte web nebo web portfolia a uvidíte spoustu projektů s „fonty divočiny!“
Pokud plánujete toto pravidlo porušit, zamyslete se znovu. Co získáváte přidáním dalšího písma do mixu? Místo toho se podívejte na písmo, které jste vybrali, a zjistěte, zda by lepším řešením nebyl jiný styl - tučné nebo tenké nebo kurzíva.
7. Nezměňujte písma
Nikdy nikdy napněte, neotáčejte ani nešikmte písmo. Pokud potřebujete něco jiného než to, co máte, vyberte jinou možnost.
Návrháři typů tráví spoustu času vytvářením nápisů, které fungují tak, jak jsou uvedeny. Změna formy písmen zraní čitelnost a může způsobit, že se písma „rozpadnou“ ve způsobu, jakým se fotografie při použití větší než původní velikosti rozmělní.
8. Použijte spoustu kontrastu
Jednou z věcí, která staví designéry do potíží, je uvedení typu na prvek obrázku nebo pozadí. Funguje to pouze tehdy, máte-li mezi prvky dostatečný kontrast, abyste vytvořili oddělení a zajistili čitelnost.
Pokud k písmům musíte přidat vržený stín, není dostatek kontrastu.
Světlo na tmavé nebo tmavé na světlo může zajistit čitelnost. Pomáhá také používat písmo s pravidelným nebo širším tahem.
Ale to není vždy pravda. Fotografie může obsahovat světlé a tmavé prostory nebo nechat zahrnovat silné a tenké tahy.
Možnosti zahrnují text v boxu, výběr těžšího písma nebo přidání barevného překrytí do obrázku. Všechny tyto techniky mohou pomoci vytvořit větší kontrast a zlepšit čitelnost textu. (Navíc mají tendenci vydržet, když se používají ve více citlivých bodech, kde se text a obrázky pohybují.)
9. Pamatujte na mobilní typografii
Pokud jde o typografii pro web, mobilní čitelnost by měla být hlavním problémem. Zábavné techniky, jako je přidání vzoru nebo textury k písmenům, mohou fungovat v tisku a na některých obrazovkách stolních počítačů, ale na menších zařízeních budou chybět.
Musíte přemýšlet o tom, jak se budou písma používat ve všech použitích. (Vraťte se do stupnice typografie a nezapomeňte zahrnout specifikace pro typ na velkých a malých obrazovkách.)
Mobilní typografie je často trochu velká a zahrnuje o něco více mezer než typografie na stolních počítačích. Pomáhá také, pokud jsou odstavce kratší, abyste nekončili s bloky textu, které si přečtou více svitků, což může uživatele zastrašit.
10. Držte se průvodce stylem
Až budete mít dobrou představu o tom, jak by měl typ vypadat v projektu, vytvořte průvodce stylem se všemi vašimi přesnými pravidly pro použití.
Vytvářejte kopie. Umístěte jej online na dostupné místo. A použijte jej vždy, když provedete změny v designu.
Konzistence je klíčovou součástí dokonalého typografického designu.
Závěr
Věc o dobré versus špatné typografii spočívá v tom, že většina uživatelů může jednu nebo druhou identifikovat. Vědí jen tehdy, když design prostě není úplně v pořádku.
Klíčovým problémem při vytváření dokonalé typografie je čitelnost. Typ musí být snadno čitelný a srozumitelný. Měl by odpovídat náladě kopie. A pro uživatele by se mělo cítit téměř neviditelné; Funguje to, když na to nemusí myslet a snadno čte.
