Efektivní typografie v Adobe XD - Návod krok za krokem

Typografieje centrálním prvkem designu, který bývá často opomíjen. Volba správného písma může mít obrovský vliv na vnímání a čitelnost tvého designu. V tomto článku se naučíš, jak efektivně pracovat s písmem a typografií v AdobeXD. Dozvíš se, jak najít, nainstalovat a optimálně použít písma ve svém projektu.

Nejdůležitější poznatky

• Písma můžeš získat z Google Fonts a Adobe Fonts.
• V Adobe XD existují dva základní textové nástroje: bodový text a textové rámečky.
• Velikost písma a řádkování jsou klíčové pro čitelnost.
• S definovanými znakovými formáty ušetříš čas a námahu při úpravě textu.

Pokyny krok za krokem

1. Najít a nainstalovat písma

Nejdříve musíš zjistit, kde najdeš nejlepší písma prosvůj projekt. Skvělým zdrojem jsou Google Fonts. Otevři stránku fonts.google.com. Tam můžeš procházet širokou škálu bezplatných písem, které jsou vhodné pro web i tisk.

Aby ses mohl stáhnout písmo, vyber rodinu písem a klikni na symbol plus. Poté, co vybereš požadované písmo, můžeš ho přímo nainstalovat do svého systému.

Alternativně můžeš také využít Adobe Fonts. Přejdi na fonts.adobe.coma tam si vyber písma. Adobe Fonts je obzvlášť užitečné, protože můžeš písma synchronizovat se svou Creative Cloud, aniž bys je musel manuálně instalovat.

2. Vytvoření textového rámečku a bodového textu

S Adobe XD můžeš nyní začít vytvářet text. Použij zkratku T, aby ses aktivoval textový nástroj. Můžeš buď vytvořit textové pole kliknutím, nebo táhnout textové pole pro vytvoření textového rámečku.

Měj na paměti rozdíl: Pokud klikneš do bodového textového pole, text se zadává v jedné řadě. U textového rámečku se text automaticky přelije do další řady, jakmile je dosažena dostupná šířka.

3. Přizpůsobení stylu a velikosti textu

Pokud jsi již zadal nějaký text, můžeš upravit velikost písma a typ písma v pravém panelu Adobe XD. Nastav velikost písma na cca 30 pixelů a vyber typ písma „Medium“.

Aby ses mohl textové pole zvětšit nebo zmenšit, můžeš ho jednoduše táhnout za uchopovač. Důležité je, aby textové pole vždy mělo dostatek prostoru k zobrazení zadaného textu.

4. Nastavení mezer a výšky řádků

Design typografie vyžaduje určité jemnosti, zejména pokud jde o mezery. V pravém panelu můžeš nastavit mezeru mezi znaky a výšku řádků. Experimentuj s těmito hodnotami, aby ses ujistil, že je text dobře čitelný a vypadá příjemně.

Všimni si, že u tenkých typů písma může být potřeba větší velikost písma, aby se zajistila čitelnost. Může být nutné vybrat o něco silnější typ písma, pokud používáš menší velikosti písma.

5. Definování několika stylů písma

Můžeš nastavit různé styly písma pro nadpisy, podnadpisy a tekoucí text. Například vytvoř různá textová pole ve velikostech 50px, 40px, 30px a 20px a nezapomeň vybrat vhodný typ písma.

Nastav písma na pravé straně vedle sebe. Tímto způsobem máš rychlý přehled o definovaných stylech.

6. Ukládání znakových formátů

Jednou z velmi užitečných funkcí v Adobe XD je možnost uložit znaky formátů. Pokud jsi již vytvořil nadpis, můžeš toto formátování uložit a později ho snadno aplikovat na jiný text. Pojmenuj formátování tak, aby popisovalo, co je, například „Headline H1“ nebo „Paragraph“, abys udržel přehlednost.

7. Aplikace formátování na existující texty

Aby ses rychle aplikoval na formátování, můžeš vybraný styl použít na nový text přes menu znakového formátu. To značně zjednodušuje tvůj pracovní tok, protože nyní nemusíš každou změnu provádět manuálně.

8. Úprava textů v dokumentu

Pokud provedeš změny v nějakém stylu, například pokud chceš upravit typ písma nebo velikost, můžeš to udělat v menu znakového formátu a změny se okamžitě aplikují na všechny texty v dokumentu, které používají tento formát.

Souhrn – Optimalizuj text a typografii v Adobe XD

V tomto návodujsi se naučil, jak důležitá je volba správných písem. Dozvěděl jsi se, jak je najít, nainstalovat a efektivně aplikovat v Adobe XD. Můžeš ukládat znaky formátů, aby ses udržel konzistentní a optimalizoval svůj pracovní tok. Nezapomeň, že typografie musí být nejen krásná, ale i funkční, aby zaručila čitelnost.