Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú.

O čitateľnosti a výbere písma

Výber písma je veľmi dôležitý. Vo svojom systéme môžete mať veľa možností písiem, ale len pár vyvolených ho vyberie ako úspešnú voľbu na čítanie na obrazovke. Niektoré vlastnosti, ktoré treba hľadať pri výbere písma, zahŕňajú nasledujúce:

• Pätkové alebo bezpätkové? Nižšie vidíte rodinu písiem v štýle pätky v hornej časti a jedno v štýle bez pätky v spodnej časti. Pätky majú mierny výstupok, ktorý končí ťahom písmena. Bezpätkové na druhej strane nemá takú miernu projekciu. Bezpätkové písma majú tendenciu vyzerať modernejšie a sú obľúbenou voľbou pre interaktívne aplikácie a webové stránky. V minulosti sa verilo, že rodiny písiem s pätkami sa ľahšie čítajú, keď je tam veľké množstvo textu. Testy vykonané so zariadeniami na sledovanie očí preukázali, že medzi pätkami a bezpätkami nie je veľký rozdiel v čitateľnosti, takže si môžete vybrať ktorýkoľvek štýl, ak budete venovať pozornosť niektorým ďalším charakteristikám písma, ktoré nasledujú.

  Pätkové písmo hore, bezpätkové písmo dole.

• Priame, rovnomerné šírky čiar: Pretože váš text bude vytvorený z pixelov, je najlepšie, aby ste nemali veľké rozdiely v šírke textu. V náhľade v pixeloch môžete vidieť rozdiel medzi výberom písma s variáciou šírky (hore) a písmom, ktoré je konzistentné vo svojej šírke.

  Horné písmo má variácie v hrubých a tenkých čiarach, ktoré vytvárajú písmo; spodné písmo je konzistentné a ľahšie čitateľné na obrazovke.

• Silné počítadlá: Počítadlá sú otvory, ktoré vidíte v písmenách ako „O“, „B“ a „R“. Venujte pozornosť tomu, aké veľké sú tieto počítadlá, pretože môžu tiež spôsobiť problémy s čitateľnosťou, ak sa zatvoria pri zobrazení ako pixely na obrazovke. Zobrazí sa pixelový pohľad na dve rôzne rodiny písiem; Pozrite sa, ako vyzerajú počítadlá v každom z nich v porovnaní s ostatnými.

  Vo výbere rodiny písiem hľadajte silné otvorené počítadlá.

• Klesadlá a výška čiapky: Krátke zostupy a nízke výšky čiapky sú dôležité pre čitateľnosť na obrazovke. V hornej časti vidíte rodinu písiem s krátkymi klesajúcimi znakmi a nízkymi výškami čiapky; v spodnej časti je písmo s dlhými klesajúcimi znakmi a vysokými výškami uzáverov.

  Rodina písiem s krátkymi klesajúcimi znakmi a nízkou výškou horného okraja je zvyčajne na obrazovke ľahšie čitateľná.

Výber rodiny písiem

Teraz, keď už viete, čo robí výber písma lepšie čitateľným, použite panel Vlastnosti na výber písma. Pri výbere by ste mali venovať pozornosť týmto veciam:

• Rodina písiem: Po zadaní nejakého typu na obrazovke si ho môžete vybrať a vybrať rozbaľovaciu ponuku Rodina písiem v časti Text na paneli Vlastnosti. Ak poznáte požadované písmo, jednoducho začnite písať názov písma do textového poľa Rodina písma a ak ho máte vo svojom systéme, nájdete ho vo vašom zozname.

  Nezabudnite, že máte k dispozícii fonty prostredníctvom Adobe TypeKit.

• Hrúbka písma: Po výbere rodiny písiem si môžete vybrať váhu z rozbaľovacej ponuky Hmotnosť písma. V závislosti od písiem, ktoré máte vo svojom systéme, budete mať na výber rôzne hrúbky písma.

  Vyberte rodinu písma a hmotnosť písma.

• Veľkosť písma: Do textového poľa Veľkosť písma môžete jednoducho zadať veľkosť písma, ale ak si nie ste istí, ktorá veľkosť funguje najlepšie, umiestnite kurzor pod textové pole Veľkosť písma a kliknite a potiahnite. Pred ťahaním vyhľadajte obojstrannú šípku. Ťahaním nahor sa veľkosť zmenšuje; nadol zväčšuje veľkosť.

  Kliknutím a potiahnutím vizuálne zmeníte veľkosť písma.

• Zarovnanie: Vybratý text môžete zmeniť na Zarovnať doľava, Na stred alebo Doprava pomocou tlačidiel Zarovnanie v sekcii Text na paneli Vlastnosti.
• Medzery medzi znakmi: Medzery medzi znakmi sú medzery medzi znakmi. Toto je známe ako sledovanie . Tu vidíte výsledok zväčšenia medzier medzi znakmi.

  Znaky s normálnym rozostupom, nastaveným na 0 (nula) a potom nastaveným na 150.

Všimnite si, že na vizuálnu zmenu medzier medzi znakmi môžete použiť rovnakú techniku ​​kliknutia a ťahania, ktorá je k dispozícii v textovom poli Veľkosť písma.

Kliknutím a potiahnutím môžete tiež vizuálne zmeniť veľkosť medzier medzi znakmi.

• Výška riadku: výška riadku sa vedie , priestor medzi riadky textu. To môže hrať dôležitú úlohu v informačnom dizajne, takže sa uistite, že to používate dôsledne počas celého návrhu. Môžete tiež umiestniť kurzor pod textové pole Výška riadku a kliknúť a potiahnuť nahor alebo nadol, čím znížite alebo zväčšíte výšku riadku.
• Farba: Zmeňte farbu výplne kliknutím na políčko vedľa položky Farba výplne na paneli Vlastnosti. Túto úlohu vykonávate rovnakým spôsobom ako pri akomkoľvek tvare. Vyberte pole Výplň a vyberte farbu z výberu farby. Priehľadnosť textu môžete vybrať aj zo snímky Priehľadnosť, ktorá je k dispozícii napravo od nástroja na výber farby.
• Orámovanie: Aplikovaním orámovania umiestnite okolo textu ťah. Toto sa neodporúča, pretože to môže spôsobiť problémy s čitateľnosťou. Používajte ho s mierou a možno len na špeciálne efekty. Na obrázku nižšie je príklad väčšieho písma, ktoré má tenký ťah a bielu výplň na tmavšom pozadí. V takejto situácii by orámovanie mohlo fungovať, ale nie s menším textom.

  Malý okraj s bielou výplňou na tmavom pozadí.