Tekstin ominaisuuksien säätäminen Adobe XD:ssä

Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, miten näitä ominaisuuksia käytetään.

Tietoja luettavuudesta ja fontin valinnoista

Fontin valinta on ratkaisevan tärkeää. Järjestelmässäsi voi olla monia fonttivaihtoehtoja, mutta vain harvat valitsevat sen onnistuneeksi valinnaksi näytöllä lukemiseen. Joitakin fonttivalinnassasi huomioitavia ominaisuuksia ovat seuraavat:

• Serif vai ei-serif? Alla näet kirjasinperheen serif-tyylillä ylhäällä ja yhden sans serif-tyylillä alhaalla. Serifeissä on pieni ulkonema, joka päättää kirjaimen vedon. Sans serifillä ei toisaalta ole tuota pientä projektiota. Sans serif -kirjasintyypit näyttävät yleensä nykyaikaisemmilta ja ovat suosittu valinta interaktiivisissa sovelluksissa ja verkkosivustoissa. Aiemmin uskottiin, että kirjasinperheet, joissa oli serifejä, olivat helpompia lukea, kun tekstiä oli paljon. Silmänseurantalaitteilla tehdyt testit ovat osoittaneet, ettei serifin ja sans-serifin välillä ole suuria eroja luettavuudessa, joten voit vapaasti valita jommankumman tyylin, kunhan kiinnität huomiota joihinkin muihin seuraaviin kirjasinominaisuuksiin.

  Yläosassa serif-kirjasin, alaosassa sans-serif.

• Suorat, tasaiset viivanleveydet: Koska tekstisi luodaan pikseleistä, on parasta, ettei tekstisi leveydellä ole paljon vaihtelua. Näet eron pikselien esikatselussa leveysvaihtelulla (ylhäällä) olevan fontin ja leveydeltään yhdenmukaisen fontin välillä.

  Ylimmässä fontissa on vaihtelua paksuissa ja ohuissa viivoissa, jotka luovat fontin; alempi fontti on johdonmukainen ja helpompi lukea näytöllä.

• Vahvat laskurit: Laskurit ovat reikiä, jotka näet kirjaimissa, kuten "O", "B" ja "R". Kiinnitä huomiota siihen, kuinka suuria laskurit ovat, sillä ne voivat myös aiheuttaa luettavuusongelmia, jos ne sulkeutuvat, kun ne näytetään pikseleinä näytöllä. Näkyviin tulee kahden eri kirjasinperheen pikselinäkymä; katso, miltä laskurit näyttävät kussakin verrattuna toisiinsa.

  Etsi vahvoja avoimia laskureita kirjasinperhevalikoimastasi.

• Laskeutumistelineet ja lippiksen korkeus: Lyhyet laskeutumiskohdat ja matalat korkkien korkeudet ovat tärkeitä luettavuuden kannalta näytöllä. Ylhäällä näet kirjasinperheen lyhyillä alaspäin ja matalalla korkilla; alareunassa kirjasin, jossa on pitkät alaosat ja korkeat lippalakit.

  Kirjasinperhe, jossa on lyhyitä alaosia ja matala kannen korkeus, on yleensä helpompi lukea näytöltä.

Fonttiperheen valitseminen

Nyt kun tiedät, mikä tekee fontin valinnasta paremman luettavuuden kannalta, valitse yksi Ominaisuudet-paneelista. Valintoja tehdessäsi on otettava huomioon seuraavat asiat:

• Fonttiperhe: Kun olet syöttänyt jonkin tyypin näytölle, voit valita sen ja valita Ominaisuudet-paneelin Teksti-osiossa avattavan Fonttiperhe-valikon. Jos tiedät haluamasi fontin, ala yksinkertaisesti kirjoittaa fontin nimeä Font Family -tekstiruutuun, ja jos se on järjestelmässäsi, se löytyy luettelostasi.

  Älä unohda, että sinulla on käytettävissäsi fontteja Adobe TypeKitin kautta.

• Fontin paino: Kun olet valinnut kirjasinperheen, voit valita painon avattavasta Fontin paino -valikosta. Järjestelmässäsi olevista fonteista riippuen sinulla on erilaisia ​​fonttipainovaihtoehtoja.

  Valitse kirjasinperhe ja fontin paino.

• Fonttikoko: Voit kirjoittaa fontin koon Fonttikoko-tekstiruutuun, mutta jos et ole varma, mikä koko toimii parhaiten, voit sijoittaa kohdistimen Fonttikoko-tekstiruudun alle ja napsauttaa ja vetää. Etsi kaksipäinen nuoli ennen kuin vedät. Vetäminen ylöspäin pienentää kokoa; alas kasvattaa kokoa.

  Napsauta ja vedä muuttaaksesi kirjasinkokoa visuaalisesti.

• Tasaus: Voit muuttaa valitun tekstin tasaiseksi vasemmalle, keskelle tai oikealle käyttämällä Tasauspainikkeita Ominaisuudet-paneelin Teksti-osiossa.
• Merkkivälit: Merkkien välit viittaavat merkkien väliseen väliin. Tämä tunnetaan nimellä seuranta . Tässä näet tuloksen merkkien välisen välin lisäämisestä.

  Merkit normaalivälillä, asetettu arvoon 0 (nolla) ja sitten arvoon 150.

Huomaa, että voit käyttää samaa napsauttamalla ja vetämällä -tekniikkaa, joka on käytettävissä Fonttikoko-tekstiruudussa, muuttaaksesi visuaalisesti merkkiväliä.

Voit myös visuaalisesti muuttaa merkkivälin kokoa napsauttamalla ja vetämällä.

• Rivin korkeus: Rivin korkeus on johtava , tekstirivien välinen tila. Tällä voi olla tärkeä rooli tiedon suunnittelussa, joten varmista, että käytät tätä johdonmukaisesti koko suunnittelun ajan. Voit myös sijoittaa kohdistimen Viivan korkeus -tekstiruudun alle ja napsauttaa ja vetää ylös tai alas vähentääksesi ja suurentaaksesi rivin korkeutta.
• Väri: Muuta täyttöväriä napsauttamalla Ominaisuudet-paneelin Täyttöväri-kohdan vieressä olevaa ruutua. Suoritat tämän tehtävän samalla tavalla kuin minkä tahansa muodon kanssa. Valitse Täytä-ruutu ja valitse väri Värivalitsimesta. Voit myös valita läpinäkyvyyden tekstillesi Värivalitsimen oikealla puolella olevasta Läpinäkyvyys-diasta.
• Reunus: Reunuksen lisääminen merkitsee tekstiäsi. Tätä ei suositella, koska se voi aiheuttaa luettavuusongelmia. Käytä sitä säästeliäästi ja ehkä vain erikoistehosteisiin. Alla olevassa kuvassa on esimerkki suuremmasta kirjasimesta, jossa on ohut viiva ja valkoinen täyttö tummemmalla taustalla. Tällaisessa tilanteessa reunus voisi toimia, mutta ei pienemmällä tekstillä.

  Pieni reunus valkoisella täytteellä tummalla taustalla.