Paras Sivusto väripalettia Lisätä Sitoutumista vuonna 2020

On värimaailman olet valinnut sivuston, liipaisu haluamasi vastauksen? Huomaatko olevasi häkeltynyt potentiaalisten verkkosivujen väripalettien määrästä?

kaikilla on suosikkivärejä, joita he pyrkivät suuntaamaan kohti työnsä suhteen tai muuten.,

Mutta osaava suunnittelija ymmärtää, että on tärkeää arvioida värimaailma perustuu brändi, merkityksiä värejä, ja tuotteiden tai palveluiden on edistettävä.

Hyvät värivalinnat vaativat huolellista suunnittelua.

Ne voivat vaikuttaa siihen, miten kävijä tulkitsee, mitä he näkevät niin paljon kuin sivuston asettelu ja typografia — ja kun se tehdään hyvin, niillä voi olla myönteinen vaikutus jokaisen kävijän arviointi brändi kokonaisuutena.,

tässä artikkelissa, me katsomaan miksi valitsemalla oikeat värit sivuston asioista, sekä 23 eri väriä paletit päässä aito sivustoja, jotka ovat tehokkaita tarttumalla kävijöitä huomiota.

miksi Värimaailmasi on niin tärkeä?

Ennen kuin voimme hypätä valintaprosessi värimaailman sivuston, se on tärkeää ymmärtää, miksi sivustosi värimaailman asioita niin paljon.

loppujen lopuksi voisi ajatella, että juuri sisällöllä on oikeasti merkitystä. Eikä se ole valhetta.

ihmiset rakastavat sisältöä., Ne vetävät puoleensa tuoreita ääniä ja houkuttelevaa tietoa, mutta niiden huomio pitää ensin vangita. Siellä verkkosivujen väripaletit tulevat kuvaan mukaan.

Jos et valita oikea sivuston värimaailman, saat mahdollisuuden räjäyttää kävijät sisältöä.

näin:

Luo tunnettuutta

sivusto on olennaisesti yrityksen koti verkossa.

se tarkoittaa, että sen on oltava tarkka kuvaus brändistäsi. Ja sen lisäksi, sen täytyy olla ikimuistoinen tarpeeksi, että käyttäjät palaavat ensimmäisen vierailun jälkeen.,

loppujen lopuksi monet vieraistasi eivät ole valmiita tekemään ostosta tai muuta suurta muuntamista ensimmäisen käyntinsä aikana — ja heidän täytyy muistaa yrityksesi tullakseen takaisin ja ryhtyäkseen näihin toimiin.

onneksi väri lisää brändin tunnettuutta 80%.

joten, jos yritykselläsi on jo vakiintunut värimaailma, on tärkeää sisällyttää tämä sivuston suunnitteluun. Tämä helpottaa kävijöiden välittömästi yhdistää sen muihin paikkoihin he ovat nähneet tuotemerkin.,

Plus, jos värimaailma on johdonmukainen poikki koko sivuston, he tietävät, että he ovat tulleet oikeaan paikkaan, kun he palaavat, riippumatta tarkka sivu he laskeutua.

Beyond kertoo käyttäjille, jotka yritys on, web design on myös merkittävä rooli käyttäjien snap tuomioiden noin oman tuotemerkin.

yhden tutkimuksen Mukaan 94 prosenttia vastaajista nimeltä web design joukossa ensisijainen kuljettajien sivuston ensivaikutelma.

web-suunnitteluun liittyy tietysti paljon muutakin kuin pelkkä väri.,

Mutta kun otetaan huomioon, että väri on yksi ilmeinen elementtejä sivuston, ja yksi ainoat, jotka käyttäjä voi havaita sisällä ensimmäiset 50 millisekuntia, paletti voi tehdä tai rikkoa käyttäjän arviointi oman yritys.

Muoto, miten kävijät suhtautuvat oman sivusto

toisessa tutkimuksessa, miten kuluttajien ensivaikutelma muodostuu, 90 prosenttia alustavat arvioinnit perustuvat väri yksin.

jossain määrin, syy tähän on selkeä.

loppujen lopuksi väri on yksi helpoimmista puolista sivulla ”ymmärtää.,”Se voidaan arvioida lähes välittömästi, eikä se vaadi kävijöitä arvioimaan kopiota tai muuta viestittelyä.

mutta on myös tärkeää ottaa huomioon rooli, joka värin psykologialla on näissä snap-tuomioissa.

monet yritykset hyödyntävät näitä yhteyksiä, kuten seuraavassa kaaviossa olevat logot osoittavat.

esimerkiksi, merkkejä, jotka haluavat luoda tunnetta luovuutta ja mielikuvitusta taipumus sisällyttää violetti osaksi kuvastoa, kun taas tuotemerkkejä, jotka haluavat vahvistaa tasapainoa ja rauhallinen nojata kohti musta ja valkoinen.,

tämä sitoo suoraan brändisi ”persoonallisuuteen”.

yksi tutkimus, brändin persoonallisuus, psykologi ja Stanfordin professori Jennifer Aaker päätellä, että viisi keskeistä ulottuvuutta rooli brändin persoonallisuus:

Merkkejä voi joskus sekoittaa piirteitä, mutta suurin osa heidän ”persoonallisuus” on pääasiassa keskitetty yksi. Esimerkiksi retkeilyvarusteita myyvä yritys samaistuisi ”jämäkkyyteen”, kun taas muotibrändi voisi tähdätä ” hienostuneisuuteen.,”

Ja kuten näette logo kaavio edellä, väri voi olla merkittävä rooli osoittaa kuluttajille, mitä brändin persoonallisuus on.

vaikka useimmat eivät välttämättä tietoisesti tajua, että yrityksen punainen logo on suunniteltu luomaan jännitystä, se voi silti tehdä juuri niin.

– Ja kun jokainen väri voi palvella luoda erityinen tunne tai reaktio, tietyt värit ovat parempia valintoja kuin toiset useimpien merkkejä ja sivustot.

esimerkiksi sinistä pidetään usein turvallisimpana vaihtoehtona., Tämä johtuu osittain siitä, että se on yleisin ”suosikki” väri keskuudessa suurin osa väestöstä.

itse asiassa 57% miehistä ja 35% naisista sanoo sen olevan heidän lempivärinsä.

Joten, jos haluat valittaa laajalle yleisölle, tämä voisi olla hyvä valinta sivuston. Itse asiassa, tämä saattaa olla, miksi jotkut suosituimmista sivustoista tänään, kuten Facebook ja Twitter, käyttää sitä niiden logot ja brändäys.

on myös syytä huomata, että siniseen liittyy yleisesti myös luottamuksen, auktoriteetin ja luotettavuuden tunteita.,

mutta se ei tarkoita, että se olisi paras valinta jokaiselle sivustolle. Kaikki riippuu tunteesta, jonka haluat välittää vierailijoillesi.

esimerkiksi, jos brändisi keskittyy terveyteen ja hyvinvointiin, green voisi olla parempi vaihtoehto kyseisen yhdistyksen perustamiseksi. Ja jos haluat saada kävijöitä innoissaan ja ajaa heidät ryhtymään toimiin nopeasti, punainen voisi olla tehokkaampaa auttaa sinua saavuttamaan tämän tavoitteen.

joten, kun valitset värejä sivustollesi, mieti, millaisia tunnereaktioita ne saattavat herättää vierailijoissasi.,

esimerkiksi, jos olet yrittää luoda tunne rauhaa oman jooga studio verkkosivuilla, punainen ei ehkä ole paras valinta — ja se on parasta tietää, että ennen kuin voit investoida vakavia rahaa osaksi suunnittelua.

Kehittää tunnetta order

Syrjään tunteita yksittäiset värit voit valita, saattaa herättää, se on myös tarpeen pohtia, miten värit oman sivuston, vuorovaikutuksessa toistensa kanssa.

paras tapa on tarkastella muutamaa väriteorian perusperiaatetta.,

Jos olet koskaan ottaa taide-luokan tai katsonut mitään design-liittyvät resurssit, olet luultavasti nähnyt jotain vastaavaa väriä pyörän graafinen edellä.

yleisin käsite kuvitettu sisällä tämä pyörä on suhde pääväriä (punainen, keltainen ja sininen), ja toisen ja kolmannen asteen värit, jotka on muodostettu sekoittamalla ne yhteen.

mutta sen jälkeen tämä pyörä voi auttaa luomaan väriharmoniaa tai visuaalisesti miellyttävää värien järjestelyä., Harmoninen web design paletti voi auttaa luomaan tasapainon ja järjestyksen tunteen.

On olemassa kolme yleisesti hyväksyttyä erilaisia värimalleja voit luoda tämän tyyppinen harmonia: analoginen, yksivärisen, ja toisiaan täydentäviä.

analoginen värimaailma koostuu väreistä, jotka putoavat vierekkäin väripyörään. Tämä on yksi vaikeimmista paleteista pärjätä hyvin, sillä värit voivat helposti kukistaa toisensa.

on sanottu, että analogiset värimaailmat ovat myös joitakin vilkkaimpia.,

Joten, jos haluat luoda värikäs, visuaalisesti mielenkiintoinen sivusto, saatat tehdä hyvin paletti vastaavat seuraavat kolme esimerkkiä:

yksivärisen värimaailma osuu vastakkaisella ääripäässä edellisestä tyyppi. Nimensä mukaisesti se koostuu yhdestä pääväristä, mutta sävyjen voimakkuus ja keveys vaihtelevat.

Nämä paletit ovat joitakin helpoin luoda ja ”turvallisin” toteuttaa, koska eri sävyjä samaa väriä harvoin koskaan clash tai tuntuu liian kiireinen.,

Joten jos olet menossa suhteellisen yksinkertainen katsomaan sivustosi, yksivärisen värimaailman, kuten nämä kolme voisi toimia hyvin teidän merkki:

Lopulta, täydentävä paletti putoaa jonnekin analoginen ja yksivärisen järjestelmiä kannalta erilaisia.

Se koostuu värejä, jotka sijaitsevat suoraan vastapäätä toisiaan väriympyrässä. Joten vaikka se sisältää enemmän värejä, nämä värit luonnollisesti täydentävät toisiaan ja ei hukuta kävijöitä.,

Jos haluat sisällyttää joitakin erilaisia oman värimaailman ilman tehdä sivustosi näyttää liian kiireinen, täydentävä värimaailma kuin yksi näistä voisi olla täydellinen valinta.

tietenkin, nämä kolme eivät ole vain erilaisia värejä voit luoda. Itse asiassa parhaat palettityypit vaihtelevat sen mukaan, keneltä kysyy.

triadinen värimaailma on yksi päävaihtoehdoista.

Tämä värimaailma liittyy käyttäen kolmea väriä, jotka sijaitsevat 120 astetta toisistaan väriympyrässä., Yllä olevassa graafisessa kuvassa värit ovat oranssi, vihreä ja violetti.

kun valitset värisi, muista, että yllä luetellut tyypit eivät ole lopullisia sääntöjä. He voivat antaa sinulle yleinen käsitys yleistä tuntuu haluat sivustosi on, mutta he suinkaan ole ainoita tapoja luoda paletti, joka toimii oman tuotemerkin.

Riippumatta paletti voit mennä, voit käyttää sitä luoda hierarkia tärkeimmistä sisältöä jokaisen sivun.,

Tehdä tiettyjä elementit erottuvat

Kuten mainitsin edellisessä kohdassa määritelty väri verkkosivuilla paletti voi olla hyödyllistä merkitsee, että tietyt elementit ovat tärkeitä.

Voit maksimoida vaikutusta pitämällä Eristäminen Vaikutus mieleen kuin voit määrittää, miten käyttää värimaailman sivuillasi.

yleinen ajatus tämän takana on psykologinen periaate on, että mitä enemmän kohde erottuu, sitä todennäköisemmin se huomataan ja muistetaan.,

varmista, että värit voit valita, antaa sinulle mahdollisuuden tehdä tiettyjä vaatii toimia erottuvat sivut ilman clashing loput suunnittelu.

Tämä lähestymistapa on sopusoinnussa useimpien kuluttajien mieltymykset, liian.

kahdessa tutkimuksessa, Esteettinen Vastaus väriyhdistelmiä ja Kuluttajien Mieltymykset väriyhdistelmiä, tutkijat huomasivat, että kun kuluttajat suosivat väri yhdistelmät, joilla on samankaltaisia sävyjä, he myös suosivat palettia, jossa on hyvin erottuva aksentti väri.,

ensimmäinen tutkimus osoitti, että ”parien suosiminen ja harmonia sekä lisääntyvät värisävyjen samankaltaisuuden kasvaessa.”Mutta”, vaikka paria erittäin kontrastiivinen sävyt ovat yleensä katsotaan kumpikaan parempi eikä harmoninen, figural väri etusija arvioinnista lisätä sävy kontrasti taustan lisää.”

toisessa tutkimuksessa, tutkijat huomasivat, että ”ihmiset yleensä haluavat yhdistää värejä, jotka ovat suhteellisen lähellä tai täsmälleen, lukuun ottamatta sitä, että jotkut ihmiset korosta yksi allekirjoitus tuote komponentti käyttämällä kontrastiivinen väri.,”

Joten vaikka teidän aksentti väri pitäisi olla voimakas kontrasti, se on okei — ja jopa parempi — jos muu paletti koostuu suhteellisen samanlaisia sävyjä.

Tämä tarkoittaa, että luominen web-suunnittelu paletit, jotka ovat yksi vahva, huomiota herättäviä aksentti väri ei ole vain tehokas eristämällä tiettyjä elementtejä, mutta on myös hyvä tapa luoda yhdistelmä, että monet kävijät pitävät.

yksinkertaistaa suunnitteluun liittyviä päätöksiä

mitä tulee verkkosivuston tai yrityksen ylläpitoon (tai molempiin!), se on aina hyvä idea etsiä tapoja yksinkertaistaa perus-prosesseja.,

loppujen lopuksi mitä vähemmän aikaa kuluu perustehtäviin, sitä enemmän aikaa joutuu käyttämään prosesseihin ja päätöksiin, joilla on suurempi vaikutus menestykseen.

ja web design palettesin perustaminen on oiva tapa karsia aikaa, jonka uusien sivujen luominen vaatii. Kun on vakiintunut värimaailma, voit tehdä perus suunnittelu valintoja paljon helpompaa sekä itsellesi ja teidän suunnittelijat ja kehittäjät.,

Tämä on erityisen totta, jos otat aikaa dokumentoida paletti helppo käyttää tavalla, kuten tätä asiaa:

Kun luot käyttäjän-ystävällinen asiakirja paletti, sinun valmistus-at-a-silmäyksellä resource kaikkia mahdollisia vaihtoehtoja jokaisen elementin.

Tällä tavalla, jos sinä (tai suunnittelijoita) on ongelmia määritettäessä, mikä väri käyttää CTA-painiketta, voit yksinkertaisesti viitata asiakirjan täydellinen luettelo vaihtoehdoista.,

Joten sen sijaan, raastava aivosi kaikki eri mahdollisuudet, voit valita ennalta määritetyn luettelon värejä. Ja kun valitset harvat käyttää tai testata, kaikki HEX ja RGB-koodit ovat jo edessäsi.

Kuinka monta väriä sinun pitäisi sisällyttää?

kaikki riippuu suunnittelun monimutkaisuudesta ja väriyhdistelmien tyypeistä. Esimerkiksi, jos käytät yksivärisen web design-paletti, ehkä seitsemän tai jopa enemmän sävyjä, että väri kaapata tarpeeksi erilaisia näytöllä.,

haluat määrittää sivustosi tietyille osille värejä, kuten tekstiä, taustoja, linkkejä, linkin hover-värejä, CTA-painikkeita ja otsikoita.

Miten Valita Sivuston värimaailma

Jos et ole varma, miten valita paras web design väripaletit, katso tämä video, jonka olen luonut. Se opastaa käytännön vinkkejä valita sivuston värimaailma.

Ihannetapauksessa sivuston väripaletit heijastavat yrityksen arvoja, uskomuksia ja tarkoitusta., Kova värit voivat osoittaa vähemmän muodollinen ilmapiiri ja enemmän jännitystä, kun taas hillitty värit lainaavat hienostuneempi tai muodollinen huomautus liiketoimintaa.

mutta sitä ei ole aina helppo kääntää, kun tuijottaa tuhansia mahdollisia väriyhdistelmiä. Katsotaanpa 23 great website color palettes, jotka voivat auttaa lisäämään sitoutumista.

16 Suuri Verkkosivuilla väripalettia Lisätä Sitoutumista (2020)

seuraavat sivustot käyttää eri sivuston väripaletin suuri vaikutus. Heidät on valittu huolellisesti herättämiensä tunteiden ja niiden välittämien tunteiden perusteella.,

Mea Teetä

Mea Teetä sivusto käyttää silmä-miellyttävä väri paletti, joka sisältää muutaman jalokiven sävyt (ruby ja emerald) suurin elävyys, mutta muuten perustuu neutraali, yksivärisen paletti ruskeat ja harmaat.

web design palette herättää kahvila tuntuu ja näkyy sivuston sankari kuva, joka luo yhteenkuuluvuutta.

Big Top

BigTop on yhteisö, joka on erikoistunut auttamaan startup-verkkoon., Sivusto käyttää epätavallinen, mutta erittäin huomiota herättäviä yhdistelmä jalokiven sävyt, jotka vaihtelevat violetti ja sininen kirkkaan oranssi ja keltainen.

ensisijainen värit ovat viileitä värejä, mikä tekee lämpimämpi värit pop. Huomaat kotisivun kuvakaappauksessa, että oranssi ja keltainen CTA tarttuu huomiosi ennen mitään muuta.

Tori on Silmä

kolmas esimerkki on peräisin Twitter-visualisointi työkalu Tori on Silmä. Tämä on hyvä esimerkki enimmäkseen yksivärisen värimaailman., Tässä näemme vaikutukset Yksinkertainen mutta tehokas väripaletti keskittyy sävyjä vihreä.

Tämä värimaailma on usein helppo vetää pois, kun yksi sävy väri toimii melkein aina toisen sävy on sama väri.

BarkBox

hallitseva vaaleanpunainen väri BarkBox kotisivu toistetaan koko sivuston eri sävyjä. Se eroaa kauniisti sinisestä väristä, jota käytetään logoissa ja Ctoissa koko sivuston ajan.,

Käyttää täydentäviä värejä vetää kävijöitä huomiota kohtaan, jossa haluat sen voi parantaa minkä tahansa sivuston väripaletti.

Juusto Survival Kit

Punainen on erittäin suosittu väri verkkosivuilla väripaletti. Se voi välittää rikas sekoitus tunteita, mikä tekee siitä hyvin monipuolinen. Se on erityisen tehokas, kun sitä käytetään pieninä annoksina, kuten Juustoa Survival Kit verkkosivuilla.,

punainen on karkaistu enemmän neutraaleja värejä, ja sininen auttaa pakata booli cta: t ja muut alueet, joilla yritys haluaa kiinnittää kävijän silmään.

Pohjoismaiden Ruby

Nordic Ruby, konferenssi Tukholmassa on kaunis sivusto on suunniteltu rikas jalokiven sävyt. Värit valittu tämän sivuston väripaletti antaa sille hienostuneisuutta ja asettaa sen lisäksi vähemmän vaikuttavia malleja.,

Lake Nona

Lake Nona on sivusto varten tiettyyn paikkaan — nimenomaan yksi lähellä vettä. Näin ollen ei ole yllättävää nähdä sininen väri edustettuna täällä. Muut neutraalit värit antavat sinisen erottua hienosti.

LemonStand

Jälleen kerran, ei ole yllätys, että yhtiö nimeltä Sitruuna Jalusta olisi keltainen sen verkkosivuilla väripaletti. Blues ja grays sopivat hienosti yhteen keltaisen kanssa ja auttavat lieventämään sen kirkkautta.,

Minttu

Mint on sivusto omistettu rahoitus, joten käyttö vihreät ja blues ovat hyviä valintoja. Ne auttavat välittämään rauhallisuutta, rauhallisuutta ja luottamusta. Ruskean perheen neutraalit sävyt tekevät siitä maanläheisen väripaletin, joka rauhoittaa aisteja.

Odopod

Odopod menee monotoninen väri paletti, mutta auttaa välttämään näköinen tylsää kaltevuus sen kotisivu., Suuri typografia tarjoaa erinomaisen kontrastin, ja se on selvää, missä he haluavat sinun klikkaa.

Fiverr

saatat huomata, että monet yritykset varata tietyn värin — siinä tapauksessa, Fiverr, vihreä — yksinomaan CTAs. Se ei näy muualla sivustolla. Itse asiassa, sitä ei edes poimittu ColorFav, koska se hallitsee neutraalimpia värejä.,

Digitaalinen Valokuvaus School

Voit odottaa liiketoiminta keskittyy graphic arts on täydellinen valinta verkkosivuilla väripaletti, ja Digital Photography School ei petä. Eloisat värit auttavat vetämään katsojan sisään. Ja, aivan kuten Fiverr, oranssi käytetään CTA ei edes näy sivustolla on paletti, koska sitä käytetään säästeliäästi vaikutus.,

Ahrefs

Ahrefs on esimerkki sivustosta, joka käyttää sen väri paletti runsaasti. Tummempi sininen toimii vallitsevana värinä, mutta sen variaatioita on kaikkialla. Sama koskee oransseja, vaaleanpunaisia ja teaalisia värejä.

Millon.co

Millon.co käyttää hyvin yksinkertainen sivusto, väripaletti, ja se on parempi se. Tiedämme tarkalleen, mistä etsiä, Kun käymme tällaisella sivustolla.,

Brian Gardner

Jotkut yritykset ja yksityishenkilöt ottaa monokromaattista väripaletti äärimmilleen. Web-suunnittelija Brian Gardner käyttää mustavalkoista värimaailmaa, joka toimii täydellisesti. Se perustuu hänen minimalismiinsa, joten se heijastaa hänen arvojaan ja uskomuksiaan.

Kangaspuut

Pehmeät värit voi toimia hyvin, kun haluat laittaa vierailija kotonaan. Loom käyttää liberaaleja annoksia lohta ja sinivauvoja., Se toimii hyvin, erityisesti tummansininen väri Saatavilla CTAs ja muita tärkeitä elementtejä sivulla.

Kätevä Luettelo Resursseja Poiminta Täydellinen Verkkosivuilla Väripaletti

Tässä ovat 18 väripaletti resurssit asettaa sinut täydellinen paletti sivuston.

ensin, tarvitsetko inspiraatiota?

1: BrandColors

BrandColors näyttää, miten johtavia tuotemerkkejä käytä väri erottaa niiden yritysten, kertoa brändin tarinaa ja anna niiden asiakkaat tietävät, mitä he edustavat., Voit selata aakkosjärjestyksessä yritysten, yritysten ja startup-yritysten luetteloa tai etsiä tuotenimellä.

Etsitkö readymade-palettia?

2: ColourLovers

ColourLovers on foorumi, sivusto paletti-suunnittelu, jossa on lähes 2 miljoonaa paletit toimitetaan sen käyttäjille. Voit etsiä ’palettes, jotka sisältävät tämän värin,’ selaa, tai seurata suunnittelijat. Usein, löydät muunnelmia saman paletin, antaa sinulle sävy ja kylläisyyttä vaihtoehtoja valmis.

(Täydellinen hassut nimet.,)

3: ColoRotate

ColoRotate tulee kirjaston värimaailma voit selata, valita ja muokata. Jos haluat rakentaa oman tyhjästä, voit kanssa 3D-väri työkalu. Ja voit käyttää järjestelmää olet luonut suoraan PhotoShop tai Fireworks, jossa ColorRotate plugin ja iPad app.

Vastaavat Oman Tuotemerkin

Mutta mitä jos sinulla on jo kuvia, logoja tai brändejä, että sivuston värit on ottelu?,

4: Väri Hunter

Väri Hunter ei ole työkalu, jossa on valtava valikoima toimintoja, kuten jotkut all-in-one huippuluokkaa tällä listalla. Sen sijaan se on vankka ratkaisu yhteen asiaan: tietyn värin jäljittämiseen. Siirry sivustoon, pudota kuva sisään ja työkalu luo paletin sinulle kuvasta. Tämä on vankka tapa luoda väripalettia kuvien ympärille tarvitset sivuston yhdenmukaistaa kanssa, ja voit käyttää sitä myös kääntää-insinööri paletit sivustoja pidät ulkoasua.,

5: Pictaculous

Pictaculous luo väripalettia kuvia – lähetä kuva, ja Pictaculous ehdottaa värejä vastaamaan sitä. Sekä tarjota sinulle paletti perustuu kuvan lataat, Pictaculous tarjoaa valmiita värijärjestelmiä, jotka vastaavat.

nämä työkalut tuottavat kokonaisia väripaletteja.

6: Adobe Color CC Color Wheel

Tämä työkalu käytetään olla tunnettu Adobe Kuler, ja se alkoi ulos kuin perus väri vertailu sivusto. Nyt se on täysitehoinen väripaletin rakennusjärjestelmä., Sen avulla voit kokeilla, vertailla ja tallentaa väriyhdistelmiä, jotka perustuvat väripalloon. Voit valita tyyppisiä paletti ja luoda viisivärisiä paletteja eri tasoilla tulon työkalusta, mukaan lukien täysin mukautettu ja lähes automaattinen.

7: Paletton

Paletton avulla voit rakentaa väripalettia nopeasti. Valitse haluamasi järjestelmä: mono, täydentävä, triadinen, tetradinen, analoginen tai painollinen analoginen. Sitten, kun vaihtaa yhden värin järjestelmässä, Muut muuttuvat vastaamaan sitä.,

8: Väri Torni

Väri Torni rakentaa sinulle väripaletti yhdestä väri. Valitset aloitusvärin, ja Color Spire ehdottaa väripalettia käytettäväksi yhdessä sen kanssa. Se tarjoaa myös esikatselu, voit nähdä, miten värit se suosittelee näyttäisi näyte verkkosivuilla.

9: MudCube Väri Pallo

(Lähde: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube Väri Pallo on Chrome plugin, joka auttaa sinua yhdenmukaistaa värit, ohjaus colorblindness ja tunnistaa hex-koodit., Voit myös viedä värimaailma suoraan Illustrator, PhotoShop ja CoIRD.com.

10: Yhtenäinen Värit

Yhtenäinen Värit vie nykyinen paletti, ja voit muokata sitä, lisätä overlay sävy väri, valinnan ja tuottaa uusi paletti olemassa yhtä nopeasti ja helposti.

11: Hex Color Scheme Generator

Tämän työkalun avulla voit tuottaa värit, jotka työskentelevät yhdessä väri sinulla jo on. Se on hieman perusteellisempi kuin jotkut väripallon työkalut tässä luettelossa., Liitä Hex numero työkaluun tai klikkaa väri pyörä, ja se palaa joukko 3 lisävärejä, jotka vastaavat, täydellinen Hex koodit.

värien rakentaminen

jotkut näistä työkaluista kaipaavat aluksi väriä mieleen. Jos sinulla ei ole brändäys sinun täytyy sovittaa, ja BrandColors ei näytä sinulle mitään, että kiinni silmäsi, voit aloittaa tyhjästä.,

12: Väri App

Tämä iOS-työkalun avulla voit tehdä hienoja päätöksiä välillä vastaavia värejä, luomalla heille selkeästi joitakin tilaa niiden välillä eikä kaltevuudet, kuten väri pyörät ja aloilla. Big color grids voit käyttää koko näytön (iPad Pro käyttäjät, iloita!) ja sen avulla voit myös maistella värejä, löytää RGB, Hex ja HSLA-arvot ja luoda väripaletteja tyhjästä.,

13: Väri

Väri, HailPixel, voit todella kynsien alas tarkalleen, minkä värin haluat, ja sitten antaa sinulle Hex-koodia.

vie hiiren osoitin näytön ja väri muuttuu hieman, kun siirrät se on kuin väri pallo, joka jatkuvasti ruokkii takaisin Hex-koodit. Siirrä näytön yli värin, ylös ja alas kyllästymisen.

Hae Koodit Väri

Jos olet nähnyt väri jonnekin, ja et tiedä mitä kutsua sitä, nämä ovat työkaluja voit.,

14: SpyColor

SpyColor antaa sinulle tietoa tahansa väri, mukaan lukien Hex, RGB -, CMYK-ja muut koodit. Työkalu näyttää erilaisia järjestelmän tyyppejä, kuten täydentävä, split-täydentävä, triadinen, yhteentörmäys ja analoginen, kunkin värin sivulla.

15: HTML-värikoodit

HTML-värikoodit löytää hex koodit kuvan värit selaimessasi. Valitse kuva työpöydältä ja klikkaa ’Näytä kuva,’ sitten hiiri sen yli saada Hex koodit eri osiin kuvan.,

testaa Palettisi

kun väripaletti on käytössä, sinun on tiedettävä, toimiiko se erilaisille kävijöille.

16: tsekkaa Värit

tsekkaa Värit avulla voit tarkistaa väripaletti on etualan ja taustan värejä, varmista, että ne tarjoavat riittävästi kontrastia joku ottaa väri puutteita. Jos haluat colorblindness-proof sivuston, tai vain saada tehokkain ja intuitiivinen väri yhdistelmiä UX näkökulmasta, tämä työkalu on korvaamaton., Pudota URL-osoite ja se sylkee raportti:

…että periaatteessa menee läpi kaikki koodi sivuston ja laadut kaikki visuaaliset elementit sen näkyvyyttä.

vastaavat kuvat

nyt väripaletti on paikallaan ja tiedät, että se on super näkyvä, tarvitset joitakin kuvia vastaamaan.

17: TinEye

TinEye on paremmin tunnettu vaihtoehtona Googlen kuvahaku., Mutta se toimii myös tapa tutkia väriyhdistelmiä, käyttäen tietokantaa yli 10 miljoonaa Creative Commons lisenssin valokuvia korjattu Flickr. Jos etsit kuvia täydellisessä väriyhdistelmässä, tämä on loistava, helppokäyttöinen tapa metsästää niitä.

18: Designspiration

Designspiration voit valita enintään viisi sävyjä alkaen koko sivun paletti, joka antaa sinulle mahdollisuuden nähdä värit selvästi. Sitten, sivusto näyttää kaikki kuvat tietokannassaan kyseisellä väriyhdistelmä., Se näyttää sinulle Hex numerot selvästi, ja voit klikata yksittäisiä Hex numerot. Voit tallentaa kuvia kokoelmiin sivustolla sekä ladata niitä.

Kuinka Käyttää Verkkosivuilla Käyttäytyminen Työkalu Analysoida Paras väripaletin

saatat ajatella, että kaikki sinun täytyy tehdä, on valita sivuston väripaletin ja eteenpäin täyttä höyryä eteenpäin. Se ei ole paras tapa toimia.

mieti asiaa. Testaat CTAs, otsikot, ja muut sivuston elementtejä. Miksi värin pitäisi olla erilainen?,

verkkosivuilla käyttäytymisen analyysi työkalu, kuten Crazy Egg tarjoaa täydellisen mahdollisuuden selvittää, miten yleisö reagoi nykyinen väripaletti.

Käyttäjän käyttäytymisen raportteja, kuten heatmaps kertoo, onko värit ovat kiinni ihmisten silmissä, jotka asiasta eniten — nykyiset ja potentiaaliset asiakkaat.

kun käsissäsi on raakaa dataa, voit tehdä tietoon perustuvia päätöksiä verkkosivustosi väripaletista.,

Kuvittele, että olet luonut verkkosivuilla yleisöä urheilu ystäville ja valinnut värit sininen ja vaaleanpunainen sekä pari neutraaleja harmaita. Yleisö ei pidä siitä.

ehkä se ei kuvaa tarpeeksi hyvin. Urheilun ystävät saattavat pitää rohkeammista, tummemmista väreistä ja maanläheisistä sävyistä.

et tiedä ennen kuin testaat.

Alkaa Käyttää Hullu Muna

Luo ilmainen Hullu Muna-tilisi aloita ilmainen kokeiluversio tai kirjaudu sisään perustaa oman käyttäjän käyttäytymistä raportteja.

voit tehdä useita testejä samanaikaisesti, jotta et tuhlaa tunteja, päiviä tai viikkoja., Sen sijaan, voit kaapata tietoja reaaliajassa ja keskittää ponnistelut löytää paras väripaletti mahdollista.

Conclusion

sivustosi väripaletin pitäisi paitsi kuvastaa brändiäsi, myös vedota yleisöösi. Muuten, ihmiset voidaan sammuttaa sivuston edes tajuamatta sitä.

aloita siitä, mistä pidät. Harkitse valitsemalla paletti, joka on erilainen kuin muut oman markkinarako, joten erotut. Aloita sitten testaus.

sivustosi värejä on helppo vaihtaa. Jos osaat HTML: ää, voit muuttaa teematiedostojen HEX-koodeja manuaalisesti., Monet WordPress teemoja myös mukana customizers, joiden avulla voit muuttaa värejä tietämättä mitään koodia.

anna itsellesi mahdollisuus tehdä sivustostasi mahdollisimman visuaalisesti houkutteleva ja mieleenpainuva.