Pientä harmaata tekstiä sekavalla taustalla. Silmät väsyvät jo ennen ensimmäisen lauseen loppua. Siksi fonttityypit ovat tärkeitä brändillesi. Kun asettelu ja värit vievät huomion viestiltä, ihmiset poistuvat kertomatta syytä.
Fonttityyppejä ovat serif, sans serif, slab, käsinkirjoitettu ja koristefontit. Tässä luvussa kerrotaan yksinkertaisesti, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman ammattisanoja. Näet myös, miten serif- ja sans serif -valinta liittyy samaan kokonaisuuteen. Edetään vaihe vaiheelta.
Fonttityyppien ydinasiat
Fonttityyppejä ovat serif, sans serif, slab, käsinkirjoitettu ja koristefontit.
Kun tunnet fonttityypit, osaat valita otsikoille ja logoille sopivan sävyn.
Serif vai sans serif on ensimmäinen jako, jota useimmat yrityssivustot pohtivat.
Näin viet asian käytäntöön
Älä käytä käsinkirjoitettuja tai koristefontteja pitkissä leipätekstikappaleissa.
Tutustu lukuihin typografian säännöt ja Google Fonts verkkosivustoille, niin yhdistät tämän aiheen osion muihin lukuihin.
Pienet, johdonmukaiset parannukset ovat parempia kuin satunnaiset täysuudistukset, kun vasta opettelet.
Käytännön tarkistuslista tälle päivälle
Älä käytä käsinkirjoitettuja tai koristefontteja pitkissä leipätekstikappaleissa.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö fonttityypit oikein valittuina jo ensimmäisellä vierityksellä puhelimessa. Jos eivät, järjestä osiot uudelleen ennen kuin hiot yksityiskohtia.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen, niin opit, mikä muutos auttoi fonttityyppien kanssa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta serif- ja sans serif -valinta pysyy samana uusillakin sivuilla.
Valitse tälle kuukaudelle yksi seurattava mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin ulkoasun muutokset liittyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä koske vain yhtä sivua. Serif vai sans serif on ensimmäinen jako, jota useimmat yrityssivustot pohtivat.
Some-julkaisujesi, sähköpostiesi ja painotuotteidesi kannattaa toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa karata, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Lue typografian virheet, niin voit verrata muistiinpanojasi tämän osion toiseen lukuun.
Kun tunnet fonttityypit, osaat valita otsikoille ja logoille sopivan sävyn.
Kysymykset, jotka jäävät usein huomaamatta
Lisähakusanat, kuten serif vai sans serif ja mitä on typografia, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin käytäntöihin.
Serif vai sans serif on ensimmäinen jako, jota useimmat yrityssivustot pohtivat.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla julkaistulla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto fonttityypeistä, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, joilla visuaaliset päivitykset sujuvat helpommin
Moniin asettelun ja tyylin ongelmiin et tarvitse omaa koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja kirjasimia ja esikatsella samalla puhelin- ja tietokonenäkymää.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista vielä typografian säännöt ja Google Fonts verkkosivustoille, niin osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva näkökulma fonttityyppeihin. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin Google Fonts verkkosivustoille ja typografian virheet, niin vauhti säilyy tässä osiossa.
Fonttityyppien hallinta on taito, joka kasvaa vähitellen. Palaa tähän lukuun, kun olet viimeistellyt yhden parannuksen, jotta ajatukset muuttuvat lukemisesta tavaksi. Pienet toistuvat tarkistukset voittavat sen, että yrität oppia kaikki säännöt kerralla. Kirjaa muistiin, mikä toimi yleisöllesi, niin seuraava päivitys on nopeampi.
Usein kysytyt kysymykset
Kauanko fonttityyppien oppiminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työvaiheessa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan fonttityyppien valintaan?
Suunnittelija auttaa monimutkaisissa brändiuudistuksissa, mutta moni fonttityyppeihin liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Lue tämän luvun rinnalla typografian säännöt, niin saat aiheesta lisää.
Voiko WEMASY auttaa fonttityyppien käytössä verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit säätää asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset puhelimella.
Mikä on yleisin virhe fonttityyppien kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi tärkein asia, kuten luettavuus tai kontrasti, ja katso sitten Google Fonts verkkosivustoille seuraavaa parannusta varten.
Miten fonttityypit liittyvät SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät pidempään sivulla, mikä tukee merkkejä, joita hakukoneet seuraavat. Yhdistä ulkoasun korjaukset toimivaan sisältörakenteeseen, niin tulos on paras.
Mitä kannattaa lukea seuraavaksi fonttityyppien jälkeen?
Jatka tämän kirjan luvuilla typografian säännöt ja Google Fonts verkkosivustoille, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.