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ú.Ako upraviť vlastnosti textu v Adobe XD

    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.Ako upraviť vlastnosti textu v Adobe XD

    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.Ako upraviť vlastnosti textu v Adobe XD

    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.Ako upraviť vlastnosti textu v Adobe XD

    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.Ako upraviť vlastnosti textu v Adobe XD

    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ť.Ako upraviť vlastnosti textu v Adobe XD

    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.Ako upraviť vlastnosti textu v Adobe XD

    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.

Ako upraviť vlastnosti textu v Adobe XD

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.Ako upraviť vlastnosti textu v Adobe XD

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

Pri písaní nového textu dodržujte rovnaký štýl

Keď zadáte nový textový reťazec, Adobe XD použije predvolené písmo, veľkosť a farbu (písmo Helvetica, 20 pixelov, sivá).

To nie je vždy ideálne, najmä ak pracujete na projekte s úplne iným štýlom typografie.

Existuje spôsob, ako to obísť: pred vytvorením nového textového reťazca vyberte textovú vrstvu so štýlom, ktorý chcete replikovať. Potom znova vyberte textový nástroj a napíšte svoj text: jeho štýl bude zodpovedať predtým vybratej textovej vrstve.


Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.