Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse.

Loetavusest ja fondivalikutest

Fondi valik on kriitilise tähtsusega. Teie süsteemis võib olla palju fondivalikuid, kuid ainult vähesed valivad selle ekraanil lugemiseks edukaks valikuks. Mõned omadused, mida fondivalikus otsida, on järgmised:

• Seriif või mitteseriif? Alt näete ülaosas serif-stiilis fondiperekonda ja all serif-stiilis fondiperekonda. Serifidel on väike projektsioon, mis lõpetab tähe joone. Sans serif seevastu ei oma seda kerget projektsiooni. Sans serif kirjatüübid näevad välja moodsamad ja on populaarne valik interaktiivsete rakenduste ja veebisaitide jaoks. Varem usuti, et serifidega fondiperekondi on suure hulga teksti korral lihtsam lugeda. Silmajälgimisseadmetega tehtud testid on tõestanud, et serifi või ilma serifi loetavuse osas pole olulisi erinevusi, seega võite vabalt valida kumbki stiili, kui pöörate tähelepanu mõnele muule järgnevale fondiomadusele.

  Serif-kirjatüüp ülaosas, sans-serif all.

• Sirged, ühtlased joonelaiused: kuna teie tüüp luuakse pikslitest, on parem, kui teksti laius ei muutu palju. Pikslite eelvaates näete erinevust varieeruva laiuse (ülaosa) ja laiusega ühtse fondi vahel.

  Ülemisel kirjatüübil on erinevusi fondi loovate paksude ja õhukeste joonte vahel; alumine font on ühtlane ja ekraanil hõlpsamini loetav.

• Tugevad loendurid: loendurid on augud, mida näete selliste tähtedega nagu "O", "B" ja "R". Pöörake tähelepanu sellele, kui suured need loendurid on, kuna need võivad põhjustada ka loetavuse probleeme, kui need ekraanil pikslitena kuvamisel sulguvad. Ilmub kahe erineva fondiperekonna pikslivaade; vaadake, kuidas loendurid üksteisega võrreldes välja näevad.

  Otsige oma fondipere valikust tugevaid avatud loendureid.

• Laskumisalused ja mütsi kõrgus: lühikesed laskurid ja madalad mütsikõrgused on olulised ekraanil loetavuse jaoks. Ülaosas näete lühikeste laskumiste ja madala kõrgusega fondiperekonda; allosas pikkade laskuvate ja kõrgete mütsikõrgustega font.

  Lühikeste laskuvate ja madala kõrgusega fondiperekonda on tavaliselt ekraanil lihtsam lugeda.

Fondipere valimine

Nüüd, kui teate, mis muudab loetavuse jaoks parema fondivaliku, kasutage selle valimiseks paneeli Atribuudid. Valiku tegemisel tuleb tähelepanu pöörata järgmistele asjadele:

• Fondipere: kui olete ekraanile teatud tüübi sisestanud, saate selle valida ja valida paneeli Atribuudid jaotises Tekst rippmenüü Fondipere. Kui teate soovitud fonti, alustage lihtsalt fondi nime tippimist fondipere tekstikasti ja kui see on teie süsteemis, leitakse see teie loendist.

  Ärge unustage, et teil on Adobe TypeKiti kaudu saadaval fondid.

• Fondi kaal: pärast fondipere valimist saate valida raskuse rippmenüüst Font Weight. Sõltuvalt teie süsteemis olevatest fontidest on teil erinevad fondi kaalu valikud.

  Valige fondipere ja fondi kaal.

• Fondi suurus: saate lihtsalt sisestada fondi suuruse tekstikasti Fondi suurus, kuid kui te pole kindel, milline suurus sobib kõige paremini, võite asetada kursori fondi suuruse tekstikasti alla ning klõpsata ja lohistada. Enne lohistamist otsige üles kahe otsaga nool. Üles lohistamine vähendab suurust; allapoole suurendab suurust.

  Kirja suuruse visuaalseks muutmiseks klõpsake ja lohistage.

• Joondus: saate muuta valitud teksti väärtuseks Joonda vasakule, keskele või paremale, kasutades joondusnuppe paneeli Atribuudid jaotises Tekst.
• Tähemärkide vahe: märkide vahe viitab märkidevahelisele tühikule. Seda nimetatakse jälgimiseks . Siin näete tähemärkide vahe suurendamise tulemust.

  Tähemärgid tavaliste vahedega, seatud väärtusele 0 (null) ja seejärel väärtusele 150.

Pange tähele, et märgivahede visuaalseks muutmiseks saate kasutada sama klõpsamise ja lohistamise tehnikat, mis on saadaval tekstikastis Fondi suurus.

Samuti saate klõpsates ja lohistades visuaalselt muuta märgivahe suurust.

• Line kõrgus: Line kõrgus on juhtiv , ruumi vahel tekstirida. Sellel võib teabe kujundamisel olla oluline roll, seega veenduge, et kasutate seda järjepidevalt kogu kujunduse vältel. Samuti saate asetada kursori tekstikasti Line Height alla ning klõpsata ja lohistada üles või alla, et vähendada ja suurendada joone kõrgust.
• Värv: muutke täitevärvi, klõpsates paneelil Atribuudid valiku Täitevärv kõrval olevat kasti. Teete seda ülesannet samamoodi nagu mis tahes kujuga. Valige kast Täida ja valige värvivalijast värv. Teksti läbipaistvuse saate valida ka värvivalija paremal asuvalt läbipaistvuse slaidilt.
• Ääris: äärise rakendamine muudab teie teksti jooneks. See ei ole soovitatav, kuna see võib põhjustada loetavuse probleeme. Kasutage seda säästlikult ja võib-olla ainult eriefektide jaoks. Alloleval pildil on näide suuremast kirjatüübist, millel on õhuke joon ja valge täidis tumedamal taustal. Sellises olukorras võiks ääris töötada, kuid mitte väiksema tekstiga.

  Väike valge täidisega ääris tumedal taustal.