Mainonta on hankalaa bisnestä, ja kaikki riippuu siitä, miten esittelet itsesi. Värit ovat minkä tahansa mainoksen ydin, joka päättää kuinka menestyksekkäästi se markkinoi brändiäsi, tuotteitasi tai palveluitasi. Tästä syystä asianmukaisten värisävyjen käyttäminen on tullut välttämättömäksi nykypäivän yrityksille, jotta ne herättävät kohdeyleisön huomion, koska jokainen tuote vaatii erilaisia mainoksia.

Jos aiot oppia värien valinnan perusteet verkkosuunnittelussasi, tämä artikkeli auttaa sinua lisäämään tietämystäsi siitä, miten se tehdään oikein. Oikea värimaailma voi olla ratkaiseva tekijä mainoskampanjoidesi menestyksessä, joten täydellisen yhdistelmän toteuttaminen ei ole helppoa.

Värimallien merkitys

Värimaailman voimaa ei pidä aliarvioida. Oikealla valotuksella siitä voi tulla suurin vahvuutesi missä tahansa web-suunnittelussa. Luovasti käytettynä yksinkertaisimmatkin värit voidaan järjestää herättämään kohdeyleisön mieli ja sydän ja herättämään heidän huomionsa. Värimaailma, joka käyttää asianmukaista värisävyjen yhdistelmää, ei ainoastaan lisää kykyä mainostaa, vaan myös lyhentää aikaa, jonka käyttäjä viettää keskimäärin verkkosivustolla.

Väärän värimaailman valitseminen voi kuitenkin olla vähintäänkin tuhoisaa ja voi hukuttaa minkä tahansa tuotteen tai palvelun riippumatta siitä, kuinka suuri se on tai mitä se tuo pöytään. Jotkut mainostajat valitsevat räikeitä värejä näyttääkseen brändinsä kiinnittääkseen kohdeyleisönsä huomion. Vaikka he saattavat onnistua saamaan päät kääntymään omaan suuntaansa, yleisö menettää lopulta kiinnostuksensa pitkällä aikavälillä. Suunnittelija tekisi tämän vain häiritäkseen asiakkaan huomion ja peittääkseen tavaran huonomman laadun. Tämä lopulta vahingoittaa brändikuvaa ja yrityksen mainetta.

Tässä artikkelissa kerromme, minkä tyyppisiä väriteemoja verkkomainonnassa kannattaa välttää. Tiimimme on koonnut listan "EI TOISTA" sekä vaihtoehtoinen menetelmä, jota voit kokeilla.

Yhden värin käyttö

Jos vain yksi väri edustaa koko verkkosivustoasi, se on sekä mieto että epäkiinnostava kohdeyleisöllesi. On erittäin epätodennäköistä, että yleisö edes yrittää lukaista sitä ennen siirtymistään seuraavalle sivustolle, joka on kehitetty tarkoituksenmukaisemmilla väriteemoilla.

Kokeile tätä:

Värimaailman säätäminen vastaavasti on tärkeä tehtävä ammattimaisen suunnittelun varmistamiseksi, joka pystyy kiinnittämään huomion verkkosivuston tärkeisiin osiin. Elementeille, kuten painikkeille, tekstityksille, lainauksille ja hyperlinkeille, tulee antaa värit niiden tärkeyden korostamiseksi.

Väärän värin valitseminen

Väärän värin valitseminen web-suunnitteluun voi tarkoittaa sitä, että se jätetään huomiotta lehtitelineessä tai myydään heti. Jos verkkosivustolla on myytävä tuote tai jopa mainostettava palvelu, se voi helposti valita sävyn tuotteen ulkopuolelta tai palvelun filosofisesta ominaisuudesta. Joka tapauksessa verkkosivustosi syvällinen esitys tarjontasi kanssa auttaa luomaan yhteyden käyttäjään. Tumman värin, kuten laivastonsinisen, käyttäminen kauneustuotteiden myyntiin tehdyssä web-suunnittelussa on pettymys.

Kokeile tätä:

Ennen kuin annat verkkosivustosi kiertyä kalliiksi katastrofiksi, valitse väriteorian avulla ne sävyt, jotka liittyvät läheisesti tuotteeseen tai joilla on jonkin verran sen ominaisuuksia. Tämä auttaa katsojaa pysymään sitoutuneina verkkosivustoon ja jopa pääsemään tuotteisiin.

NEON värit

Neonvärien käyttö ei ole ollenkaan kiellettyä, mutta Holin juhliminen niiden kanssa web-suunnittelussa voi olla typerää. Neonvärit luodaan nostamalla kirkkauden voimakkuutta sävyllä, jotta se erottuu kontrastista.

Ei ole epäilystäkään, että ne ovat hauskoja ja hauskoja olla suunnittelussa, mutta vain huomattavan määrän. Niiden lakkaamaton käyttäminen mallissa voi todella saada katsojan silmät kyyneltymään, mutta myös tekstin tulvimaan kontrastia, mikä häiritsee niiden luettavuutta. Jos en ole väärässä, tavoitteenasi on saada vierailija saamaan epilepsiakohtausta.

Kokeile tätä:

Jos olet kuitenkin todella sinnikäs, voit aina poistaa tarpeettoman kirkkauden neonväreistä, jolloin tekstistä tulee hieman tummempi ja vähemmän intensiivinen. Lisäksi, jos olet jo päättänyt lisätä neonvärejä teemaan, varmista, että käytät niitä pienempiin elementteihin, jotta lukija näkee ne helposti.

Värinät värit

Nyt värien sekoittaminen tai yhdistäminen pahan veren kanssa on kuin kävijäsi näön tahallista hämärtämistä. Tämä tapahtuu, kun erittäin kylläiset värit ovat vuorovaikutuksessa toistensa kanssa ja saavat aikaan "värähtelevän vaikutuksen", joka tekee hehkuvan liikkeen. Käyttäjät eivät pidä tästä värähtelevästä tehosteesta.

Yhdistelemällä näitä kirkkaanvärisiä sävyjä näkö muuttuu kiusaavalta ja tuottaa jälkikuvavaikutelman, joka sotkee näön. Se ei vain estä käyttäjää lukemasta sisältöä, vaan myös tekee tekstistäsi helvetin sotkun.

Kokeile tätä:

Jälleenkään ei ole suositeltavaa yhdistää väriseviä värejä keskenään, mutta jos se on välttämätöntä, paras tapa vastata tähän on lisätä neutraali väri kahden kirkkaan värin väliin, jotta jompikumpi niistä muuttuu tummemmaksi.

Lisäksi, jos sinun on löydettävä värisevät värit, voit laittaa ne vierekkäin ja huomaat:

Niiden välissä oleva korkea värikylläisyys
Täydentävä ja 180 asteen etäisyydellä toisistaan väriympyrässä
Vähäinen kontrasti näkyy, kun värit muunnetaan harmaasävyiksi

Sateenkaari teemat

Mielestäni kaikki, mikä rikkoo väriteorian sääntöjä, voi ennemmin tai myöhemmin olla vaarallista web-suunnittelullesi. Todettakoon siis, että sateenkaarenväriset verkkosivustot eivät vain toimi. Kuvittele, kuinka monta sääntöä olet teurastanut vain luodaksesi sateenkaariteeman mallin päässäsi heti tämän lukemisen jälkeen.

Sateenkaaren väriset web-suunnittelut eivät ole vain epätavallisia, vaan myös harhaanjohtavia – jos tiedät mitä tarkoitan. Haluat mainostaa, mainostaa tai myydä jotain, mutta sateenkaaren näyttäminen asiakkaillesi ja vierailijoille ei auta.

Kokeile tätä:

Jos olet kuitenkin kiinnostunut monivärisen web-suunnittelun tuottamisesta, jossa on yli 3 väriä, käytä mallissasi värien estoa tai korttityyliä. Tämän avulla voit määrittää värejä luokkiin lohko kerrallaan suunnittelun väritasapainosta tinkimättä.

Vaaleat värit valkoisella

Joka kerta kun näen tämän virheen, huomaan, kuinka asiakas taipumus menettää kiinnostuksensa ja siirtyy toiselle verkkosivustolle. Vaalean värin käyttäminen vaaleaa taustaa vasten on sama kuin leipää täytetyn voileivän myyminen. Sinun on tasapainotettava valoa ja pimeää ja asetettava kohtuullinen ero, jonka avulla lukija voi selata verkkosivustoa sujuvasti sen hylkäämisen sijaan. Uusimmissa web-suunnittelutrendeissä otsikkokuvien käytön lisääntyminen tekee tästä yleisen onnettomuuden.

Kokeile tätä:

Paras tapa välttää tämä on verrata taustaväriä väriympyrän paletteihin. Voit helposti erottaa oikean yhdistelmän tarkistamalla kontrastin ystävällisyyden keskenään. Hyvä sekoitus yhdistää sisällön suunnitteluun ja luo luonnollisen vetovoiman web-suunnitteluun.

Kokeilu yksityiskohtaisilla taustoilla

Tämä on luultavasti tappavin virhe web-suunnittelun väreihin liittyen. Yritysten omistajat palkkaavat suunnittelijoita tuottamaan parhaan mahdollisen työstään ja rakentamaan heille verkkosivuston, jolla on mitä tarvitaan heidän liiketoiminnan ja tulojen nostamiseen. Mutta silloin asiat menevät joskus hieman epätasapainoon. Verkkosivustosuunnittelijat etsivät jatkuvasti uusia tapoja tehdä vaikutuksen urakoitsijoidensa ja pyrkiessään lisäämään taustalle usein liikaa värillisiä yksityiskohtia. Tilapäisesti se ei näytä kovin pahalta, mutta kun suunnittelu siirtyy viimeisiin vaiheisiin kaikkine elementteineen ja sisältöineen, siitä tulee yksi ruma mallikappale.

Kokeile tätä:

Ainoa tapa välttää tämä epäonnistuminen on ohjeistaa web-suunnittelijaa olemaan lisäämättä taustalle väriyksityiskohtia ja pitämään tiimisi ajan tasalla, jos jotain uutta testataan tai otetaan käyttöön alkuperäisessä suunnitelmassa.

Vaaleankeltainen ja kirkkaan sininen

Useimmat suunnittelijat tietävät hyvin, että kirkkaan sininen ja vaaleankeltainen ovat kauheita värivaihtoehtoja verkkosivuston taustan suhteen. Kirkkaansininen on intensiivistä ja aina aggressiivista kaikkia muita värejä kohtaan. Vaaleankeltainen reagoi eri tavalla ja kumoaa taustavärin tarkoituksen vaikuttamalla vierailijan mielialaan ja saattamalla muut sävyt radikalisoitumaan. Tästä syystä sinun ei pitäisi koskaan yrittää käyttää niitä.

Kirkkaan sininen taustana

En nyt tarkoita loukata kirkkaan sinisen värin ystäviä sanomalla, että se näyttää kamalalta verkkosivuston taustana, se on vain tosiasia, että se ei voi olla, ei koskaan tule olemaan hyvä värivalinta kontrastin asettamiseen. Ensinnäkin kirkkaan sininen, joka on liian voimakas verrattavaksi verkkosivuston sisältöön, ja toiseksi se jättää suunnittelijalle liian vähän vaihtoehtoja yhdistää se toiseen paletin sävyyn. Siinä on värähtelevä vaikutus, joka tuo sen lähemmäksi neonvärejä, ja jos luit edellä mainitun, neonvärit ovat iso NOPE!

Kokeile tätä:

Voit käyttää vaaleampia sinisen sävyjä varsinkin, kun sinulla on verkkosivustollesi korttityylinen suunnittelu. Se neutraloi värisevän vaikutuksen ja palvelee tarvetta saada sininen taustaväri.

Vaaleankeltainen taustalla

Hieman keltaisen lisääminen otsikoihin ja ehkä otsikoiden tekstiä saattaa tuntua ok, mutta sen upottaminen taustaan voi merkitä eroa paljon vierailluista verkkosivustoista ja internetissä kelluvasta roskasta. Se ei vain anna houkuttelevaa sävyä, vaan heijastaa yrityksen huonoa makua asiakkaitaan kohtaan. Keltaisella on sentimentaalinen merkitys yleisön onnen ja riemun sävelessä. Siten sen käyttäminen ilman perspektiiviä voi peruuttamattomasti vahingoittaa verkkosivustoasi kustannusten ja asiakkaiden menetyksen kannalta.

Kokeile tätä:

Voit käyttää sitä ruskean, tummanpunaisen tai oranssin kanssa luodaksesi retro-ilmeen ja käyttää sitä myöhemmin myös muissa tilanteissa. Valkoinen tausta, jossa on keltainen sävy, voi yllättää vierailijasi, jos se yhdistetään oikeaan ylä- ja alatunnisteen väriin, kuten oranssiin.

Värinsovitustyökalujen huomioimatta jättäminen

Värien suunnittelu ei kuitenkaan ole helppo tehtävä, sillä täydellisen väriyhdistelmän löytäminen asiakkaiden houkuttelemiseksi on helpommin sanottu kuin tehty. Tämä johtuu siitä, että syvällinen tietämys värien sekoituksesta ja siitä, mikä yhdistelmä saa yleisön suosiman reaktion, on taidetta, jota vain harvat ihmiset tulevat omaksumaan. Tämä johtaa vahvaan yritys- ja erehdysmenetelmään luottamiseen, mikä on erittäin riskialtista mainonnan kannalta. Yksittäinen virhe voi johtaa koko kampanjasi epäonnistumiseen.

Onneksi tämän värimaailman esteen voittamiseksi on olemassa ratkaisu, joka esittelee itsensä värinsovitustyökalun muodossa, joka on rakennettu yhdistämään eri värejä ja tuloksia, jotka ovat verrattavissa tämän alan veteraaneihin.

Kokeile tätä:

Värinsovitustyökalut, kuten Adobe Color CC -työkalu, on kehitetty yksinkertaistamaan korostusvärien valintaprosessia, kun olet valinnut hallitsevan värisi. Vaikka työkalu saattaa tuntua monimutkaiselta, todellisuudessa se on suunniteltu sekä yksinkertaiseksi että tehokkaaksi.

Värien sovitustyökalut on varustettu vaihtoehdoilla, jotka yksinkertaistavat värien suunnittelua, kuten:

Valitsee hallitseva väri, jonka ympäriltä valitaan korostusvärit
Valokuvan valinta, jonka ympäriltä voit valita korostusvärit

Korostusvärien merkitys

Verkkosivuilla olevat tärkeät tiedot voidaan korostaa korostusväreillä niiden tärkeyden osoittamiseksi. Ne voivat vaihdella hyperlinkeistä muuhun verkkosivun sisältöön, johon haluat kiinnittää yleisösi huomion. On suositeltavaa pitää kiinni yhdestä tai kahdesta korostusväristä, koska suurempi määrä korostusvärejä aiheuttaa hämmennystä verkkosivuston vierailijoille.

Johtopäätös

Vaikka väreillä on tärkeä rooli antamassa verkkosivustolle sen pukeutumiskoodi ja houkuttelevuus, niiden käyttäminen oikein suunnittelumalleissa on välttämätöntä, jos haluat saada menestyvää liiketoimintaa. Ilman oikeita sävyjä sivuillasi verkkosivustosi ei ole vain naurunalainen, vaan myös kallis pettymys.