Tõhus tüpograafia Adobe XDis - samm-sammult juhend

Tipograafiaon olulisim element disainis, mida sageli ei märgata. Õige fonti valimine võib avaldada tohutut mõju sinu disaini tajumisele ja loetavusele. Selles artiklis õpid, kuidas AdobeXDtõhusalt fontidega ja tipograafiaga töötada. Sa saad teada, kuidas leida, installida ja oma projektis optimaalselt kasutada fonte.

Olulisemad teadlikkused

• Sa saad fonte hankida Google Fonts ja Adobe Fontsist.
• Adobe XD-s on kaks põhitekstitööriista: punkttekst ja tekstiraam.
• Teksti suurus ja ridade vahe on loetavuse jaoks üliolulised.
• Määratletud märgiformaadid aitavad sul aega ja vaeva kokku hoida teksti kujundamisel.

Samm-sammuline juhend

1. Fontide leidmine ja installimine

Esimese asjana pead tuvastama, kust leida parimad fondid sinuprojektile. Suurepärane allikas on Google Fonts. Mine lehele fonts.google.com. Sealt saad sirvida mitmeid tasuta fontide peresid, mis sobivad nii veebis kui trükis.

Fonti allalaadimiseks vali fondiperede seast ning kliki plussikujutise peal. Pärast soovitud fondi valimist saad selle otse oma süsteemi installida.

Alternatiivselt saad kasutada ka Adobe Fonts. Mine aadressile fonts.adobe.comja vali sealt oma fondid. Adobe Fonts on eriti kasulik, kuna saad fonde sünkroonida oma Creative Cloudiga, ilma et peaksid neid käsitsi installima.

2. Tekstiraamide ja punktteksti loomine

Adobe XD-s saad nüüd alustada teksti loomist. Kasuta otseteed T, et aktiveerida tekstitööriist. Sa saad luua kas tekstivälja klõpsates või lohistades, et luua tekstiraam.

Pea meeles erinevust: kui klõpsad punktteksti väljal, sisestad teksti ühes read. Tekstiraamis murdub tekst automaatselt järgmisse ritta, kui saadud laius on saavutatud.

3. Teksti stiili ja suuruse kohandamine

Kui oled juba tekstiga midagi sisestanud, saad reguleerida fondi suurust ja stiili Adobe XD paremas paneelis. Sea fondi suuruseks umbes 30 pikslit ja vali stiil "Keskmine".

Et muuta tekstiväli suuremaks või väiksemaks, saad lihtsalt seda sangadest tõmmates kohandada. Oluline on, et tekstiväljal oleks alati piisavalt ruumi sisestatud teksti kuvamiseks.

4. Vahede ja ridade kõrguse seadmine

Tipograafia kujundamine nõuab teatud taset tundlikkust, eriti vahede osas. Paremas paneelis saad kohandada tähemärgi vahet ja ridade kõrgust. Eksperimenteeri nende väärtustega, et tagada teksti hea loetavus ja meeldiv välimus.

Pane tähele, et õhukeste fontide puhul võib osutuda vajalikuks suurem fondi suurus, et tagada loetavus. Madalamate fondi suuruste kasutamisel võidolla olla vajalik valida veidi paksem stiil.

5. Mitme fondistiili määramine

Sa saad luua erinevaid fondistiile pealkirjade, alapealkirjade ja jooksva teksti jaoks. Näiteks loo erinevaid tekstivälju suurustega 50px, 40px, 30px ja 20px ning ära unusta valida sobivat stilistikat.

Seejärel aseta fondid paremale kõrvale kõrvuti. Nii saad kiiresti ülevaate defineeritud stiilidest.

6. Tähemärgiformaatide salvestamine

Üks eriti praktiline funktsioon Adobe XD-s on tähemärgiformaatide salvestamise võimalus. Kui oled juba loonud pealkirja, saad selle vormingu salvestada ja hiljem lihtsasti rakendada teistele tekstidele. Nime oma vorming nii, et see kirjeldaks, mis see on, nagu "Pealkiri H1" või "Lõik", et säilitada ülevaatlikkus.

7. Tekstiformaatide rakendamine olemasolevatele tekstidele

Et formaatide kiiresti rakendada, saad eelnevalt määratletud stiili rakendada uutele tekstidele läbi tähemärgiformaadi menüü. See muudab sinu töövoo oluliselt efektiivsemaks, kui sa ei pea enam iga muudatust käsitsi tegema.

8. Tekstide redigeerimine dokumendis

Kui sa teed stiilis muudatusi, näiteks kohandades fondi stiili või suurust, saad seda teha tähemärgiformaadis, ning muudatused rakendatakse kõikidele dokumentide tekstidele, mis seda formaati kasutavad.

Kokkuvõte – Optimeeri tekst ja tipograafia Adobe XD-s

Selles juhendisõpid, kui oluline on õigete fondide valimine. Sa saad teada, kuidas neid leida, installida ja tõhusalt rakendada Adobe XD-s. Sa saad salvestada tähemärgiformaate, et olla järjepidev ja optimeerida oma töövoogu. Ära unusta, et tipograafia peab olema mitte ainult ilus, vaid ka funktsionaalne, et tagada loetavus.