Veebikujunduse arutelu: kas ma tõesti pean kasutama Sans Serif-fonte?
Seal on juba pikka aega olnud teooria, et serifi kirjatüübid on trükitud projektide jaoks ja sans-serifid veebisaidi kujundamiseks. Kuid rohkemate kõrglahutusega ekraanide ja saadavalolevate suurepäraste tüüpi valikute korral pole see reegel enam niivõrd reegel.
Ükskõik, kas eelistate serife või sans-serife (või nende kahe kombinatsiooni), peaksid digitaalse disaini projektide kirjatüüpide valimisel peamised eesmärgid olema loetavus ja loetavus. Lihtne, peate valima ekraanilt teravad ja hõlpsasti loetavad fondid. Osa sellest on seotud kasutamisega, näiteks teksti suuruse ja paigutusega, ning seejärel teie valitud kirjastiili stiiliga.
Juhtum Sans Serifi jaoks
Tõenäoliselt on palju teid, kes pole siinse eeldusega juba rahul. Olete üsna kindel, et sans-serifid on veebisaidi kujundamisel kõige paremad. Ja see võis tõsi olla paar aastat tagasi.
Veel on mõned korrad ja kohti, kus üldiselt eelistatakse sans-serife:
- Madala eraldusvõimega ekraanide jaoks
- Uutele lugejatele, näiteks lastele
- Palju värve või madala kontrastsusega mustrid
- Tekst, mis on erakordselt väike või kitsas
Sisestage HD-kuvarid
Üks suurimatest müütidest, mille puhul öeldakse, et te peate veebisaidi kujundamisel kasutama sans serif-kirjatüüpe, on kõrglahutusega ekraanide ilmumine. Rohkem punkte ekraani tolli kohta korreleerub rikkama detailiga kõige jaoks, kaasa arvatud tüpograafia.
Mõelge sellele nii. Paljude e-lugerite ja tahvelarvutite raamatud on seatud serif-kirjatüüpidega. Ja neid on täiesti lihtne mõista. Selle põhjuseks on asjaolu, et ekraani eraldusvõime on piisavalt terav, et trükitähtede jooni ja lööke käsitleda.
Juba 2012. aastal märkis kasutajakogemusele, teadusuuringutele ja koolitusele keskendunud Nielsen Normani kontserni esindaja Jakob Nielsen, et paremad ekraanid muudavad veebisaitide kujundamise tüpograafiajuhiste maastikku. Siin on selle uuringu järeldus:
„Online-tüüpi tüpograafia vana kasutatavusjuhend oli lihtne: pidage kinni sans-serif-kirjatüüpidest. Kuna arvutiekraanid olid serifide korrektseks renderdamiseks liiga ebameeldivad, põhjustas serifitüübi proovimine kehateksti suuruse korral uduseid tähtkujusid. …
„Kahjuks pole uus suunis nii selge kui vana. Loetavuse uurimine on ebaselge selles osas, kas serifi fondid on tõesti paremad kui sans serif.
„Peaaegu kõik tavapärased trükitud ajalehed, ajakirjad ja raamatud kasutavad serifi tüüpi ja seega on inimesed harjunud selles stiilis pikki tekste lugema. Uurimisandmeid arvestades on serifi ja sans-serifi lugemiskiiruse erinevus ilmselt siiski üsna väike. Seega ei ole ühe või teise kasutamise kasuks kindlaid juhiseid, nii et saate valiku teha muude kaalutluste põhjal - näiteks kaubamärgi kujundamine või konkreetse tüpograafilise stiili edastatud meeleolu. ”
Kuid tegelikult hakkame alles nüüd disainerid seda ideed omaks võtma.
Loetavus
Loetavus on võime hõlpsasti lugeda. Loetavust soodustavad mitmed tegurid, sealhulgas sisu huvitavus (või mitte) ja kuidas see tekstplokkina kokku tõmmates tegelikult välja näeb. Viimane on see, mis meid tüpograafia osas tegelikult huvitab.
Üldiselt saate seda silmamuna teha, kui tegemist on esteetika ja loetavusega. Kas oskate öelda, mida veebisait üritab vaid pilguga suhelda? Kui jah, siis on see loetav.
On mitmeid loetavusriistu, mille abil saate kindlaks teha, kui hästi teie tekst on loetav. Ehkki loetavuse taga pole täpset teadust, on need tööriistad heaks alustamiseks.
- Loetavustesti tööriist: sisestage URL ja testige teksti loetavust.
- Loetavuse skoor: sisestage tekst ja saate hinde vastavalt teksti loetavusele.
- Loetavus: muudab iga veebisaidi puhta lugemisvaateks.
Loetavus
Loetavus viitab kirja kvaliteedile ja sellele, kas see on piisavalt selge ja selgesti loetav. Hea tüpograafiat peaks olema kerge vaevata lugeda. Kirjatüübi valik on otseselt seotud loetavusega. (Mõelge käekirjale ja sellele, kuidas seda loetavaks nimetatakse või mitte; see on täpselt sama asi digitaalsete tähtedega.)
Loetavuse osas peab iga täht olema teistest tähtedest selgesti eristatav. Toetavad tegurid hõlmavad kõike alates paksude ja õhukeste, pikkade ja lühikeste tähtede tegelikust kujust, servadest ja serifide või muude kaunistuste kasutamisest.
Üldreeglina on kõige loetavamatel kirjatüüpidel ümaramad, eristatavad tähemärgid; suuremad x-kõrgused; piisav ja järjepidev tähtede vahe; ja lihtne olemus.
Kirjatüübi valimise näpunäited
Kas olete juba müüdud oma järgmise veebisaidi kujundusprojekti jaoks sans serif-tüüpi kirjatüüpi proovimiseks? Siin on mõned näpunäited parima sans-serif-valiku valimiseks.
- Erinevate tähtvormide valimine: astuge ekraanilt tagasi ja vaadake valitud kirjatüüpi. Kas saate hõlpsalt üksikuid kirju välja kirjutada? Selgete tähtvormidega kirjatüübi valimine hõlbustab lugemist mis tahes ekraanisuurusel, eriti väikestel või väga suurtel ekraanidel.
- Valige keskmine kaal: tavalise käigulaiusega kirjatüübid. Liiga paksud või liiga õhukesed kirjatüübid - kas mäletate poleemikat Apple'i iOS 7-ga? - võib olla raske lugeda. Keretekstide jaoks püsige keskmise ja universaalse löögikaaluga kuskil keskel. Paksude ja õhukeste löökide vaheldumine võib põhjustada ka probleeme.
- Otsige kvaliteetseid kirjatüüpe: veebi mis tahes vana fondi laadimine ei pruugi põhjustada projektidele vajalikku teravust. Püsige mainekas pakkuja kirjatüübis. Ja vaadake seda tähelepanelikult ekraanil. Kas saate seda puhuda kuni 200 või 500 korda tegelikust suurusest ja saada ikkagi hea renderdus? Selliste tööriistade nagu Adobe Typekit ja Google Fonts abil on veebi jaoks saadaval suur hulk kirjatüüpe, mis näevad suurepärased välja ja aitavad luua teie projektile eripärase tunde. Kuigi te ei saa trükitud ja digitaalsete projektide kirjatüüpe alati täpselt kokku sobitada, otsige samasuguse väljanägemise ja stiiliga stiili, et rõhutada oma kaubamärgi järjepidevust.
- Dekoratiivseid fonte tuleks kasutada säästlikult: Ornate-kirjatüübid võivad olla suurepäraseks täienduseks projektidele, kuid kasutage neid tahtlikult ja eesmärgipäraselt. (Neil puudub sageli loetavus või loetavus.)
- Otsige erinevaid tüüpi valikuid: valige kirjatüüp, mis pole nii igav. Valige tugeva perekonna kirjatüüp, kus on palju kaalu ja võimalusi, näiteks paks, kaldkiri või lühendatud variant.
- Valige sobiv meeleolu: hoolimata valitud kirjastiilist, veenduge, et see vastaks teie projekti meeleolule. Seal on palju tegureid. Lisateavet nende kohta leiate eelmisest Design Shacki artiklist.
- Segamine ja sobitamine: kasutage sama kujunduse serifide ja sans-serifide kombinatsioone, mille üks stiil on päise ja teine kere jaoks. Kuid proovige teha vastupidist sellele, mida võite oodata. Suurema teksti, näiteks pealkirjade jaoks kasutage sans serifi ja kehateksti jaoks serif.
Järeldus
Kuidas arvate sans-serif-kirjatüüpide kasutamist veebis? Kas olete valmis seda proovima? Selle artikli näited näitavad, et suurepärane veebitüpograafia ei pea olema sans serif.
Klõpsake kindlasti näiteid ja linke, et saada tõepoolest hea tunne, kuidas disainerid kasutavad serifi kirjatüüpe mitmel viisil ja suure eduga.
