Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju.

O čitljivosti i odabiru fontova

Odabir fonta je od ključne važnosti. Možda imate mnogo izbora fontova u vašem sustavu, ali samo nekoliko odabranih će ga izrezati kao uspješan izbor za čitanje na zaslonu. Neke karakteristike koje trebate tražiti pri odabiru fonta uključuju sljedeće:

• Serif ili neserif? U nastavku vidite obitelj fontova u stilu serifa na vrhu i jednog bez serifa na dnu. Serifi imaju blagu izbočinu koja završava potez slova. Sans serif, s druge strane, nema tu blagu projekciju. Pisa bez serifa obično izgledaju modernije i popularan su izbor za interaktivne aplikacije i web stranice. U prošlosti se vjerovalo da se obitelji fontova sa serifima lakše čitaju kada postoji velika količina teksta. Testovi provedeni s uređajima za praćenje očiju dokazali su da nema velike razlike u čitljivosti između serif i sans-serif, stoga slobodno odaberite bilo koji stil sve dok obratite pozornost na neke druge karakteristike fonta koje slijede.

  Serif na vrhu, sans-serif na dnu.

• Ravne, ujednačene širine redaka: budući da će se vaša vrsta izraditi od piksela, najbolje je da nemate puno varijacija u širini teksta. Možete vidjeti razliku, u pregledu piksela, između izbora fonta s varijacijama u širini (vrh) i fonta koji je dosljedan u svojoj širini.

  Gornji font ima varijacije u debelim i tankim linijama koje stvaraju font; donji font je dosljedan i lakši za čitanje na zaslonu.

• Snažni brojači: brojači su rupe koje vidite u slovima poput "O", "B" i "R". Obratite pažnju na to koliko su ti brojači veliki jer također mogu uzrokovati probleme s čitljivošću ako se zatvore kada se prikažu kao pikseli na zaslonu. Pojavljuje se pikselski prikaz dviju različitih obitelji fontova; vidjeti kako brojači izgledaju u svakom u usporedbi jedan s drugim.

  Potražite jake otvorene brojače u izboru obitelji fontova.

• Descenderi i visina kapice: Kratki spuštači i niske visine kapice važni su za čitljivost na zaslonu. Na vrhu vidite obitelj fontova s ​​kratkim silaznima i malim visinama slova; na dnu, font s dugim silaznima i visokim visinama kapica.

  Obitelj fontova s ​​kratkim nizom i niskom visinom kapice obično je lakše čitati na zaslonu.

Odabir obitelji fontova

Sada kada znate što čini bolji odabir fonta za čitljivost, upotrijebite ploču Svojstva da biste odabrali jedan. Stvari na koje treba obratiti pažnju prilikom odabira uključuju sljedeće:

• Obitelj fontova: Nakon što ste unijeli neku vrstu na zaslonu, možete je odabrati i odabrati padajući izbornik Obitelj fontova u odjeljku Tekst na ploči Svojstva. Ako znate font koji želite, jednostavno počnite upisivati ​​naziv fonta u okvir za tekst obitelji Font, a ako je u vašem sustavu, naći će se na vašem popisu.

  Nemojte zaboraviti da su vam fontovi dostupni putem Adobe TypeKit-a.

• Težina fonta: Nakon što odaberete obitelj fontova, možete odabrati težinu s padajućeg izbornika Težina fonta. Ovisno o fontovima koje imate u svom sustavu, imat ćete različite težine fonta.

  Odaberite obitelj fontova i težinu fonta.

• Veličina fonta: možete jednostavno upisati veličinu fonta u tekstni okvir Veličina fonta, ali ako niste sigurni koja veličina najbolje funkcionira, možete postaviti pokazivač ispod tekstualnog okvira Veličina fonta i kliknuti i povući. Prije povlačenja potražite dvosmjernu strelicu. Povlačenjem prema gore smanjuje se veličina; dolje povećava veličinu.

  Kliknite i povucite za vizualnu promjenu veličine fonta.

• Poravnanje: možete promijeniti odabrani tekst u Poravnaj lijevo, po sredini ili desno pomoću gumba Poravnanje u odjeljku Tekst na ploči Svojstva.
• Razmak između znakova: razmak između znakova odnosi se na razmak između znakova. To je poznato kao praćenje . Ovdje vidite rezultat povećanja razmaka između znakova.

  Znakovi na normalnom razmaku, postavljeni na 0 (nula), a zatim na 150.

Imajte na umu da možete koristiti istu tehniku ​​klikanja i povlačenja koja je dostupna u tekstualnom okviru Veličina fonta kako biste vizualno promijenili razmak znakova.

Također možete vizualno promijeniti veličinu razmaka između znakova klikom i povlačenjem.

• Visina retka: visina reda je vodeći , razmak između redaka teksta. To može igrati važnu ulogu u dizajnu informacija, stoga se pobrinite da to dosljedno koristite tijekom svog dizajna. Također možete postaviti pokazivač ispod okvira za tekst Visina linije te kliknuti i povući gore ili dolje da smanjite i povećate visinu linije.
• Boja: promijenite boju ispune klikom na okvir pored boje ispune na ploči Svojstva. Ovaj zadatak izvodite na isti način kao s bilo kojim oblikom. Odaberite okvir Ispuna i odaberite boju iz alata za odabir boja. Također možete odabrati prozirnost za svoj tekst na slajdu Prozirnost dostupnom s desne strane alata za odabir boja.
• Obrub: Primjena obruba stavlja crtu oko teksta. To se ne preporučuje jer može uzrokovati probleme s čitljivošću. Koristite ga štedljivo i možda samo za specijalne efekte. Slika ispod prikazuje primjer većeg slova koji ima tanak potez i bijelu ispunu na tamnijoj pozadini. U ovakvoj situaciji bi obrub mogao funkcionirati, ali ne s manjim tekstom.

  Mali obrub s bijelom ispunom na tamnoj pozadini.