Hvordan å Velge Nettstedet Farger

I merkevarebygging og website design, farger virkelig betyr noe.

Hvorfor?

Forskning viser at 62-90% av snap kjøpet beslutninger er drevet utelukkende av den oppfatning av farger.

Velge det riktige nettstedet fargevalget er det som gjør det minneverdige, troverdig, attraktive og lønnsomme. Det første inntrykket er alt.

Når du bygger et nettsted, bør du vurdere nøye hvilke farger for å legge til farge ordningen og hvorfor., Forskjellige farger vil sende ulike meldinger til dine besøkende, endre deres forståelse av ditt nettsted, selv når det ikke var ment.

ikke peiling på hvor skal du begynne? Følg disse trinnene for å opprette et nettsted fargevalg og unngå å gjøre de største design feil.

En gjennomsnittlig bruker har et oppmerksomheten span av 8 sekunder. Det er hvor lang tid du har til å overbevise dem til å fortsette å bla gjennom ditt nettsted.

Velge riktig farge ordning for web design vil hjelpe deg å engasjere brukere med detaljer i farger, skarp navigasjonselementer, og minneverdig merkevarebygging.,

Så, her er hvor du skal begynne…

7 Trinn for å Lage Din Egen Hjemmeside fargevalg

Finn Din Primære Fargen

Sjansene er du har allerede valgt ut den primære fargen. Hvis du har en logo eller alle eksisterende merkevarebygging på plass, er det sannsynligvis en av de største farge som dominerer design. Dette er fargen som merkevaren vil være forbundet med – ditt primære merke farge.

Hvis du er på langt nær den endelige avgjørelsen, ta denne quizen for å finne ut dine valg, utføre markedsundersøkelser, og bruke nettsteder som Dribbble eller Behance for litt inspirasjon.,

Du kan også bla gjennom listen over hex kode paletter med noen av verdens mest kjente merkevarer til å utvide din pool av ideer.

Når du kommer over et spesielt øye-tiltalende design eller bilde, ikke nøl med å bruke fargevelgeren for å ta tak i hex-koden og legge den til dine favoritter-listen. ColorZilla synes å være et populært verktøy.

Bestemme Antall Farger (Anbefalt: 3)

Når du har den primære fargen spikret ned, det neste trinnet er å bestemme hvor mange andre farger du vil legge til mix.

Det er vanligvis anbefalt å bruke en tre-farge kombinasjon., En triadic farge-ordningen, som består av tre farger fordelt jevnt rundt fargehjulet, er et godt utgangspunkt. En triadic paletten kan være ganske dramatisk hvis det har tre primære levende farger, så designere ofte velger en kombinasjon av videregående toner.

Det er også en gammel designer regel som kan være nyttig når du søker farge ordningen til nettstedet ditt design. Det er kjent som 60-30-10 regelen.

60-30-10 regel anbefaler ikke å bruke like mye av fargene som er valgt, men heller dele dem inn i prosenter og gjelder tilsvarende., Et godt eksempel på denne regelen i praksis er en manns passer: det blazer og slacks ta opp rundt 60% av utseendet, skjorte representerer en annen 30%, og tie 10%.

Bruk Sekundært Farger Når det er Nødvendig

Matchende sekundær farger til din viktigste merkevare farger kan være en kamp, men fortvil ikke! Det er nok av smarte gratis verktøy tilgjengelig på internett som vil gjøre denne oppgaven mye lettere. For eksempel, du kan dra til ColorSpace, angi den heksadesimale koden for din valgte farge, og len deg tilbake! (Mer farge palett generator verktøy nedenfor…)

Hva er poenget med å legge til sekundær farger uansett?, Noen ganger kan en design vil kreve mer enn bare noen få primære farger. Dette er spesielt sant for nettsteder som er spekket med innhold og destinasjonssider – produkter, enablement materialer, nedlastbare eiendeler, etc.

evnen til å visuelt separate overskrifter, sidebars, tekster, knapper, og andre elementer øke konverteringsfrekvensen og forbedre brukeropplevelsen.

Hvis du er i denne båten, er det verdt å vurdere å legge til i ulike farger og nyanser av dine viktigste farger i stedet for å lete etter flere. Noen ganger enkelhet er den beste strategien.,

ikke Glem den Nøytrale Farger (Hvit, Sort / Grå)

vil Du trenger nøytrale farger for tekst, for å skape kontrast for viktige elementer, eller som bakgrunnsfarge.

funksjonen til nøytral farge i moderne webdesign er mye som white space – å gi brukerne en pause og la dem bedre tid til å fordøye og prioritere informasjon på siden.

Det er en god idé å ha en mørk og en lys, nøytral farge for ulike bruksmåter. Den mest vanlige nøytrale fargene er hvit, svart og grå., Du kan også bruke nyanser av den dominerende farger som nøytrale, selv om det er litt komplisert å harmonisere.

Hvis du er fast for ideer, leder tilbake til Dribbble eller Designspiration og bruke farge-søk for å se hva andre gjør.

Legg til Primær, Sekundær og Nøytrale Farger På Følgende Steder:

Hvordan vil du gå om å bruke webområdet fargevalg? Hvilke farger som går hvor og hvorfor?

  • primærfargene gå til de «hot spots» på nettsiden din., Du bør bruke disse dristige, levende farger for å tiltrekke seg brukernes oppmerksomhet og be dem om å ta affære. CTA knapper, overskrifter, fordeler ikoner, laste ned skjemaer og annen viktig informasjon skal være merket med primærfargene.
  • Sekundær farger er brukt for å markere mindre viktig informasjon på nettstedet, for eksempel videregående knapper, underoverskriftene, aktive menyvalg, bakgrunner, eller som støtter innhold som vanlige Spørsmål og attester.,
  • Nøytrale farger vil mest sannsynlig bli brukt til tekst og bakgrunn, men det kan komme godt med i særlig fargerike deler av området, bare for å hjelpe tone det ned og fokusere øyet.

Gå Gjennom Prosessen Flere Ganger

Når du endelig finne din farge palett, legg den til test i ulike scenarier. Vil det fungere i utskriften? Hva hvis du bestemmer deg for å starte en vare linje? Betyr det har en effekt på besøkende du forventer det å ha?

Det er best å gå gjennom denne prosessen et par ganger, og lage et par forskjellige fargepaletter., Hvis man ikke klarer å møte alle dine krav, vil du ha en plan B.

Brainstorm Når det er Nødvendig

Vakre farger er ikke så vanskelig å komme med når du vet hvor du skal lete. Her er en liste over nyttige verktøy som vil veilede deg i din søken etter det beste nettstedet farge kombinasjoner.

Nyttig verktøy for brainstorming fargevalg (utvider)

  1. ColorSpace – dette nettstedet kan generere en hel farge ordningen er basert på den heksadesimale koden for en valgt farge.,
  2. Adobe Farge – dette Adobe-verktøy er bygget rundt konseptet av fargehjulet, og gir deg mulighet til å utvikle noen form for nettsted fargevalg i et par klikk. Du kan også laste opp et bilde for å trekke ut farge-koder ved å dra og slippe filen inn i verktøyet.
  3. Paletton – Paletton er et brukervennlig verktøy for å generere vakre farger uten noen tekniske eller design kunnskap.
  4. Coolors – dette verktøyet er veldig nyttige for å teste hvordan ulike farger arbeide sammen., Med sine dra-og-slipp-grensesnitt, kan du flytte farger rundt og se om de kan komme i konflikt eller arbeid pent sammen.
  5. ColorSpire – på en annen nettside fargevalg generator.
  6. Canva er fargehjulet – denne gratis verktøyet er super brukervennlig og kan hjelpe deg med å forstå hvilke farger ser bra sammen, og hvilken farge kombinasjoner er en no-no. Plus, det er mange pedagogiske innhold for å svare på eventuelle spørsmål du måtte ha om fargeteori og fargehjulet.

Mest Stilte Spørsmålene:

Hvorfor Er Nettsiden fargevalg Viktig?,

påvirkning av fargen på den menneskelige hjernen er et reelt fenomen. Om vi bevisst føler virkningene av det eller ikke, farger har en stor innvirkning på hvordan hjernen vår prosesser informasjon og verden rundt oss.

Vitenskapen har vist at rødt kan øke blodsirkulasjonen, mens blått gir en beroligende effekt.

For eksempel, i 2000, Glasgow introdusert blå gatebelysning for å forbedre byens landskap, noe som tilfeldigvis førte til en merkbar nedgang i antall forbrytelser i områder som er opplyst av det blå lys., På samme måte, Tokyo Yamanote jernbanelinjen valgte å installere blå lys i enden av toget plattformer for å redusere antall selvmord. Som et resultat, selvmord ved disse stasjoner ble redusert med 74%.

Som sannsynligvis forklarer hvorfor de fleste medisinske og farmasøytiske merker velge blå som sitt primære fargen.

En ting er klart: når det brukes riktig, kan farger har stor makt over oss. Og det er akkurat derfor å velge riktig farge ordningen for ditt nettsted er så viktig.,

Ved å kombinere ulike farger og nyanser, kan vi skape fargepaletter som bringer harmoni til design, fremkalle ønsket følelser, påvirke brukernes stemninger, og forme deres oppfatning av merkevaren.

Hva Følelser Er Forbundet Med Forskjellige Farger?

Det er et helt felt av vitenskap, dedikert til å studere virkninger av farge på menneskelig atferd – det kalles farge psykologi., Gjennom en rekke eksperimenter og forskning, forskere har fastslått at fargene faktisk fremkalle følelser: noen gjør oss glade, varsling, eller avslappet, mens andre tappe inn i mørkere følelser og kan gjøre oss engstelig eller trist.

faktisk 85% av kundene har sagt at de kan kjøpe produkter basert på farge alene.

Ved å velge riktig farge palett for nettstedet ditt, kan du endre måten folk tenker om din merkevare og skape varig følelser som vil drive forbrukernes kjøpsbeslutninger.

Men hvor du skal begynne?,

Her er de seks viktigste farger som fremkaller en unik følelsesmessig respons i seere:

Rød

Rød symboliserer betydning, lidenskap og aggresjon. Tenk på den røde løperen, hjertet som elsker symbol, eller stopp skilt. Det krever oppmerksomhet og, når det kommer til design, bør brukes med måte så for ikke å overvelde eller dekk viewer.

Appelsin

Appelsin er assosiert med energi, lekenhet, og lave priser. Ved å bruke oransje i web-design kan bidra til å bringe ut den splitter er ungdommelighet og til og med få øye på impuls kjøpere.,

Gul

Som den color of the sun, gul kan spille på glede og moro aspekter. Men det er også utløser angst område i hjernen, slik det bør brukes med forsiktighet og i forskjellige nyanser.

Grønn

farge av natur, grønt har en sterk sammenheng med helse, velstand og miljøvennlige tiltak. Det gir seg vakkert til alle typer organisk eller naturlig produkter og merkevarer som fokuserer på friluftsliv og natur.,

Blå

farge blue umiddelbart inngir tillit og fremkaller en følelse av sikkerhet. Plus, det har vist seg å ha en dempende effekt på hjernen, slik det også kommer over som innbydende og vennlig. Å være så allsidig og levende, blå er en av de mest populære fargen valg blant webdesignere.

Lilla

Lilla er fargen på royalty., Ofte assosiert med eleganse, mystikk og kreativitet, er det en go-til farge for merker som jager high-end eller luksus anke eller ønsker å lage en mer sensuell lokke med deres hjemmeside design.

å Tenke på som primær og sekundær farger til bruk for nettstedet ditt fargevalg vil tillate deg å påvirke hvordan folk føler om ditt nettsted og din merkevare.

Hva Bør jeg Vite Om Kjønn/Alder Farge Forskjeller?

best resultater nettsteder har én ting til felles – de kjenner sin målgruppe., Enten det er gjennom forskning eller års erfaring i bransjen din, bør du være i stand til å fortelle hvem du ønsker å appellere til. Hvorfor? Fordi farger, design valg, typografi, og ting som en tone av stemme påvirke ulike demografi annerledes.

Og det er ikke bare ulike demografi at du kan vise farger på en annen måte. Det viser seg at menn og kvinner foretrekker forskjellige farger også.

I 2012 en studie, nesten 2000 menn og kvinner ble spurt om de foretrakk lilla, blå, grønn, gul, oransje, rød eller rosa.,

Kakediagram: menneskeheten er favoritt farger.

Selv om subtile forskjellen i farge preferanser mellom menn og kvinner kunne gjøre en betydelig innvirkning på en merkets suksess. Det er ikke alt. Når du oppretter et nettsted fargevalg som appellerer til begge kjønn, det er også viktig å vurdere den minst favoritt farger.

Slik som farger gjør forskjellige kjønn foretrekker? Noe forskning har vært gjort i den retningen.,

Ifølge denne forskningen, både menn og kvinner vil mislike brun og oransje. 17% av kvinner også sette grå på sin liste over topp tre minst favoritt farger. Det er interessant at begge kjønn vurdere disse samme fargene som «billige» eller «rimelig.»

Hva Farger Fange Mest mulig Oppmerksomhet?

riktig farge kombinasjoner er viktig i web-design som de hjelper designere etablere visuelt hierarki. Visuelt hierarki, i sin tur, tillater brukere å skille kjerneelementene nesten umiddelbart og oppdage den viktigste informasjonen først.,

Men det er ikke bare ulike farge kombinasjoner som gir struktur design. Farger naturligvis ha sitt eget hierarki, som er best definert av den effekten hver farge gjør på våre følelser, sanser og atferd.

Det er dristige farger, som rødt, gult eller oransje, som er praktisk talt obligatorisk og etterspørsel vår udelte oppmerksomhet. Og det er svakere farger, for eksempel grå, hvit eller lys blå, som bidrar til å skape kontrast og gjør viktige elementer pop.,

Designere elsker å bruke dristige farger til å forbedre navigasjon og skape en mer intuitiv brukeropplevelse. Bortsett fra det, dristige farger kan brukes for å skape konsistens på tvers av ulike sider og hjelpe brukere med å finne det de trenger raskere. For eksempel ved bruk av rød farge for call-to-action knappene over ditt nettsted kan øke konverteringsfrekvensen og gjøre UI design mer intuitiv.

Hvilke Bransjer Favør Forskjellige Farger?,

Vi har allerede diskutert hvor viktig farge psykologi er å merkevarebygging, identitet og logo design, og hvordan hver skyggen har en annen psykologisk innvirkning på kunden.

Så det er ikke overraskende å høre at ulike næringer favør forskjellige farger, som de prøver å vekke bestemte følelser og skape industri-relevante organisasjoner.

En studie analysert 520 logoer i en rekke bransjer for å finne ut hvilken sektor som favoriserer farge. Resultatene ble sammenfattet i en fargerik figur, som representerer topp 20 merker i hver bransje og deres dominerende farger.,

Hvordan kan jeg Forbedre Merkevaren Anerkjennelse?

Farge er en av de viktigste elementene i en minneverdig helt – sammen med typografi, merkenavn, og grafikk.

Vi vet at våre hjerner krever visuell informasjon. Laging overbevisende visuelle innholdet som bruker de riktige fargene og øye-tiltalende design piques brukernes interesse og låser i deres oppmerksomhet lenge før informasjonen er faktisk behandles. Det tar en fjerdedel av et sekund for at hjernen til å behandle visuelle signaler, mens den gjennomsnittlige forbruker oppmerksomheten span er bare 8 sekunder.

La oss gjøre en rask eksperiment., Lukk øynene og tenk på disse tre merker: Milka Sjokolade, IKEA, og Carlsberg. Visste du se deres merkevare farger? Jeg vedder på at hjernen ble umiddelbart dusjet med lilla, blå-med-gule og grønne bilder.

Forskning har vist at fargen øker merkevare anerkjennelse av 80%. Building bedre merkevare anerkjennelse i sin tur hjelper bedrifter med å etablere fortrolighet. Og de mer kjente noe er, jo mer vi stoler på det.,

å Studere farge psykologi kan også hjelpe deg med å sikre at merkevaren din er forbundet med de rette følelser og skape et positivt sentiment i forbrukere.

Dette kan virke som mye arbeid for noe så grunnleggende som en nettside farge ordningen, men det er et viktig steg i website design prosessen. Å være i stand til å påvirke hvordan brukerne ser og føler om merkevaren din, vi trenger for å bedre forstå sammenhengen mellom farger og følelser.

Hva Er Nøytrale Farger?

Kan du opprette en tiltalende webdesign uten å bruke hvilken som helst farge?, Svaret er ja, men det krever en god forståelse av andre design-elementer, for eksempel typografi, rutenett, og layout, for å tiltrekke seg besøkende oppmerksomhet.

Svart og hvit website design er kjent som en monokromatisk fargevalg. Kombinasjonen av svart og hvitt er en trygg innsats – dette er to farger som aldri går av moten. Imidlertid, en monokromatisk fargevalg kan være basert på en farge, så lenge det er avledet fra en enkelt hue og utvidet med sine farger, nyanser og toner.,

En godt utført ensfarget design sikrer et nettsted som skiller seg ut som sofistikert, elegant og tidløs.

ulempen er at det kan være en utfordring å få en følelsesmessig reaksjon fra de besøkende. Blottet for farge, ensfarget web-design er også blottet for personlighet og følelser. Designere må tenke kreativt om å utvikle et spennende opplevelse når de velger en monokromatisk fargevalg.,

Forskning på minimalisme i web-design viser at bruk av en aksent farge bevisst og konsekvent på tvers av design bidrar til å fremheve de viktige opplysninger og motiverer brukere til å ta affære.

Blå, rød og grønn er de tre dominerende farger som dukker opp i nesten alle bransjer.

Men det er ett unntak som gjelder for fargen blå. I henhold til mat forskere, når mennesker søkte etter mat, lærte de å unngå giftige eller bortskjemt objekter, som ofte ble blå, svart eller lilla. Når mat farget blå serveres til å studere fag, de mister appetitten.,

Hvis alle andre merke i bransjen ved å bruke de samme fargene, det kan virke umulig å skille seg ut og bygge en gjenkjennelig merkevare. Det er derfor det er viktig å utarbeide en bredere farge ordning som vil gjelde for alle merkevarebygging og markedsføring materialer, i stedet for å gå med bare en enkel kombinasjon av primær og sekundær farger.

Er Det Noen Eksempler på God Nettside fargevalg?

Det er! Her er 20 eksempler er å inspirere til nettstedet ditt fargevalg.

1., Lyse Aksent Farge

ved Hjelp av en aksent farge på nettstedet ditt fargevalg er en av de mest effektive måter å lede den besøkendes oppmerksomhet til de mest viktige biter av informasjon på siden. I eksempelet ovenfor, dristige farger – gul – brukes til å enkelt ut kjernen tjenester og skape en minneverdig konseptet.

2. Et Lyst, men Balansert fargevalg

Dette nettstedet farge ordningen balanserer to levende farger, ved hjelp av lys rød som en aksent farge.

3., Frisk og Organisk Utseende Farge Ordningen

De sier at vi spiser med øynene først er spot-on. Våre hjernen mottar et signal fra øynene godt før vår smaksløkene få til å fungere. Fargen er ofte det første elementet som våre øyne-varsel om en matvare, som forhåndsdefinerer hvordan vi oppfatter smaken og smak av hva vi er i ferd med å spise. I eksempelet nedenfor ser vi hvordan bruke en naturlig fargestil, dominert av gul, hvit, og grønn farger, skaper en organisk og friskt utseende.

4., Jordfarger

Dette nettstedet fargevalg bruker en nøytral farge for bakgrunnen for å hente ut peachy fargen på produktet.

5. Rolig og Minimalistisk fargevalg

Denne enkle kombinasjon av naturlige, rolige farger skaper en avslappende atmosfære og setter den rette tonen for melding av hjemmeside – overvinne stress og angst. Det er også et eksempel på hvordan en begrenset fargepalett kan fremdeles være effektive i å gjøre en innvirkning på en besøkendes humør og atferd.

6., Elegant og Avslappet fargevalg

Sammenkobling forskjellige nyanser av blått, med matchende pasteller, denne slanke nettstedet farge ordningen skaper en rolig og drømmende atmosfære.

7. Pastell og Dempede fargevalg

ved Hjelp av en myk, pastell farge ordningen, dette nettstedet design klarer å skape et inntrykk av organisk flyt og visuell struktur. Det er behagelig for øyet og godt balansert, lokke besøkende til å feste rundt og fortsette surfingen.

8., Myk og Innbydende fargevalg

Dette nettstedet fargevalg kombinerer flere pastell farger for å skape en myk og innbydende utseende.

9. Levende og Dristig fargevalg

Fullstappet med farge og energi, er dette en livlig farge palett bringer sammen lyse gul og levende blå, skape en effektiv kombinasjon. Med friske farger og spennende design elementer, nettstedet etterlater et langvarig inntrykk, og en sitrusmarninert smak sprekke.

10., Levende Kontrast

I dette fargevalget, to levende farger er brukt til å opprette en eye iøynefallende kontrast.

11. Fargerike og Moderne fargevalg

Dette nettstedet trekker ut en sofistikert og moderne design ved å kombinere fargerike produkter med nøytral bakgrunn. Med en aksent farge for CTA-knappene, webdesign fungerer glimrende på å veilede de besøkende til ønsket handling.

12., Morsom og Leken

ved å Kombinere mange forskjellige farger og nyanser, dette nettstedet trekker ut en leken fargevalg som bruker farger for å skape informasjon kategorier.

13. Monokromatisk fargevalg

å Spille med struktur og ulike nyanser av svart og grått, denne fargepaletten bidrar til å skape en mystisk ennå approachable nettstedet ditt design. Mangel på farge i denne web design styrker den besøkende til å fokusere på andre elementer, inkludert kopi, former, og det visuelle.

14., Elegant og Fredelig

å Spille med noen nyanser av grønt, dette nettstedet design skaper dybde og bruker en rolig, ren farge ordningen for å holde de besøkende engasjert.

15. Levende og Skarpe Farge-Ordningen

Kanalisering en skarp farge ordningen, dette nettstedet design gir et sterkt førsteinntrykk. Ikke redd for å føre med levende farger, website design kombinerer ulike nyanser for å skape en kontrast og tiltrekke seg de besøkendes øyne – fra dyp rosa til turkis grønn og rik blå, fargevalget er eklektisk, men balansert.,

16. Ikke Redd for Dristige Farger

Med en høy kontrast og tre levende farger på spill, dette nettstedet fargevalg gjør en fet inntrykk.

17. Elegante og Luksuriøse fargevalg

Denne vakre fargevalg trekker ut en royal, elegant utseende ved å kombinere dyp blå med gull nyanser. Det er en klassisk farge ordningen med en moderne vri som leverer en kraftig visuell opplevelse og umiddelbart posisjonere merkevaren som en high-end spiller.

18., Med en Touch av Gull

eksempelet nedenfor viser hvordan du kaster i en farge som har sterke kulturelle foreninger – i dette tilfellet; gull – kan endre dynamikken i hele designprosessen og gjøre det ser mer majestetisk.

19. Corporate ennå Energisk Farge Ordningen

å Stole på en livlig ennå ganske tradisjonelle farge palett, dette nettstedet design klarer å fremkalle tillit samtidig skape et inntrykk av en fremtidsrettet, moderne merkevare., Med sterk kontrast og flotte lesbarhet, kombinasjonen av rød og blå gir nettstedet en dynamisk og kraftfull vibe.

20. Tradisjonell, men Interessant

Den klassiske kombinasjonen av rødt og blått kommer til live i denne kule nettsiden design.

Nå Vet Du Hvordan å Designe et Nettsted fargevalg deg Selv

sannheten er, du trenger ikke å være en designer til å lage en vakker nettsted fargevalg., Med en bred forståelse av farge psykologi, det grunnleggende i fargelære, og et arsenal av nyttige verktøy, kan du utvikle en fargepalett som gir din merkevare med en kraftig visuell identitet.

Ta deg tid til å utforske kreative eksempler, teste ut ulike fargekombinasjoner, og finn komplementære farger som fungerer fint sammen. God design er relative – hvis det fungerer for din merkevare, stasjoner engasjement, og øker merkevare anerkjennelse, det er alt som teller.

Nå har satt på din designer lue og begynne å eksperimentere med dine fargepaletter.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *