Väri ei ole koriste. Se on rakennetta. Kun käsittelet aihetta värimaailmaa liiketoimintataitona, teet vähemmän kalliita arvauksia ja rakennat sivuja, jotka ohjaavat ihmiset toimintaan.
Värimaailma on suunniteltu joukko sävyjä, joita käytetään koko suunnittelussa sopusoinnun luomiseksi. Tässä luvussa selitetään selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sitä sovelletaan ilman, että eksyt ammattikieleen. Näet myös, miten väriyhdistelmien valinta sopii samaan kokonaisuuteen. Käydään asia läpi askel askeleelta.
Mitä värimaailma tarkoittaa käytännössä
Värimaailma on suunniteltu joukko sävyjä, joita käytetään koko suunnittelussa sopusoinnun luomiseksi.
Yhtenäinen värimaailma saa verkkosivustot ja kampanjat tuntumaan yhdeltä brändiltä.
Värympyrän avulla löydät nopeammin värimaailman, joka tasapainottaa lämpimiä ja kylmiä sävyjä.
Näin otat värimaailman käyttöön sivustollasi
Käytä samaa värimaailmaa otsikoissa, painikkeissa ja kuvakkeissa yhtenäisyyden vuoksi.
Aloita yhdestä sivusta, esimerkiksi etusivustasi tai pääasiallisesta laskeutumissivustasi. Korjaa suurin ongelma ensin ja vie sama malli sitten muihin mallipohjiin.
Lue tämän luvun parina verkkosivuston värivirheet, joka antaa perustan, ja mikä on värien psykologia, joka vie seuraavaan vaiheeseen tässä osiossa.
Käytännön tarkistuslista, jonka voit ottaa käyttöön tänään
Käytä samaa värimaailmaa otsikoissa, painikkeissa ja kuvakkeissa yhtenäisyyden vuoksi.
Kun tarkistat jotakin sivua, kysy, näkyykö värimaailma ensimmäisellä vierityksellä mobiilissa. Jos ei näy, järjestä osiot uudelleen ennen kuin hiot yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, niin opit, mikä toimi sivustollasi, kun työstit värimaailmaa.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta väriyhdistelmien valinta pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi mittari, jota seuraat tämän kuun ajan, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset, jotta suunnittelumuutokset kytkeytyvät liiketoiminnan tuloksiin eikä pelkkään makuun.
Miten aihe liittyy koko brändiisi
Visuaaliset valinnat vaikuttavat harvoin vain yhteen sivuun. Värympyrän avulla löydät nopeammin värimaailman, joka tasapainottaa lämpimiä ja kylmiä sävyjä.
Somejulkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi noudattaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa hajota, asiakkaat aistivat pienen ristiriidan, vaikka eivät osaisi selittää sitä.
Vertaile ajatuksiasi aiheeseen liittyvän luvun kanssa: mikä on värien psykologia.
Yhtenäinen värimaailma saa verkkosivustot ja kampanjat tuntumaan yhdeltä brändiltä.
Usein unohdettuja kysymyksiä
Sivutermit, kuten väriyhdistelmät ja värympyrä, auttavat sinua etsimään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Värympyrän avulla löydät nopeammin värimaailman, joka tasapainottaa lämpimiä ja kylmiä sävyjä.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat toimivalla sivulla tällä viikolla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimisi puhuu värimaailmasta samoilla sanoilla, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelu- ja tyylivirheisiin ei tarvita omaa koodia. Visuaalisella editorilla voit säätää välejä, värejä ja typografiaa ja katsoa samalla esikatselua mobiilissa ja työpöydällä.
WEMASYssa on Sivustonrakentaja, jossa on visuaalinen muokkaus, joten voit julkaista muutokset ilman, että joudut odottamaan kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, lue uudelleen verkkosivuston värivirheet ja mikä on värioppi, jotta kokonaisuus pysyy mielessäsi yhtenäisenä.
Nyt sinulla on käyttökelpoinen näkökulma, jonka avulla voit ottaa värimaailma haltuun. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukemalla mikä on värioppi ja mikä on värien psykologia, niin vauhti tässä osiossa säilyy.
Usein kysytyt kysymykset
Kuinka kauan kestää päästä parempaan lopputulokseen, kun työstät värimaailmaa?
Useimmat pienyritykset saavat selkeämmät sivut muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja ota samat säännöt sitten käyttöön palvelu- ja yhteyssivuilla.
Tarvitsetko suunnittelijan, kun työstät värimaailmaa?
Suunnittelija auttaa monimutkaisissa brändiuudistuksissa, mutta värimaailman osalta moni korjaus onnistuu itse, kun tiedät, mitä etsiä. Lue tämän luvun rinnalla verkkosivuston värivirheet, niin saat aiheeseen liittyviä lisäohjeita.
Voiko WEMASY auttaa, kun haluat hyödyntää värimaailmaa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit säätää asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja päivittääksesi mallipohjia ja esikatsellaksesi muutoksia mobiilissa.
Mikä on yleisin virhe, kun työstät värimaailmaa?
Moni yrittää korjata kaiken kerralla sen sijaan, että etenisi sivu kerrallaan. Valitse yksi ensisijainen tavoite, kuten luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten sisältö mikä on värioppi.
Miten värimaailma liittyy SEO:on?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee sitoutumissignaaleja, joita hakukoneet seuraavat. Yhdistä suunnittelukorjaukset hyvään sisältörakenteeseen, niin saat parhaan tuloksen.
Mitä kannattaa opiskella seuraavaksi, kun värimaailma on hallussa?
Jatka tässä kirjassa lukemalla verkkosivuston värivirheet ja mikä on värioppi, niin rakennat brändillesi kokonaisvaltaisen visuaalisen järjestelmän verkossa.