Moni kävijä antaa sivulle noin seitsemän sekuntia, ennen kuin päättää jäädä tai lähteä. Sinä aikana typografian säännöt tekevät enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys hankkii lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Typografian säännöt koskevat fonttien määrän rajaamista, yhtenäistä hierarkiaa ja riittäviä välejä. Tässä luvussa kerrotaan selkokielellä, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman ammattisanaston sotkua. Näet myös, miten typografia verkkosuunnittelussa liittyy samaan kokonaisuuteen. Käydään se läpi askel kerrallaan.
Typografian sääntöjen ydinasiat
Typografian säännöt koskevat fonttien määrän rajaamista, yhtenäistä hierarkiaa ja riittäviä välejä.
Säännöt suojaavat luettavuutta, kun sivustoasi päivittää useampi ihminen.
Verkkosuunnittelun typografia tuo mukanaan rajoituksia mobiilille ja latausnopeudelle.
Näin otat säännöt käyttöön
Tee yhden sivun kokoinen kirjasinkokojen asteikko ja jaa se kaikille, jotka julkaisevat sisältöä.
Tutustu lukuihin Google Fonts verkkosivustoille ja typografian virheet, niin liität tämän aiheen osion muihin lukuihin.
Pienet, tasaiset parannukset voittavat satunnaiset täysuudistukset, kun vasta opettelet.
Käytännön tarkistuslista, jota voit käyttää tänään
Tee yhden sivun kokoinen kirjasinkokojen asteikko ja jaa se kaikille, jotka julkaisevat sisältöä.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö typografian säännöt noudatettuina jo ensimmäisellä vierityksellä puhelimessa. Jos eivät, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi sääntöjen kanssa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta typografia verkkosuunnittelussa pysyy yhtenäisenä uusillakin sivuilla.
Valitse tälle kuukaudelle yksi seurattava mittari, kuten sivulla vietetty aika tai lomakkeen aloitukset. Silloin ulkoasun muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin rajoittuvat yhteen sivuun. Verkkosuunnittelun typografia tuo mukanaan rajoituksia mobiilille ja latausnopeudelle.
Some-julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi noudattaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat tuntevat hienovaraisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Lue brändifontti, niin voit verrata muistiinpanojasi tämän osion toiseen lukuun.
Säännöt suojaavat luettavuutta, kun sivustoasi päivittää useampi ihminen.
Kysymykset, jotka usein unohtuvat
Lisähakusanat, kuten typografia verkkosuunnittelussa ja fonttien yhdistäminen, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Verkkosuunnittelun typografia tuo mukanaan rajoituksia mobiilille ja latausnopeudelle.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto typografian säännöistä, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelun ja tyylin ongelmiin ei tarvita omaa koodia. Visuaalisella editorilla säädät välejä, värejä ja kirjasimia ja esikatselet samalla puhelin- ja tietokonenäkymiä.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pikkusäädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista uudelleen Google Fonts verkkosivustoille ja typografian virheet, jotta osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva näkökulma typografian sääntöihin. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin typografian virheet ja brändifontti, niin vauhti säilyy tässä osiossa.
Typografian sääntöjen oppiminen on taito, joka kehittyy vähitellen. Palaa tähän lukuun, kun olet toteuttanut yhden parannuksen, jotta ajatukset siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset toimivat paremmin kuin kaikkien sääntöjen ahtaminen kerralla. Pidä muistiinpanoja siitä, mikä toimi yleisöllesi, niin seuraava päivitys sujuu nopeammin.
Usein kysytyt kysymykset
Kauanko typografian sääntöjen oppiminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamalla keskittyneellä kerralla, kun käyttävät tämän luvun perusasioita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan typografian sääntöihin?
Suunnittelijasta on apua isoissa brändiuudistuksissa, mutta moni typografian sääntöihin liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Lue tämän luvun rinnalla Google Fonts verkkosivustoille, niin saat aiheesta lisää.
Voiko WEMASY auttaa typografian sääntöjen käyttöönotossa 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 muutoksia puhelimessa.
Mikä on yleisin virhe typografian säännöissä?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät sivu kerrallaan. Valitse yksi tärkein asia, esimerkiksi luettavuus tai kontrasti, ja katso sitten typografian virheet seuraavaa parannusta varten.
Miten typografian säännöt 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 typografian sääntöjen jälkeen?
Jatka tämän kirjan luvuilla Google Fonts verkkosivustoille ja typografian virheet, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.