Typografiaje centrálnym prvkom v dizajne, ktorý sa často prehliada. Výber správneho písma môže mať masívny dopad na vnímanie a čitateľnosť tvojho dizajnu. V tomto článku sa naučíš, ako efektívne pracovať s písmami a typografiou v AdobeXD. Zistíš, ako nájsť, nainštalovať a optimálne využiť písma vo svojom projekte.
Najdôležitejšie poznatky
- Môžeš získať písma z Google Fonts a Adobe Fonts.
- Existujú dva základné textové nástroje v Adobe XD: bodový text a textový rámec.
- Veľkosť textu a výška riadkov sú rozhodujúce pre čitateľnosť.
- Definovaním formátovania písiem ušetríš čas a námahu pri úprave textu.
Podrobný návod
1. Nájdite a nainštalujte písma
Najprv musíš zistiť, kde nájdeš najlepšie písma presvoj projekt. Skvelým zdrojom sú Google Fonts. Navštív stránku fonts.google.com. Tam môžeš prehľadávať množstvo bezplatných fontových rodín, ktoré sú vhodné pre web aj tlač.
Aby si stiahol písmo, vyber fontovú rodinu a klikni na plusové tlačidlo. Po výbere požadovaného písma ho môžeš priamo nainštalovať na svoj systém.
Alternatívne môžeš využiť aj Adobe Fonts. Prejdi na fonts.adobe.coma vyber si tam svoje písma. Adobe Fonts je obzvlášť užitočné, pretože písma môžeš synchronizovať so svojou Creative Cloud bez toho, aby si ich musel manuálne inštalovať.
2. Vytvorenie textového rámca a bodového textu
S Adobe XD môžeš teraz začať vytvárať text. Použi klávesovú skratku T na aktiváciu textového nástroja. Môžeš si vytvoriť textové pole kliknutím alebo ťahaním pre vytvorenie textového rámca.
Maj na pamäti rozdiel: Ak klikneš do bodového textového poľa, text bude zadaný v jednom riadku. Pri textovom ráme sa text automaticky zalomí do nového riadka, akonáhle dosiahne dostupnú šírku.
3. Úprava štýlu a veľkosti textu
Ako náhle si zadal nejaký text, môžeš upraviť veľkosť písma a rez v pravom paneli Adobe XD. Nastav veľkosť písma na približne 30 pixelov a vyber rez „Medium“.
Aby si zväčšil alebo zmenšil textové pole, môžeš ho jednoducho ťahať za úchyt. Dôležité je, aby malo textové pole vždy dostatočný priestor na zobrazenie zadaného textu.
4. Nastavenie rozstupov a výšky riadkov
Dizajn typografie vyžaduje určité citlivosti, najmä pokiaľ ide o rozstupy. V pravom paneli môžeš nastaviť odstup znakov a výšku riadkov. Experimentuj s týmito hodnotami, aby si zabezpečil, že text je dobre čitateľný a pôsobí príjemne.
Maj na pamäti, že pri tenkých rezaní môže byť potrebná väčšia veľkosť písma, aby sa zabezpečila čitateľnosť. Môže byť potrebné zvoliť o niečo hrubší rez, ak používaš menšie veľkosti písma.
5. Definovanie viacerých štýlov písma
Môžeš nastaviť rôzne štýly písma pre titulky, podtitulky a bežný text. Napríklad vytvor niekoľko textových polí vo veľkostiach 50px, 40px, 30px a 20px, a nezabudni si vybrať vhodný rez písma.
Nastav písma na pravej strane vedľa seba. Takto máš rýchly prehľad o svojich definovaných štýloch.
6. Uloženie formátovania znakov
Jednou z obzvlášť praktických funkcií v Adobe XD je možnosť ukladať formátovanie znakov. Ak si už vytvoril titulku, môžeš toto formátovanie uložiť a neskôr ho jednoducho aplikovať na iný text. Pomenuj formátovanie tak, aby popisovalo, čo je, ako „Titulka H1“ alebo „Odsek“, aby si zachoval prehľadnosť.
7. Aplikovanie formátovania na existujúci text
Aby si rýchlo aplikoval formátovania, môžeš predtým definovaný štýl aplikovať na nový text prostredníctvom ponuky formátovania znakov. To výrazne zjednoduší tvoj pracovný tok, pretože teraz nemusíš vykonávať každú zmenu ručne.
8. Úprava textu v dokumente
Ako náhle urobíš zmeny v štýle, napríklad chceš upraviť rez alebo veľkosť, môžeš to urobiť v formátovaní znakov a úpravy sa okamžite aplikujú na všetok text v dokumente, ktorý používa tento formát.
Zhrnutie – Optimalizujte text a typografiu v Adobe XD
V tomto návodesi sa naučil, aké dôležité je vybrať správne písma. Zistil si, ako ich nájsť, nainštalovať a efektívne používať v Adobe XD. Môžeš ukladať formátovania znakov, aby si zostal konzistentný a optimalizoval svoj pracovný tok. Nezabudni, že typografia musí byť nielen pekná, ale aj funkčná, aby sa zabezpečila čitateľnosť.
FAQ
Akým spôsobom nájdem dobré písma pre svoj projekt?Pozri si platformy ako Google Fonts a Adobe Fonts.
Akým spôsobom inštalujem písma na svojom systéme?Stiahni písma a nainštaluj ich podľa pokynov tvojej platformy.
Aký je rozdiel medzi bodovým textom a textovým rámcom?Bodový text je jednoduchý vstupný riadok, zatiaľ čo v prípade textového rámca sa text zalomí, keď sa dosiahne šírka.
Akým spôsobom môžem upraviť odstup znakov v Adobe XD?Aby si to urobil, stačí upraviť príslušné nastavenie v pravom paneli.
Môžem ukladať štýly písma v Adobe XD?Ano, môžeš ukladať formátovania znakov a aplikovať ich neskôr na iné textové polia.
