er Den Beste Nettsiden Fargepaletter for å Øke Engasjementet i 2020

Er fargevalget du har valgt for ditt nettsted utløser en ønsket respons? Har du finne deg selv overveldet av antallet potensielle nettstedet fargepaletter?

Alle har favoritt farger de har en tendens til å bevege seg mot når det kommer til sitt arbeid eller på annen måte.,

Men en dyktig designer, forstår viktigheten av å vurdere en fargevalg basert på merkenavn, betydningen av fargene, og de produkter eller tjenester som markedsføres.

God farge valg ta nøye planlegging.

De kan påvirke hvordan en besøkende tolker det de ser så mye som en nettstedets layout og typografi — og, når det er gjort godt, de kan ha en positiv innvirkning på hver besøkende evaluering av merkevaren som en helhet.,

I denne artikkelen vil vi ta en titt på hvorfor velge riktige farger for ditt nettsted saker, samt 23 forskjellige fargepaletter fra virkelige nettsteder som er effektive i å gripe besøkendes oppmerksomhet.

Hvorfor Er Ditt fargevalg Så Viktig?

Før vi hopper inn i prosessen med å velge en farge ordning for nettstedet ditt, er det viktig å forstå nøyaktig hvorfor nettstedet ditt fargevalg saker så mye.

Når alle, tenker du kanskje at det er innholdet som teller. Og det er ikke sant.

Folk elsker innhold., De er trukket ut i frisk stemmer og fristende informasjon, men du må fange deres oppmerksomhet først. Det er der nettsted fargepaletter kommer inn i bildet.

Hvis du velger riktig nettsted fargevalg, du får muligheten til å blåse din besøkende med innholdet ditt.

Her er hvordan:

Opprett merkevare anerkjennelse

området er i hovedsak bedriftens hjem på nettet.

det betyr At det må være en nøyaktig gjengivelse av merkevaren. Og utover det, det må være minneverdig nok til at brukere vil returnere etter deres første besøk.,

Når alle, kan mange av de besøkende ikke vil være klar til å foreta et kjøp eller andre store konvertering under sitt første besøk — og de trenger å huske din bedrift for å komme tilbake og ta disse handlingene.

Heldigvis, farge øker merkevare anerkjennelse av 80%.

Så, hvis firmaet allerede har en etablert farge ordningen, er det viktig å inkludere dette i nettstedets design. Dette vil gjøre det mye enklere for besøkende til umiddelbart å koble det med andre steder de har sett din merkevare.,

Pluss, hvis farge ordningen er konsekvent på hele nettstedet ditt, vil de vite at de har kommet til rett sted når de kommer tilbake, uansett på hvilken side de lander på.

Utover å fortelle brukere som din bedrift er, web design spiller også en stor rolle i brukernes knipse dommer om merkevaren din.

Ifølge en undersøkelse, 94 prosent av respondentene som heter web design blant de primære drivere av nettstedet første inntrykk.

selvfølgelig, web design innebærer mye mer enn bare farge.,

Men gitt at fargen er en av de mest åpenbare elementer på nettstedet ditt, og en av de eneste en bruker kan se i de første 50 millisekunder, paletten kan ringe eller bryte en brukers vurdering av din bedrift.

Shape hvordan besøkende synes om nettstedet

I en annen studie på hvordan forbrukernes første inntrykk er dannet, vil 90 prosent av innledende vurderinger er basert på farge alene.

Til en viss grad, grunnen til dette er klart.

Når alle, fargen er en av de enkleste aspekter av en side for å «forstå.,»Det kan vurderes nesten umiddelbart, og krever ikke at besøkende til å vurdere kopiere eller andre meldinger.

Men det er også viktig å vurdere den rollen som psykologi og farger spiller i disse knipse dommer.

Mange bedrifter kan dra nytte av disse tilkoblingene, illustrert med logoer i følgende diagram.

For eksempel, merker som ønsker å skape en følelse av kreativitet og fantasi har en tendens til å innlemme lilla inn sine bilder, mens merkevarer som ønsker å etablere en følelse av balanse og ro lene mot svart og hvitt.,

Dette binder direkte til det «personlighet» du din merkevare ønsker å ha.

I en studie på merkevare personlighet, psykolog og Stanford-professor Jennifer Aaker konkluderte med at fem core dimensjoner spiller en rolle i en merkevare personlighet:

Merkevarer kan noen ganger blanding trekk, men for det meste, sin «personlighet» er sentrert først og fremst på en. Et selskap som selger camping utstyr, for eksempel, ville identifisere seg med «robusthet», mens en mote merkevare kan sikte til «raffinement.,»

som du ser i logoen figuren ovenfor, farge kan spille en viktig rolle i å vise forbrukerne hva merkevaren din personlighet er.

Selv om de fleste kanskje ikke bevisst innse at selskapets red logo er laget for å skape en følelse av spenning, det kan fortsatt gjøre akkurat det.

Og mens hver farge kan tjene til å skape en bestemt følelse eller reaksjon, vil enkelte farger er bedre valg enn andre for de fleste merker og nettsteder.

For eksempel, blå er ofte regnet som det tryggeste valget., Dette er til dels fordi det er den mest vanlige «favoritt» color blant flertallet av befolkningen.

faktisk, 57% av mennene og 35% av kvinnene sier det er deres favoritt farge.

Så, hvis du ønsker å appellere til et bredt publikum, kan dette være et godt valg for ditt nettsted. Faktisk, dette kan være grunnen til at noen av de mest besøkte nettstedene i dag, som Facebook og Twitter, og bruke det for sine logoer og merkevarebygging.

Det er også verdt å merke seg at blått er også ofte forbundet med følelser av tillit, autoritet og pålitelighet.,

Men det betyr ikke at det er det beste valget for hvert område. Det hele avhenger av den følelsen du ønsker å formidle til dine besøkende til.

For eksempel, hvis din merkevare handler om helse og velvære, grønt kan være et bedre alternativ for å opprette at foreningen. Og hvis du ønsker å få dine besøkende spent og drive dem til å iverksette tiltak raskt, rød kunne være mer effektivt for å hjelpe deg å oppnå dette målet.

Så, som du velger farger for ditt nettsted, bør du vurdere den følelsesmessige reaksjoner de kan kjøre i dine besøkende.,

For eksempel, hvis du prøver å skape en følelse av ro for din yoga studio hjemmeside, rød kanskje ikke være det beste valget — og det er best å vite at før du investerer penger i ditt design.

Utvikle en følelse av ordre

Bortsett fra det følelsesmessige reaksjoner de enkelte fargene du velger, kan fremkalle, det er også nødvendig å vurdere hvordan fargene på nettstedet ditt samhandle med hverandre.

Den beste måten å gjøre det på er ved å se på noen grunnleggende prinsipper om fargelære.,

Hvis du har noen gang tatt en kunst klasse eller sett på noen design-relaterte ressurser, har du sikkert sett noe som ligner på fargehjulet i grafisk ovenfor.

Den mest vanlige konsept illustrert i dette hjulet er forholdet mellom primær farger (rød, gul og blå), og den sekundære og tertiære farger som er dannet ved å blande dem sammen.

Men utover dette, er dette hjulet kan hjelpe deg å lage farge harmoni eller en visuelt tiltalende arrangement av farger., En harmonisk web design paletten kan hjelpe deg med å etablere en følelse av balanse og orden.

Det er tre allment akseptert typer farger som du kan bruke til å etablere denne type harmoni: analogt, ensfarget, og komplementære.

En tilsvarende fargevalget er gjort opp av farger som faller side-ved-side på fargehjulet. Dette er en av de mest vanskelige fargepaletter for å gjøre det bra siden fargene kan lett overmanne en annen.

når Det er sagt, analogt farger er også noen av de mest levende.,

Så, hvis du ønsker å lage en fargerik, visuelt interessant nettsted, kan du gjøre det bra med en palett som ligner på følgende tre eksempler:

En monokromatisk fargevalg faller på den motsatte enden av spekteret fra den forrige typen. Som navnet tilsier, det består av én viktigste fargen, men intensiteten og letthet av nyanser variere.

Disse palettene er noe av det enkleste å lage, og den «sikreste» for å gjennomføre fordi varierende nyanser av samme farge sjelden gang sammenstøt eller føler du det for travelt.,

Så hvis du går for en relativt enkel titt på nettstedet ditt, et monokromatisk fargevalg som disse tre kunne fungere bra for merkevaren din:

til Slutt, en utfyllende palett faller et sted mellom analogt og monokromatisk ordninger i form av variasjon.

Det er sammensatt av fargene som ligger direkte motsatt av hverandre på fargesirkelen. Så selv om det innebærer mer farger, farger naturlig utfyller hverandre og ikke vil overvelde besøkende.,

Hvis du ønsker å ta noen utvalg i farge ordningen uten å gjøre nettstedet ditt vises det for travelt, en komplementær farge-ordningen som en av disse kan være det perfekte valget:

selvfølgelig, disse tre er ikke de eneste typer farger som du kan opprette. Faktisk, de beste palett typer variere avhengig av hvem du spør.

En triadic fargevalget er en av de viktigste valg.

Denne fargen ordningen innebærer bruk av tre farger som ligger 120 grader fra hverandre på fargehjulet., I grafikken ovenfor, disse fargene oransje, grønt og lilla.

når du velger farger, husk at typene nevnt ovenfor er ikke utfyllende regler. De kan gi deg en generell ide om den generelle følelsen du vil at nettstedet ditt har, men de er på ingen måte de eneste måtene å lage en palett som fungerer for din merkevare.

Uansett hvilken type paletten du går med, kan du bruke den til å lage et hierarki av det viktigste innholdet på hver av sidene.,

Gjøre visse elementer skiller seg ut

Som jeg nevnte i forrige avsnitt, en definert farge nettstedet paletten kan være nyttig for å signalisere at visse elementer er viktige.

Du kan maksimere denne effekten ved å holde isolasjonseffekten i bakhodet når du bestemmer hvordan du vil bruke dine fargevalg på dine sider.

Den generelle ideen bak denne psykologiske prinsippet er at jo mer et element som skiller seg ut, jo mer sannsynlig er det at det er til å bli lagt merke til og husket.,

sørg for at fargene du velger å gi deg muligheten til å gjøre visse samtaler til handling skiller seg ut på dine sider uten kranglet med resten av designet.

Denne tilnærmingen er i tråd med de fleste forbrukernes preferanser, også.

I to studier, Estetisk Svar på fargekombinasjoner, og Forbrukernes Preferanser for Farge Kombinasjoner, har forskere funnet at mens forbrukerne foretrekker farge kombinasjoner med lignende nyanser, de også favør paletter med en svært kontrastrike aksent farge.,

Den første studien viste at «par preferanse og harmoni både øke som hue likheten øker.»Men, «selv om par med svært contrastive fargetoner er generelt vurdert å være verken ønskelig eller harmonisk, figurale ønsket farge rangeringer øke som hue kontrast med bakgrunn øker.»

I den andre studien fant forskerne at «folk generelt liker å kombinere farger som er relativt tett eller nøyaktig lik, med unntak av at noen folk merke en signatur produktet komponent ved hjelp av contrastive farge.,»

Så selv om din aksent farge bør ha en sterk kontrast, det er greit — og til og med foretrekke — hvis resten av paletten består av relativt lik nyanser.

Dette betyr at å lage web design paletter som inkluderer en sterk, oppsiktsvekkende aksent farge er ikke bare effektivt for å isolere visse elementer, men er også en flott måte å skape en kombinasjon som mange av dine besøkende vil like.

Forenkle design-relaterte beslutninger

Når det kommer til å kjøre en nettside eller en bedrift (eller begge!), det er alltid en god idé å lete etter måter å forenkle grunnleggende prosesser.,

Tross alt, jo mindre tid du bruker på grunnleggende oppgaver, jo mer tid du har til å bruke på prosesser og beslutninger som har en større innvirkning på din suksess.

Og etablere web design paletter er en flott måte å kutte ned på tiden det tar å opprette nye sider. Når du har en etablert fargevalg, du gjør grunnleggende design valg mye enklere, både for deg selv og for dine designere og utviklere.,

Dette er spesielt sant hvis du tar deg tid til å dokumentere din palett i en lett-å-bruke måte som denne virksomheten gjorde:

Når du oppretter en bruker-vennlig dokument av paletten, du produsere en at-a-glance ressurs med alle mulige alternativer for hvert element.

Denne måten, hvis du (eller din designere) har problemer med å bestemme hvilke farger som skal brukes for en CTA-knappen, du kan bare referere til dokumentet for en komplett liste av ditt valg.,

Så i stedet for reoler hjernen for alle de ulike mulighetene, kan du velge fra en forhåndsdefinert liste av farger. Og når du velger noen å bruke eller prøve, alle HEX og RGB-koder er allerede rett foran deg.

Hvor mange farger bør du innlemme?

Det kommer an på kompleksiteten av design og typer av fargekombinasjoner. For eksempel, hvis du bruker en monokromatisk web design-paletten, trenger du kanskje en syv eller enda flere nyanser av fargen for å fange nok variasjon på skjermen.,

vil Du ønsker å angi fargene for bestemte deler av nettstedet, for eksempel tekst, bakgrunn, koblinger, link sveve farger, CTA, knapper og overskrifter.

Hvordan å Velge en Nettside fargevalg

Hvis du ikke er sikker på hvordan du velger de beste web-design fargepaletter, sjekk ut denne videoen jeg har laget. Det leder deg gjennom praktiske tips for å velge et nettsted fargevalg.

Ideell, nettside fargepaletter gjenspeile bedriftens verdier, tro og hensikt., Høyt farger kan tyde på en mindre formell atmosfære og mer spenning, mens dempede farger gir et mer sofistikert eller formelle notat til virksomheten.

Men det er ikke alltid lett å oversette når du stirrer på tusenvis av potensielle farge kombinasjoner. La oss se på 23 flott hjemmeside fargepaletter som kan hjelpe deg med å øke engasjementet.

16 Flott Hjemmeside Fargepaletter for Å Øke Engasjement (2020)

følgende områder bruker ulike nettstedet fargepaletter til stor effekt. De er nøye utvalgt for de fremkalle følelser og følelser de formidler.,

Mea Cuppa

Mea Cuppa nettstedet bruker et eye-behagelig fargepalett som inneholder et par juvelen toner (ruby og emerald) for maksimal livlighet, men ellers er avhengig av en nøytral, ensfarget palett av brunt og grått.

web design palett fremkaller en kaffebar føler og er reflektert i området er helt bilde, som skaper samhold.

Den Store Toppen

BigTop er en gruppe som spesialiserer seg i å hjelpe startups nettverk., Nettstedet bruker en uvanlig, men svært oppsiktsvekkende kombinasjon av juvelen toner som spenner fra lilla og blått til lys oransje og gul.

Den primære farger er alle kule farger, noe som gjør den varmere farger pop. Du vil legge merke til i hjemmesiden skjermbildet på at de oransje og gul CTA fange din oppmerksomhet før noe annet.

Tori s Eye

Vår tredje eksempel kommer fra Twitter visualisering verktøyet Tori s Eye. Dette er et flott eksempel på en mest monokromatisk fargevalg., Her ser vi effekten av en enkel, men likevel kraftig farge palett sentrert rundt nyanser av grønt.

Dette fargevalget er ofte lett å trekke av, som en skygge av en farge vil nesten alltid jobbe med en annen nyanse av den samme fargen.

BarkBox

Den dominerende rosa farge på BarkBox hjemmeside er gjentatt over hele nettstedet i forskjellige nyanser. Det kontraster vakkert med den blå fargen som blir brukt i logoer og CTAs i hele området.,

ved Hjelp av komplementære farger for å trekke besøkende oppmerksomhet der du ønsker det kan bidra til å forbedre hvilken som helst nettside fargepalett.

Ost Survival Kit

Rød er en svært populær farge for en nettside fargepalett. Det kan formidle en rik blanding av følelser, noe som gjør det svært allsidig. Det er spesielt kraftig når den brukes i små doser, som du ser på Ost Survival Kit nettstedet.,

Den røde er herdet med mer nøytrale farger, og den blå hjelper pakke en punch for CTAs og andre områder hvor virksomheten ønsker å trekke den besøkendes øyne.

Nordiske Ruby

Nordiske Ruby, en konferanse i Stockholm, har en vakker nettside designet i rike juvelen toner. Fargene som er valgt for dette nettstedet fargepalett låne det raffinement og setter det bortsett fra mindre kraftfull design.,

Lake Nona

Lake Nona er et nettsted for et bestemt sted — spesielt en i nærheten av vann. Det er derfor ikke overraskende å se en blå farge som er representert her. Den andre nøytrale farger la den blå skiller seg ut pent.

LemonStand

Igjen, det er ingen overraskelse at et selskap som heter Sitron Stå ville ha gult i sin hjemmeside fargepalett. Blues og grays par pent med den gule og hjelpe temperament sin lysstyrke.,

Mint

Mint er en nettside dedikert til å finansiere, så bruken av grønt og blått som er gode valg. De hjelper formidle ro, fred og tillit. Nøytrale nyanser i brunt familie gjør det en samlet jordnær fargepalett som beroliger sansene.

Odopod

Odopod går med den monotone farge palett, men hjelper til å unngå å se kjedelig med en gradient på sin hjemmeside., Den store typografi tilbyr utmerket kontrast, og det er åpenbart hvor de vil ha deg til å klikke.

Fiverr

Du vil kanskje legge merke til at mange selskaper reservere en bestemt farge — i tilfelle av Fiverr, grønn — eksklusivt for CTAs. Den vises ikke til andre steder på nettstedet. Faktisk, det var ikke selv plukket opp av ColorFav fordi det er dominert av mer nøytrale farger.,

Digital Photography School

Du ville forvente en virksomhet sentrert på graphic arts har en solid nettstedet farge palett, og Digital Fotografering Skolen ikke skuffe. Den livlige farger hjelp trekke betrakteren i. Og, akkurat som Fiverr, oransje brukt i CTA selv ikke vises på nettstedet er palett fordi det er lite brukt for påvirkning.,

Ahrefs

Ahrefs er et eksempel på et nettsted som bruker sin fargepalett i rikt monn. En mørkere blå fungerer som den dominerende fargen, men varianter av den finnes i hele området. Det samme gjelder for de oransje, rosa og turkis farger.

Millo.co

Millo.co bruker en veldig enkel nettside farge palett, og det er bedre for det. Vi vet nøyaktig hvor du skal lete når vi besøker et nettsted som dette.,

Brian Gardner

Noen bedrifter og enkeltpersoner ta monokromatisk fargepaletten til det ekstreme. Brian Gardner, web designer, bruker en svart og hvit farge ordning som fungerer perfekt. Det er basert på hans merkevare av minimalisme, slik at den gjenspeiler hans verdier og overbevisninger.

Vevstol

Myke farger kan fungere godt når du ønsker å sette besøkende på brukervennlighet. Vevstol sysselsetter liberale doser av laks og baby blå., Det fungerer godt, spesielt med den mørkere blå farge tilgjengelig for CTAs og andre viktige elementer på siden.

En Hendig Liste over Ressurser for å Plukke den Perfekte Nettsiden Fargepalett

Her er 18 fargepalett ressurser til å sette deg opp med den perfekte paletten for ditt nettsted.

Først, trenger du inspirasjon?

1: BrandColors

BrandColors viser deg hvordan ledende merkevarer bruke farger til å skille mellom sine virksomheter, fortelle sin splitter historier og la kundene vet hva de står for., Du kan bla alfabetisk gjennom en liste av selskaper, ideelle organisasjoner og startups, eller søk etter merke navn.

Leter du etter en readymade-paletten?

2: ColourLovers

ColourLovers er et forum stedet for palett design, med nesten 2 millioner paletter innsendt av sine brukere. Du kan jakte opp ‘paletter som inkluderer denne fargen,’ bla gjennom, eller følg designere. Ofte, vil du finne varianter av den samme paletten, noe som gir deg kulør og metning valg klar laget.

(Komplett med snodige navn.,)

3: ColoRotate

ColoRotate leveres med et bibliotek av farger du kan bla gjennom, velg fra og endre. Hvis du ønsker å bygge din egen fra bunnen av, kan du, med en 3D-farge-verktøyet. Og du kan bruke den ordningen du har opprettet rett i PhotoShop eller Fireworks, med ColorRotate plugin-en og iPad-app.

Matche Din Merkevarebygging

Men hva hvis du allerede har bilder, logoer eller merkevarebygging at ditt nettsted farger for å matche?,

4: Farge Hunter

Farge Hunter er ikke et verktøy med et enormt utvalg av funksjonalitet, som noen av de alt-i-ett kraftstasjoner på denne listen. I stedet, det er en solid løsning for én ting: å spore opp en bestemt farge. Gå til nettstedet ditt, og deretter slippe et bilde i og vil verktøyet opprette en palett for deg fra bildet. Dette er en solid måte å lage fargepaletter rundt bilder du trenger for ditt nettsted for å harmonisere med, og du kan også bruke det til å foreta omvendt utvikling paletter av nettsteder du liker utseendet på.,

5: Pictaculous

Pictaculous genererer fargepaletter fra bilder – last opp et bilde, og Pictaculous vil foreslå farger for å matche det. I tillegg til å tilby deg en palett som er basert på det bildet du laster opp, Pictaculous vil tilbyr ferdige farger som passer sammen.

Disse verktøyene vil generere hele fargepaletter.

6: Adobe Color CC fargehjulet

Dette verktøyet brukes til å bli kjent som Adobe Kuler, og det som startet som en grunnleggende farge sammenligning nettsted. Nå, det er en full-makt fargepalett bygging system., Det lar deg prøve ut, sammenligne og spare farge kombinasjoner basert på en farge sfære. Du kan velge typer av paletten og generere fem-fargepaletter med ulike nivåer av innspill fra verktøyet, som fullt tilpasset og nær-automatisk.

7: Paletton

Paletton lar deg bygge en fargepalett fort. Velg den ordningen du ønsker: mono, komplementære, triadic, tetradic, analogt eller aksent analogt. Deretter, når du vil endre en farge som var med i ordningen, den andre på endre for å matche det.,

8: Farge Spire

Farge Spire bygger du en fargepalett fra en enkelt farge. Du velger en starte farge, og Fargen Spire foreslår en palett av farger til bruk i kombinasjon med det. Det gir også en forhåndsvisning, slik at du kan se hvordan fargene det anbefaler ville se på et eksempel på nettstedet.

9: MudCube Farge Sfære

(Kilde: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube Farge Sfæren er en Chrome-plugin som hjelper deg med å harmonisere farger, kontroll for colorblindness og identifisere hex-koder., Du kan også eksportere fargesammensetninger direkte inn i Illustrator, PhotoShop og CoIRD.com.

10: Helhetlig Farger

Sammenhengende Farger tar aktive paletten og lar deg manipulere det, å legge til et overlegg farge i farge-av ditt valg og å generere en ny palett fra en eksisterende raskt og enkelt.

11: Hex Farge Ordningen Generator

Dette verktøyet lar deg generere farger som fungerer i kombinasjon med en farge du allerede har. Det er litt mer grunnleggende enn noen av farge sfære verktøy i denne listen., Du limer inn et Heksadesimalt tall i verktøyet, eller klikk på fargehjulet, og det er tilbake med et sett av 3 flere farger som passer sammen, komplett med Hex-koder.

Bygning Farger

Noen av disse verktøyene trenger du å ha en farge i tankene til å begynne med. Hvis du ikke har branding du trenger for å matche, og BrandColors ikke vise deg noe som fanget øyet, kan du starte fra scratch.,

12: Fargen App

Dette iOS-verktøyet kan du lage fine beslutninger mellom lignende farger, ved å legge dem ut tydelig med litt mellomrom mellom dem, heller enn i graderinger, som i farge hjul og kuler. Stor farge nett lar deg bruke hele skjermen (iPad Pro-brukere, glede seg!) og det kan du også prøve farger, finne RGB, Hex og HSLA verdier og skape farge-paletter fra bunnen av.,

13: Farge

Farge, med HailPixel, kan du virkelig spikeren ned nøyaktig hvilken farge du ønsker, og deretter gir du den Heksadesimale koden for det.

Hold musepekeren over skjermen og fargene endringer veldig lett når du flytter – det er som en farge sfære som stadig strømmer tilbake i Hex-koder. Bevege seg over skjermen for farge, opp og ned for metning.

Få Kodene for en Farge

Hvis du har sett en farge et sted og du ikke vet nøyaktig hva jeg skal kalle det, dette er verktøy for deg.,

14: SpyColor

SpyColor gir deg informasjon om alle farger, inkludert Hex, RGB, CMYK og andre koder. Verktøyet viser deg spekter av ordningen typer som komplementære, split-komplementære, triadic, sammenstøt og analogt, på hver farge side.

15: HTML fargekoder

HTML fargekoder finner hex-koder for bilde farger i din nettleser. Du velger et bilde fra skrivebordet og klikk på » vis bilde, og klikk deretter musen over det å få Hex-koder for de forskjellige delene av bildet.,

Test Din Palett

Når du har en fargepalett på plass, du trenger å vite om det kommer til å fungere for en rekke besøkende.

16: Sjekk mine Farger

Sjekk min Farger kan du sjekke din fargepalett er forgrunn og bakgrunn farger, noe som gjør at de gir tilstrekkelig kontrast til noen som har farge underskudd. Hvis du ønsker å colorblindness-proof ditt nettsted, eller bare få den mest effektive og intuitive farge kombinasjoner fra en UX-perspektiv, dette verktøyet er uvurderlig., Slipp en URL-adresse i, og det spytter ut en rapport:

…som i utgangspunktet går gjennom hele koden for nettstedet ditt, og karakterer på alle de visuelle elementene i det på sikt.

Matchende Bilder

Nå din fargepalett er på plass, og du vet det er super synlig, trenger du noen bilder å matche.

17: TinEye

TinEye er bedre kjent som et alternativ til Google bildesøk., Men det fungerer også som en måte å utforske farge kombinasjoner, for å bruke en database på over 10 millioner Creative Commons-lisens bilder høstet fra Flickr. Hvis du er på jakt etter bilder i perfekt farge kombinasjon, dette er en stor, lett-å-bruke måte å jakte dem opp.

18: Designspiration

Designspiration kan du velge opptil fem nyanser fra en full-side paletten, som gir deg mulighet til å se farger, helt klart. Så, siden viser alle bildene i databasen sin med at farge kombinasjon., Det viser Hex tall klart, og du kan klikke på den enkelte Heksadesimale tall. Du kan lagre bilder til samlinger på nettstedet, samt for å laste dem ned.

Hvordan å Bruke et Nettsted Atferd Verktøy for å Analysere de Beste Fargepaletter

Du tenker kanskje at alt du trenger å gjøre er å velge et nettsted fargepalett og flytte fremover full steam ahead. Det er ikke den beste måten å gå om virksomheten.

Tenk på det. Du test din CTAs, overskrifter og andre nettstedet elementer. Hvorfor skal fargen være annerledes?,

Et nettsted atferd analyseverktøy som Crazy Egg tilbyr en perfekt mulighet til å finne ut hvordan publikum reagerer på gjeldende farge palett.

brukeratferd rapporter som heatmaps vil fortelle deg om dine farger er oppsiktsvekkende øynene til de menneskene som betyr mest for deg — dine nåværende og potensielle kunder.

Når du har raw-data i dine hender, du kan ta informerte beslutninger om ditt nettsted fargepalett.,

Tenk deg at du har opprettet en nettside for et publikum av sports elskere og har valgt farger, blå og rosa, samt et par nøytrale gråtoner. Publikum liker det ikke.

Kanskje det ikke formidle bildet ditt godt nok. Sportsentusiaster kan gjerne tykkere, mørkere farger og jordtoner.

vil Du ikke vite før du tester.

Start Med Crazy Egg

Opprette en gratis Crazy Egg-konto for å starte din gratis prøveversjon eller logg inn for å sette opp din brukeratferd rapporter.

Du kan kjøre flere tester på samme tid, slik at du ikke kaste bort timer, dager eller uker., I stedet, du kan fange opp data i sanntid og fokusere innsatsen på å finne den beste fargepalett mulig.

Konklusjon

Ditt nettsted fargepalett skal ikke bare reflektere din merkevare, men også appellere til publikum. Ellers, folk kan være deaktivert av nettstedet ditt uten selv å realisere den.

Begynn med det du liker. Vurdere å velge en palett som er forskjellig fra andre i din nisje, slik at du skiller deg ut. Deretter begynne å teste.

Det er enkelt å endre fargene på nettstedet ditt. Hvis du kjenner til HTML, kan du endre HEX-koder i tema-filene manuelt., Mange WordPress temaer kommer også med customizers som tillater at du endrer farger uten å kunne kode.

Gi deg selv muligheten til å gjøre nettstedet ditt som visuelt tiltalende og minneverdig som mulig.