Tehdä ja ei ole tyypillistä
Koska niin paljon webissä saatavilla olevaa sisältöä on tekstiä, on tärkeää, että web-suunnittelijat ymmärtävät hyvän typografian perusperiaatteet. Tällaisen tiedon ansiosta suunnittelijat voivat kommunikoida tehokkaammin, minkä ansiosta he voivat luoda parempia malleja ja verkkosivuja, jotka ovat helppokäyttöisiä.
Kokeneemmille suunnittelijoille tekstin asettaminen voi tulla luonnollisesti, mutta juuri alkaville, olen päättänyt laatia luettelon perustarjoista ja ei. Tämän luettelon lisäksi opit vain perusteet, mutta voit myös käyttää sitä tarkistuslistaksi tulevien projektien parissa. Tässä tulee:
DO luoda typografisen hierarkian
Typografinen hierarkia voidaan luoda käyttämällä erilaisia menetelmiä, kuten kokoa, painoa, väriä ja kontrastia. Sen tarkoituksena on antaa sivujen rakenne ja ohjata käyttäjää sisällön kautta. Ilman selkeää hierarkiaa tekstistä tulee paljon vaikeampi skannaa ja siksi sitä on yleensä vaikeampi lukea. Katsokaa vain alla olevia esimerkkejä. Vasemmalla teksti on yksi koko ja yksi paino, joten otsikoiden ja kehon tekstin välillä on vaikea erottaa toisistaan. Samaan aikaan oikealla on sama sisältö mutta selkeä typografinen hierarkia, joten on paljon helpompaa erottaa eri elementit.
Tässä olen käyttänyt vain kokoa ja painoa hierarkian määrittämiseen, mutta parempien tulosten saamiseksi voit kokeilla myös värin ja kontrastin kokeilua.
ÄLÄ tee tekstiä liian pieneksi
Kaikilla ei ole 20-20-näkemystä, joten on tärkeää varmistaa, että kehosi teksti on riittävän suuri, jotta ihmiset voivat lukea mukavasti. Henkilökohtaisesti suosittelisin ei pienempi kuin koko 14pt.
Valitse sopiva fontti kehon tekstille
Toinen tärkeä tekijä kehon tekstin suhteen on luettavuus. Vaikka esimerkiksi Satisfy-tyyppinen kirjasintyyppi saattaa sopia käsintehtyyn muotoiluun, tämäntyyppisen kirjasintyypin käyttäminen kehon tekstissä vaikuttaa negatiivisesti käyttäjiisi. Tämä johtuu siitä, että on paljon vaikeampaa lukea kuin keskimääräinen serif tai sans-serif. Katso alla olevia esimerkkejä ja huomaat, kuinka paljon vaikeampaa aivosi on työskenneltävä, jotta saataisiin sanat vasemmalle verrattuna oikealla oleviin.
ÄLÄ käytä liian monta eri fonttia yhdellä sivulla
Palvelut, kuten Typekit ja Google Fonts, voivat antaa sinulle pääsyn tuhansille fonteille, mutta se ei tarkoita, että sinun tarvitsee käyttää niitä kaikkia. Kuten alla olevasta esimerkistä voi nähdä, ellei sitä ole tehty todella hyvin, useiden kirjasinten käyttäminen voi olla hyvin häiritsevää. Siksi suosittelen yleensä enempää kuin 2 tai 3.
Anna tekstihuoneesi hengittää
Puolet välilyönnillä kunkin viivan välillä voi vaikuttaa luettavuuteen, koska silmällä on vaikeaa seurata yhdestä rivistä toiseen. Tämä ongelma voidaan kuitenkin helposti ratkaista kasvattamalla linjan korkeutta, mutta varo, ettet liioitele sitä, liikaa tilaa voi myös vaikuttaa luettavuuteen kielteisellä tavalla.
ÄLÄ KOSKAAN käytä jatkuvasti kaikkien korkkien käyttöä
Ihmiset eivät ole tottuneet lukemaan suuria kappaleita tekstiä, jotka on asetettu kaikkiin korkkeihin, ja sen takia ihmisten on vaikeampi lukea. Ei vain sitä, mutta ihmiset usein liittävät kaikki lakit huutaen tai aggressiivisesti ja kun se tulee markkinoida kopiointi voi tulla täysin epäselväksi. Tästä johtuen on tärkeää miettiä, miten ja milloin aiot käyttää kaikkia korkkeja ja varmistaa, että käytät sitä maltillisesti.
Yritä rajoittaa kappaleita 40-60 merkkiä riviä kohden
Jos linja on liian pitkä, lukija vähitellen alkaa menettää tarkennuksensa ja voi usein olla vaikeuksia lukea yhdestä rivistä toiseen. Jos linja on liian lyhyt, se saa lukijan silmän kulkea liian usein, mikä häiritsee heidän rytmiä. Tämä voi myös saada heidät aloittamaan seuraavan rivin lukemisen liian nopeasti, aiheuttaen heitä kadottamaan edellisen rivin sanoja. Siksi ruudun tekstin optimaalinen viivan pituus sanotaan olevan noin 40-60 merkkiä riviä kohden.
ÄLÄ käytä suuria määriä keskitettyä tekstiä
Keskitetty teksti on vaikea lukea, koska tekstilohkon reunat ovat epätasaiset, minkä vuoksi on vaikeampi skannata, koska jokaisella rivillä on erilainen lähtökohta. Keskitettyjä tekstilohkoja on myös vaikea kohdistaa sivun muihin kohteisiin, ja niiden katsotaan usein olevan melko houkuttelevia. Tästä syystä, kuten kaikkien korkkien, on parasta käyttää keskitettyä tekstiä kohtuullisena, vaan valitaan vasemmanpuoleinen kohdistettu teksti vakiomuotoiseksi.
Varmista, että tekstin ja taustan välillä on riittävästi kontrastia
Kontrasti on toinen piirre, joka voi vaikuttaa luettavuuteen. Jos tekstin ja taustan välillä ei ole riittävää kontrastia, sisältö saattaa olla lukukelvoton.
Onko sinulla mitään lisättävää? Mitä vinkkejä antaisit uusien suunnittelijoiden juuri alkavan? Kerro meille kommentit.