Typografia ei ole koriste. Se on rakenne. Kun otat typografian liiketoimintataidoksi, arvaat vähemmän kalliisti ja rakennat sivuja, jotka ohjaavat ihmiset toimimaan.
Typografian virheitä ovat liian monet fontit, heikko kontrasti ja keskitetyt pitkät kappaleet. Tässä luvussa kerrotaan selkokielellä, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten voit käyttää tietoa ilman ammattisanaston viidakkoa. Näet myös, miten typografian säännöt kuuluvat samaan kokonaisuuteen. Käydään se läpi vaihe vaiheelta.
Millaisia typografian virheet ovat
Typografian virheitä ovat liian monet fontit, heikko kontrasti ja keskitetyt pitkät kappaleet.
Kirjasinongelmien korjaaminen on usein halvempaa kuin uudet valokuvat tai asettelun täysremontti.
Fonttien luettavuuden ongelmat näkyvät ensin puhelimissa kirkkaassa auringonvalossa.
Mitä korjata ensin
Tee tänään viiden minuutin kirjasinkatselmus etusivullesi ja yhteystietosivullesi.
Ota sivustasi kuvakaappaus puhelimella ja tietokoneella ja merkitse kolme ensimmäistä kohtaa, jotka hämmentävät tai hidastavat sinua.
Käytä lukua mitä on typografia tarkistuslistana, kun käyt parannuksia läpi.
Käytännön tarkistuslista tälle päivälle
Tee tänään viiden minuutin kirjasinkatselmus etusivullesi ja yhteystietosivullesi.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö typografian virheet jo ensimmäisellä vierityksellä puhelimessa. Jos näkyvät, järjestä osiot uudelleen ennen kuin hiot yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta opit, mikä muutos auttoi typografiassa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta typografian säännöt pysyvät samoina uusillakin sivuilla.
Valitse tälle kuukaudelle yksi seurattava mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin ulkoasun muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin rajoittuvat yhteen sivuun. Fonttien luettavuuden ongelmat näkyvät ensin puhelimissa kirkkaassa auringonvalossa.
Some-julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa ajautua erilleen, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Lue serif vai sans serif, niin voit verrata muistiinpanojasi tämän osion toiseen lukuun.
Kirjasinongelmien korjaaminen on usein halvempaa kuin uudet valokuvat tai asettelun täysremontti.
Kysymykset, jotka jäävät usein huomaamatta
Lisähakusanat, kuten typografian säännöt ja fonttien luettavuus, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Fonttien luettavuuden ongelmat näkyvät ensin puhelimissa kirkkaassa auringonvalossa.
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 virheistä, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, joilla visuaaliset päivitykset käyvät helpommin
Moniin asettelun ja tyylin ongelmiin et tarvitse omaa koodia. Visuaalisella editorilla säädät välejä, värejä ja kirjasimia ja esikatselet samalla puhelin- ja tietokonenäkymää.
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 brändifontti ja mitä on typografia, jotta osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva näkökulma typografian virheisiin. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin mitä on typografia ja serif vai sans serif, niin vauhti säilyy tässä osiossa.
Typografian virheiden välttäminen on taito, joka kehittyy vähitellen. Palaa tähän lukuun, kun olet tehnyt yhden parannuksen, jotta ajatukset siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset toimivat paremmin kuin kaikkien sääntöjen ahtaminen kerralla. Kirjaa muistiin, mikä toimi yleisöllesi, niin seuraava päivitys sujuu nopeammin.
Usein kysytyt kysymykset
Kauanko typografian virheiden korjaaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamalla keskittyneellä kerralla, kun soveltavat tämän luvun perusasioita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan typografian virheiden korjaamiseen?
Suunnittelijasta on apua isoissa brändiuudistuksissa, mutta moni typografian virhe on helppo korjata itse, kun tiedät, mitä katsoa. Lue tämän luvun rinnalla brändifontti, niin saat aiheesta lisää.
Voiko WEMASY auttaa typografian virheiden korjaamisessa 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 typografian virheiden korjaamisessa?
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 mitä on typografia seuraavaa parannusta varten.
Miten typografian virheet 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 virheiden jälkeen?
Jatka tämän kirjan luvuilla brändifontti ja mitä on typografia, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.