Sketchi õpetus - saa UI- ja UX-disaineriks.

Typograafia rakenduste disainis – fondid optimaalselt kasutada

Kõik õpetuse videod Sketchi õpetus - saa UI ja UX disaineriks.

Kasutajakogemusele avaldab otsustavat mõju rakenduses kasutatavate fondide valik. Fondid ei ole mitte ainult puhtalt esteetilised elemendid, vaid need mängivad olulist rolli teksti loetavuses ja arusaadavuses. Selles juhendis sukeldud sügavale typograafia maailma ja õpid vundamente ja parimaid praktikaid fondide kasutamiseks rakenduste disainis.

Olulisemad järeldused

Olulisimad aspektid rakendustes edukaks fondikujunduseks on:

  • Fookus asetada põhiteksti peale.
  • Fondihäälte suurus peab olema vahemikus 15 kuni 25 pikslit.
  • Kasutage sobivat ridade vahe, ideaaljuhul vahemikus 120% kuni 145% fondihäälte suurusest.
  • Ridade pikkus piirata 45 kuni 90 märgini.
  • Vältige süsteemifonde, et luua ainulaadne tunne.

Samm-sammult juhend

1. Typograafia aluste mõistmine

Alguses on oluline tutvuda fondide ümber olevate põhimõistetega. Baseline on joon, millel tähed seisavad. x-height kirjeldab väikeste tähtede kõrgust ja on fondihäälte suuruse kõige olulisem viidatud punkt. Lisaks on olemas ascender ja descender, mis määravad tähtede maksimaalsed kõrgused ja sügavused.

Tüpograafia rakenduse kujundamisel – fontide optimaalne kasutamine

Kernning on tähtede vahemaa, samas kui leading määrab teksti ridade kõrguse.

Tüpograafia rakenduste kujunduses – kirjastiilide optimaalne kasutamine

2. Viis reeglit hea typograafia jaoks

Juhul, kui soovid oma rakenduses lugemisõigust optimeerida, peaksid järgima viit põhireeglit. Esimene reegel ütleb, et fookus peaks olema peal põhiteksti. See tekst moodustab umbes 70 kuni 80% sinu rakenduse sisust, seetõttu on hea loetavus siin eriti oluline.

Tüüpograafia rakenduste disainis – fondid optimaalselt kasutada

Teine reegel puudutab Punkti Suurust. See peaks olema vahemikus 15 kuni 25 pikslit. Pealkirjade jaoks on suuremad fondihääled teretulnud, kuid põhiteksti ei tohi olla väiksem kui 15 pikslit.

3. Vahed ja ridade pikkus

Kolmas reegel puudutab ridade vahet, mis peaks olema vahemikus 120% kuni 145% fondihäälte suurusest. See tagab, et kasutaja saab teksti probleemideta lugeda, segamatult ridade vahel liikudes.

Neljas reegel käsitleb ridade pikkust, mis peaks olema vahemikus 45 kuni 90 märki. Seda soovitatakse, et minimeerida lugeja silmade liikumist ja muuta lugemisprotsessi sujuvamaks.

4. Süsteemifondide vältimine

Viies reegel ütleb, et mitte kasutada süsteemifonde. Valides individuaalsed fondid, loote ainulaadse ja atraktiivse disaini oma rakendusele.

5. Õigete fondide valimine

San Francisco on iOS-i vaikimisi fond ja on hea näide kaasaegsest rakendusfondist. Sa saad kasutada ka fonte nagu Helvetica, Roboto või Open Sans, mis kõik toetavad loetavust.

Tüübid rakenduse disainis – Fonts optimaalselt kasutada

Need fondid ei ole mitte ainult atraktiivsed, vaid ka laialdaselt levinud, mis muudab nende kasutamise rakenduste disainis loomulikuks.

6. Fondihäälte suuruse optimeerimine

Fondid tuleks kasutada hierarhiliste suurustega, et juhendada kasutajat läbi teksti. Põhiteksti jaoks on 15 kuni 19 pikslit optimaalne, samas kui pealkirjad peaksid olema vähemalt 20 pikslit suured.

Tüpo graafia rakenduse disainis – fondid optimaalselt kasutada

Veenduge, et kontrast teksti ja tausta vahel oleks piisavalt tugev, et tagada hea loetavus.

7. Fondinõudmised ja kaalumine

Fondide kaal peaks varieeruma, et tähistada erinevaid tekstitüüpe. Tavalise põhiteksti jaoks on soovitatav kasutada Regular kaalu, samas kui pealkirjad võivad olla esile tõstetud Bold või Semibold-ga.

Tüpograafia rakenduste kujunduses – fonte optimaalselt kasutada

Suurenenud fondihääled võimaldavad sul kasutada ka õhukesi fonte, mis siiski on hästi loetavad.

8. Typograafilised parimad praktikad

Kõrge kontrast teksti ja tausta vahel tagab suurema tähelepanu. Kasuta pealkirjade jaoks alati kõrget kontrasti, samas kui põhiteksti jaoks sobib tumedam hall.

Veenduge, et kõik tekstirea värvid oleksid kooskõlas ja harmoonilised, et luua ühtlane välimus.

9. Fondiressursside kasutamine

On olemas arvukalt veebiresursse, et leida sobiv fond. Veebilehed nagu Google Fonts või Adobe Typekit pakuvad suurt valikut fonte katsetamiseks ja valimiseks.

Tüpograafia rakenduste disainis – fontide optimaalne kasutamine

Pöördu ka selliste lehtede poole nagu fontstand.com või fs.com, et avastada veel rohkem inspireerivaid fonte.

Tüüpfikatsioon rakenduste disainis – fontide optimaalne kasutamine

Kokkuvõte – Fondid rakenduste disainis: alused ja parimad praktikad

Fondide valik ja rakendamine teie rakenduste disainis on kasutajakogemuse jaoks ülioluline. Järgige nimetatud reegleid ja valige fondid, mis on nii esteetiliselt meeldivad kui ka funktsionaalsed, et suurendada loetavust ja kasutaja sidumist.

Sageli Küsitud Küsimused

Mis on kernning?Kernning on tähtede vahemaa.

Kuidas peaks olema põhiteksti fondihäälte suurus?Põhiteksti fondihäälte suurus peaks olema vahemikus 15 kuni 25 pikslit.

Miks tuleks vältida süsteemifonde?Süsteemifondid võivad muuta disaini ühtekuuluvaks ja märkamatuks.

Milline ridade vahe on ideaalne?Ideaalne ridade vahe on 120% kuni 145% fondihäälte suurusest.

Millal tuleks rakendustes fonte muuta?Fonte tuleks kohandada vastavalt sisu ja teksti tähtsusele.