Suunnittelijan opas värisisällölle
Värit, jotka valitset suunniteltaessa verkkosivustoa, julisteita tai minkä tahansa muun tyyppistä kuvaa, vaikuttavat valtavasti siihen, onko kokonaissuunnittelu onnistunut vai ei. Loppujen lopuksi on paljon psykologiasta väreissä että ihmiset ovat houkutelleet, ja suunnittelijoiden on sisällytettävä tämä kaikki, mitä he tekevät.
Värikontrolloilla on erittäin arvokas rooli, mutta sitä usein unohdetaan, aliarvostetaan ja väärin ymmärretään. Tämän ongelman välttämiseksi sinun on opittava lisää värikontrasta, mukaan lukien, miten ja miksi sinun pitäisi käyttää sitä. Kun olet ylittänyt perusasiat tietävän, että punainen ja oranssi eivät ole hyviä värejä, jotka luovat kontrastia, mutta mustavalkoiset, voit aloittaa paremman estetiikan kehittämisen, joka miellyttää asiakkaita ja katsojia.
Miksi värien kontrasti on niin hyödyllinen?
Värikontrolli, pähkinänkuoressa, tarjoaa visuaalista intriguaa ja pitää katsojat kiinnostuneina. Harkitse hetken, kuinka tylsää se olisi, jos koko juliste on valmistettu yhdestä väristä tai vain mukana sävyjä samanvärinen perhe. Vaikka joitain tapauksia, joissa tämä toimii taiteellisen näkökulmasta, se ei ole lähestymistapa, joka todennäköisesti tarttuu jonkun huomion piiriin, kun he esittävät myymälähyllyt, katsovat elokuvan julisteita tai surffailevat verkossa. Siksi on viisasta käyttää kontrastisia värejä aina kun se on tarkoituksenmukaista.
Ajattele klassista Coca-Colaa. Jos koko juttu oli punainen, se ei erota lähes yhtä paljon kuin se. Valkoinen kirjoitus todella ponnahtaa pois punaisesta taustasta, joka herättää huomiota ja on heti tunnistettavissa. Tämä kontrasti on visuaalisesti upea ja se erottuu kilpailijoistaan.
Kuinka parhaiten käytetään värin kontrastia
Teidän tekemäsi värivalinnat riippuvat suurelta osin käyttämästäsi tiedostomuodosta. Coca-Cola voi tarjota hienon tavan selittää tämä prosessi. Fysikaalisessa tuotteessa, kuten kantalaukussa, punainen tausta toimii. Se myös erottuu hyvin painotuotteissa, TV-mainoksissa ja paljon muissakin. Mutta entä jos yrität suunnitella verkkosivuston, jolla on nämä samat värit?
Jotta se olisi niin yksiselitteisesti mahdollista, vankka punainen verkkosivun tausta, jossa valkoinen teksti päällä, olisi surkea. Täyspunainen tausta toimii kuitenkin, jos laitat tekstilaatikon sen päälle, jolla on vaaleampi väri, kuten valkoinen tai ruskea. Sieltä todennäköisesti haluat käyttää musta tekstiä tekstiruutuun luoda toisen kontrastikerroksen. Tämä lähestymistapa ei ole vain silmiinpistävää, vaan se myös antaa ihmisille mahdollisuuden todella lukea tekstiä. Muista: punaista tekstiä on vaikea lukea.
Muita esimerkkejä vastakkaisista värin yhdistelmistä se ei toimi kunnolla verkossa ja se voi olla myös lähes epäsuorasti muissa muodoissa, kuten vihreät vihreät vihreät vihreät, vihreät punaisella ja punaisella sinisellä. Käytä sen sijaan valkoista vihreää ja keltaista tai valkoista valkoista. Jos sinun on laitettava teksti vakiomuotoiseen punaiseen taustaan, kannattaa käyttää valkoista aivan kuten Coca-Cola.
Tietenkin luonnollista kontrastia ei aina käytetä tekstin huomioimiseen. Jos haluat tehdä kaksi erilaista kontrastiväriä vetääksesi silmän sivulle jotain tiettyä, voit valita dramaattisesti eri värejä ja hienompaa kontrastia, joka johtuu sävyjen, sävyn ja kylläisyyden muutoksista.
Värikontrolloilla on suuri merkitys CTA: n tai painikkeen saamisessa. Tämän pitäisi olla itsestään selvää, mutta kun käyttäjä on skimming aloitussivu tai artikkeli, CTA eri värillä kuin sivu tarttua heidän huomionsa.
Kaikki tämä kuulostaa hyvältä, mutta voidaksemme nähdä sen toiminnassa meidän on tarkasteltava joitakin yrityksiä, jotka käyttävät värijäljestä niiden eduksi.
Teamweek on ylivoimaisesti yksi parhaista esimerkkeistä, joita voin antaa sinulle. Kuten yllä olevasta kuvasta näkyy, vaikka suunnitelmat ovat kaikki eri värejä, turkoosi-painikkeen ja sivun välinen kontrasti on edelleen hämmästyttävä työ, joka kiinnittää huomiota CTA: han.
Sama koskee heidän kirjautumissivuaan. Vaikka sivu on runsaasti värejä ja kuvioita, käyttäjän huomio ohjataan sivun keskelle.
Trip Advisor tekee hyvää työtä kontrastivärien ja valkoisen tilan käyttämisessä, jotta jokainen käyttäjä näkee silmänsä tärkeimpien hakutulostensa näkökohtiin. Vihreän ja keltaisen sekoitus on miellyttävää silmään, ja ne säilyttävät klassisen sinisen hyperlinkin värin, jotta ihmiset voivat helposti tietää, mistä napsauttamalla saat lisätietoja. Vielä paremmin he valitsivat lihavoidun keltaisen mustalla tekstillä heidän "show prices" -painikkeestaan, joka erottuu niin paljon, että ihmiset ovat käytännössä varmasti sitoutuneet tähän puheluun.
Toinen erinomainen esimerkki siitä, miten kontrastivärejä käytetään eduksiisi, löytyy osoitteesta CheeseSurvivalKit.com . Vaihtoehto avoimen ja negatiivisen tilan välillä, jossa valitaan valkoinen ja harmaa, vetää silmän sisään. Tämän yhdistelmän irrottaminen punaisella pinnalla auttaa varmistamaan, että sivuston kävijät visuaalisesti kiehtovat tarpeeksi pysyä paikallaan.
Mitä jokainen suunnittelija tarvitsee tietää
suunnilleen 8 prosenttia miehistä maailmassa kärsii jonkinlaisesta värisokeudesta. Tämä tila on paljon harvinaisempia naisilla, mutta 1: llä jokaisesta 17 värin sokeudesta kärsivästä ihmisestä on naista. Yhteensä 4,5 prosenttia maailman väestöstä ei näe kaikkia värejä, kuten muualla maailmassa.
Tämä voi tuntua tarpeeksi pieneltä prosenttiosuudelta, jota et halua palvella heidän tarpeisiinsa. Tosiasia on kuitenkin, että pelkästään Isossa-Britanniassa on 2,7 miljoonaa ihmistä. Tämä on jotain, jonka suunnittelijat tarvitsevat todella harkita, varsinkin jos he luovat jotain, joka kohdistuu miehiin.
Punainen / vihreä sokeus on värin sokeuden yleisimpi versio. Tämä tarkoittaa sitä, että minkä tahansa värin punaisella ja vihreällä elementillä ei ole todellista ulkoasua näille henkilöille. Esimerkiksi henkilö, jolla on punainen / vihreä sokeus, havaitsee violetit sinisenä. Näin tapahtuu, koska he eivät näe punaista sävyä, joka auttaa erottamaan purppura sinisestä.
Kuten voitte kuvitella, tämä tekee prosessista valita täydellisen värikontrastin entistä vaikeammaksi. Jos haluat valita vihreän ensisijaiseksi taustaväriksi tai fontin väriksi, 4,5 prosenttia aiotusta katseluyleisöstäsi ei välttämättä pysty näkemään tarkasti kaikkea. He eivät ehkä edes pysty lukemaan sanoja kovin hyvin riippuen vaaleudesta, jonka valitsit, ja kuinka vakavasta värin sokeudesta on.
Bottom Line
Viime kädessä värikontrastin pitäisi tehdä molemmista elementeistä erottuva, mutta ennen kaikkea tärkein elementti. Toisin sanoen, jos laitat tekstiä värikkään taustan tai kuvan päälle, varmista, että sanat ovat helposti nähtävissä ja luettavissa. Pidä yleisösi mielessäsi ja yritä ohjata värijärjestelmiä, jotka tekisivät lopullisen tuloksen vaikeaksi värin sokeutuneille.