Reikšmingas poveikis vartotojo patirčiai yra šriftų pasirinkimas tavo programėlėje. Šriftai nėra tik gryni estetinio elemento, jie žymiai prisideda prie teksto skaitomumo ir suprantamumo. Šiame tutorijale gilyn įeisi į tipografijos pasaulį ir išmoksi pagrindus bei geriausias praktikas šriftų naudojimui programėlės dizainui.
Svarbiausios įžvalgos
Svarbiausi aspektai sėkmingam šriftų dizainui programėlėse yra:
- Fokusas ant pagrindinio teksto.
- Šrifto dydį laikyti tarp 15 ir 25 pikselių.
- Naudoti tinkamą eilučių tarpus, idealiai tarp 120% ir 145% šrifto dydžio.
- Apriboti eilučių ilgį iki 45–90 simbolių.
- Vengti sistemos šriftų, kad sukurtum unikalią patirtį.
Žingsnis po žingsnio vadovas
1. Suprasti tipografijos pagrindus
Pirmiausia svarbu susipažinti su pagrindiniais terminais, susijusiais su šriftais. Pagrindinė linija yra linija, ant kurios stovi raidės. x-height apibūdina mažųjų raidžių aukštį ir yra svarbiausias orientyras šrifto dydžiui. Be to, yra ascender ir descender, kurie nustato maksimalų raidžių aukštį ir gylį.
Kernning yra atstumas tarp raidžių, tuo tarpu Leading apibūdina teksto eilučių aukštį.
2. Penkios taisyklės gerai tipografijai
Norėdamas optimizuoti skaitymo patirtį savo programėlėje, turėtum atsižvelgti į penkias pagrindines taisykles. Pirma taisyklė teigia, kad dėmesys turėtų būti skiriamas pagrindiniam tekstui. Šis tekstas sudaro apie 70–80% tavo programėlės turinio, todėl gera skaitomybė čia yra ypač svarbi.
Antroji taisyklė susijusi su Point Size. Šis dydis turėtų būti tarp 15 ir 25 pikselių. Antraštėms dažniausiai naudojami didesni šriftų dydžiai, tačiau pagrindinis tekstas neturėtų būti mažesnis nei 15 pikselių.
3. Tarpu ir eilučių ilgis
Trečioji taisyklė susijusi su eilučių tarpu, kuris turėtų būti tarp 120% ir 145% šrifto dydžio. Tai užtikrina, kad vartotojas galėtų skaityti tekstą be problemų, nenukrypdamas nuo eilučių.
Ketvirtoji taisyklė apima eilučių ilgį, kuris turėtų būti tarp 45 ir 90 simbolių. Tai rekomenduojama, kad sumažintum vartotojo akių judesių skaičių ir palengvintum skaitymo procesą.
4. Sistemos šriftų vengimas
Penkta taisyklė sako, kad neturėtum naudoti sistemos šriftų. Pasirinkus individualius šriftus, sukuriamas unikalus ir patrauklus dizainas tavo programėlei.
5. Teisingų šriftų pasirinkimas
San Francisco yra standartinis šriftas iOS ir tarnauja kaip geras modernios programėlės šrifto pavyzdys. Taip pat gali naudoti šriftus, tokius kaip Helvetica, Roboto ar Open Sans, kurie visi skatina skaitomumą.
Šie šriftai yra ne tik patrauklūs, bet ir plačiai naudojami, todėl jų taikymas programėlių dizainuose yra logiškas pasirinkimas.
6. Šrifto dydžio optimizavimas
Šriftai turėtų būti naudojami hierarchiniuose dydžiuose, kad vartotojas galėtų sekti tekstą. Pagrindiniam tekstui 15–19 pikselių yra optimalus, tuo tarpu antraštės turėtų būti bent 20 pikselių dydžio.
Atkreipk dėmesį, kad kontrastas tarp teksto ir fono būtų pakankamai stiprus, kad būtų užtikrinta gera skaitomybė.
7. Šriftų reikalavimai ir svoris
Šrifto svoris turėtų kisti, kad būtų pažymėti įvairūs teksto tipai. Pagrindiniam tekstui tinka Regular svoris, o antraštėms galima naudoti Bold arba Semibold.
Didesni šriftų dydžiai leidžia naudoti ir plonesnius šriftus, kurie vis tiek lieka gerai skaitomi.
8. Tipografinės geros praktikos
Aukštas kontrastas tarp teksto ir fono suteikia didesnį dėmesį. Antraštėms visada naudok didelį kontrastą, o pagrindiniam tekstui tinka ir tamsiai pilka spalva.
Įsitikink, kad visi tekstai yra spalviškai suderinti ir harmoningai atrodo, kad sukurtum nuoseklų įvaizdį.
9. Šriftų išteklių naudojimas
Yra daugybė internetinių išteklių, kur galima rasti tinkamą šriftą. Svetainės, tokios kaip Google Fonts ar Adobe Typekit, siūlo didelį pasirinkimą šriftų eksperimentavimui ir pasirinkimui.
Taip pat kreipkis į tokias svetaines kaip fontstand.com arba fs.com, kad atrastum daugiau inspiruojančių šriftų.
Santrauka – Šriftai programėlių dizainui: Pagrindai ir geriausios praktikos
Šriftų pasirinkimas ir taikymas tavo programėlės dizainui yra lemiamas vartotojo patirčiai. Laikykis paminėtų taisyklių ir pasirink šriftus, kurie būtų tiek estetiškai patrauklūs, tiek funkciškai naudingi, kad padidintum skaitomumą ir vartotojų įsitraukimą.
Dažniausiai užduodami klausimai
Kas yra Kernning?Kernning yra atstumas tarp raidžių.
Koks turėtų būti šrifto dydis pagrindiniam tekstui?Šrifto dydis pagrindiniam tekstui turėtų būti tarp 15 ir 25 pikselių.
Kodėl reikia vengti sistemos šriftų?Sistemos šriftai gali padaryti dizainą vienodą ir nepastebimą.
Koks yra idealus eilučių tarpas?Idealus eilučių tarpas yra tarp 120% ir 145% šrifto dydžio.
Kada šriftai turėtų būti keičiami programėlėje?Šriftai turėtų būti pritaikyti atsižvelgiant į turinį ir teksto svarbą.
