Moni kävijä antaa sivulle noin seitsemän sekuntia, ennen kuin päättää jäädä tai lähteä. Tuona aikana visuaalisen suunnittelun periaatteet tekevät enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ansaitsee ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Visuaalisen suunnittelun periaatteet ovat käytännön sääntöjä tekstin, värien, kuvien ja tilan järjestämiseen näytöillä ja sivuilla. Tässä luvussa selitetään selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen ottaa käyttöön ilman, että hukkuu ammattikieleen. Näet myös, miten kysymys siitä, mitä on visuaalinen suunnittelu, liittyy samaan kuvaan. Käydään se läpi askel askeleelta.
Visuaalisen suunnittelun periaatteiden perusajatukset
Visuaalisen suunnittelun periaatteet ovat käytännön sääntöjä tekstin, värien, kuvien ja tilan järjestämiseen näytöillä ja sivuilla.
Ne tekevät verkkosivuista silmäiltäviä ja markkinointimateriaaleista helpommin luotettavia.
Suunnittelun elementit ja periaatteet toimivat yhdessä kuin ainekset ja resepti.
Näin otat tämän käyttöön
Käy etusivusi läpi korostuksen, kontrastin ja yhtenäisyyden kannalta, ennen kuin vaihdat värejä tai fontteja.
Tutustu lukuihin suunnittelun elementit ja periaatteet yhdessä ja mitkä ovat suunnittelun periaatteet, niin yhdistät tämän aiheen osion muuhun sisältöön.
Kun opettelet, pienet johdonmukaiset parannukset ovat parempia kuin satunnaiset täysuudistukset.
Käytännön tarkistuslista tämän päivän käyttöön
Käy etusivusi läpi korostuksen, kontrastin ja yhtenäisyyden kannalta, ennen kuin vaihdat värejä tai fontteja.
Kun tarkistat jotakin sivua, kysy, näkyvätkö visuaalisen suunnittelun periaatteet jo ensimmäisellä vierityksellä mobiilissa. Jos eivät, järjestä osiot uudelleen ennen kuin hiot yksityiskohtia.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen. Siten opit, mikä muutos auttoi visuaalisen suunnittelun periaatteissa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta kysymys siitä, mitä on visuaalinen suunnittelu, pysyy samana uusillakin sivuilla.
Valitse yksi mittari tälle kuulle, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin elävät vain yhdellä sivulla. Suunnittelun elementit ja periaatteet toimivat yhdessä kuin ainekset ja resepti.
Somejulkaisuissasi, sähköposteissasi ja painotuotteissasi tulisi toistua sama hierarkia, samat värit ja samat kirjasinsäännöt kuin verkossa.
Kun brändin ilme alkaa hajaantua, asiakkaat aistivat hienoisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: mitä on visuaalinen suunnittelu.
Ne tekevät verkkosivuista silmäiltäviä ja markkinointimateriaaleista helpommin luotettavia.
Kysymyksiä, jotka helposti jäävät huomaamatta
Lisähakusanat, kuten mitä on visuaalinen suunnittelu ja suunnittelun elementit ja periaatteet, auttavat löytämään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Suunnittelun elementit ja periaatteet toimivat yhdessä kuin ainekset ja resepti.
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 visuaalisen suunnittelun periaatteista, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tulee vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelun ja tyylin ongelmiin et tarvitse omaa koodia. Visuaalisessa editorissa säädät välejä, värejä ja typografiaa ja esikatselet samalla mobiili- ja pöytäkonenä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ä, katso vielä suunnittelun elementit ja periaatteet yhdessä ja mitkä ovat suunnittelun periaatteet, niin osio pysyy mielessäsi kokonaisuutena.
Sinulla on nyt toimiva näkökulma visuaalisen suunnittelun periaatteisiin. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin mitkä ovat suunnittelun periaatteet ja mitä on visuaalinen suunnittelu, niin pidät vauhdin yllä tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan visuaalisen suunnittelun periaatteiden parantaminen kestää?
Useimmat pienyritykset saavat selkeämmät sivut muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan visuaalisen suunnittelun periaatteiden kanssa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni visuaalisen suunnittelun periaatteisiin liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua suunnittelun elementit ja periaatteet yhdessä, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa visuaalisen suunnittelun periaatteiden soveltamisessa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla säädät asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset mobiilissa.
Mikä on yleisin virhe visuaalisen suunnittelun periaatteiden kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että korjaisivat yhden sivun kerrallaan. Valitse yksi ykkösasia, esimerkiksi luettavuus tai kontrasti, ja katso seuraavaa parannusta varten mitkä ovat suunnittelun periaatteet.
Miten visuaalisen suunnittelun periaatteet liittyvät SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee hakukoneiden seuraamia sitoutumissignaaleja. Yhdistä suunnittelukorjaukset vankkaan sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa oppia seuraavaksi visuaalisen suunnittelun periaatteiden jälkeen?
Jatka tässä kirjassa lukuihin suunnittelun elementit ja periaatteet yhdessä ja mitkä ovat suunnittelun periaatteet, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.