Sådan vælges Colourebstedsfarveskemaer

i branding og websiteebstedsdesign betyder farver virkelig noget.

hvorfor?

forskning viser, at 62-90% af snap købsbeslutninger er drevet udelukkende af opfattelsen af farver.

at vælge det rigtige farveskema på websiteebstedet er det, der gør det mindeværdigt, troværdigt, attraktivt og rentabelt. Det første indtryk er alt.

Når du bygger et siteebsted, skal du nøje overveje, hvilke farver du skal tilføje til dit farveskema, og hvorfor., Forskellige farver vil sende forskellige beskeder til dine besøgende, ændre deres forståelse af dit websiteebsted, selv når det ikke var hensigten.

Clueless hvor skal man endda begynde? Følg disse trin for at oprette et colorebstedsfarveskema og undgå at begå de største designfejl.

en gennemsnitlig bruger har et opmærksomhedsspænd på 8 sekunder. Det er hvor længe du skal overbevise dem om at fortsætte med at gennemse dit websiteebsted.valg af det rigtige farveskema til dit webebdesign hjælper dig med at engagere brugerne med farveaccenter, skarpe navigationselementer og mindeværdig branding.,

her er Så, hvor du skal starte…

7 Trin til at Oprette Din Egen Hjemmeside farveskema

Find Din Primære Farve

Chancerne er du allerede har valgt dine primære farve. Hvis du har et logo eller en eksisterende branding på plads, er der sandsynligvis en hovedfarve, der dominerer designene. Dette er den farve, som dit brand vil være forbundet med-din primære brandfarve.

Hvis du ikke er i nærheden af den endelige beslutning, skal du tage denne quui.for at finde ud af dine muligheder, udføre markedsundersøgelser og bruge sitesebsteder som Dribbble eller Behance til lidt inspiration.,

Du kan også gennemse denne liste over he.-kodepaletter af nogle af verdens mest kendte mærker for at udvide din pulje af ideer.

Når du støder på et særligt iøjnefaldende design eller billede, tøv ikke med at bruge en farvevælger til at få fat i HE.-koden og føje den til din favoritliste. Color .illa synes at være et populært værktøj.

Beslut om antallet af farver (anbefalet: 3)

Når du har den primære farve spikret ned, er det næste trin at bestemme, hvor mange andre farver du vil tilføje til blandingen.

det anbefales typisk at bruge en trefarvet kombination., Et triadisk farveskema, der består af tre farver fordelt jævnt rundt om farvehjulet, er et godt udgangspunkt. En triadisk palet kan være ret dramatisk, hvis den har tre primære levende farver, så designere vælger ofte en kombination af sekundære toner.

Der er også en gammel designers regel, der kan være nyttig, når du anvender dit farveskema til websiteebstedsdesignet. Det er kendt som 60-30-10 reglen.

60-30-10-reglen anbefaler ikke at bruge lige store mængder af de valgte farver, men snarere opdele dem i procentdele og anvende i overensstemmelse hermed., Et godt eksempel på denne regel i praksis er en mands dragt: bla .er og slacks optager omkring 60% af udseendet, skjorten repræsenterer yderligere 30%, og slipset 10%.

brug sekundære farver, når det er nødvendigt

matchende sekundære farver til dine vigtigste mærkefarver kan være en kamp, men fortvivl ikke! Der er masser af smarte gratis værktøjer tilgængelige online, der vil gøre denne opgave meget lettere. For eksempel kan du gå til ColorSpace, indtaste he! – koden for din valgte farve og læne dig tilbage! (Flere farvepalet generator værktøjer nedenfor…)

Hvad er poenget med at tilføje sekundære farver alligevel?, Nogle gange kræver et design mere end blot et par primære farver. Dette gælder især for websebsteder, der er fyldt med indhold og destinationssider – produkter, aktiveringsmaterialer, do .nloadbare aktiver osv.

muligheden for visuelt at adskille overskrifter, sidebjælker, billedtekster, knapper og andre elementer øger konverteringsfrekvensen og forbedrer brugeroplevelsen.

Hvis du er i denne båd, er det værd at overveje at tilføje forskellige nuancer og nuancer af dine hovedfarver i stedet for at lede efter yderligere. Nogle gange er enkelhed den bedste strategi.,

glem ikke dine neutrale farver (Hvid, Sort grå)

du har brug for neutrale farver til tekst, for at skabe kontrast til vigtige elementer eller som baggrundsfarver.

funktionen af neutral farve i moderne webebdesign ligner det hvide rum – for at give brugerne en pause og give dem tid til bedre at fordøje og prioritere information på siden.

det er en god ide at have en mørk og en lys neutral farve til forskellige brugssager. De mest almindelige neutrale farver er hvid, sort og grå., Du kan også bruge nuancer af dine dominerende farver som neutrale, selvom det er lidt vanskeligere at harmonisere.

Hvis du sidder fast for ideer, skal du gå tilbage til Dribbble eller Designspiration og bruge farvesøgningen til at se, hvad andre laver.

Tilføj primære, sekundære og neutrale farver på følgende steder:

hvordan går du til at anvende websiteebstedets farveskema? Hvilke farver går hvor, og hvorfor?primære farver gå til “hot spots” på din webebside., Du skal bruge disse dristige, levende farver for at tiltrække brugernes opmærksomhed og bede dem om at gribe ind. CTA knapper, overskrifter, fordele ikoner, do .nload formularer og andre vigtige oplysninger bør fremhæves ved hjælp af primære farver.

  • sekundære farver bruges til at fremhæve de mindre vigtige oplysninger på websiteebstedet, såsom sekundære knapper, underoverskrifter, aktive menupunkter, baggrunde eller understøttende indhold som ofte stillede spørgsmål og testimonials.,
  • neutrale farver vil sandsynligvis blive brugt til tekst og baggrund, men kan komme godt med i særligt farverige dele af siteebstedet, bare for at hjælpe med at tone det ned og fokusere øjet igen.
  • gå igennem processen flere gange

    Når du endelig udtænker din farvepalet, skal du sætte den på prøve i forskellige scenarier. Vil det arbejde på tryk? Hvad hvis du beslutter dig for at starte en merchandise linje? Har det en effekt på besøgende, du forventede, at det skulle have?

    det er bedst at gennemgå denne proces et par gange og oprette et par forskellige farvepaletter., Hvis man ikke opfylder alle dine krav, har du en plan B.

    Brainstorm når det er nødvendigt

    smukke farveskemaer er ikke så svære at komme med, når du ved, hvor du skal kigge. Her er en liste over nyttige værktøjer, der vil guide dig i din søgning efter de bedste websiteebstedsfarvekombinationer.nyttige værktøjer til brainstorming af farveskemaer (udvider)

    1. ColorSpace – dette .ebsted kan generere et helt farveskema baseret på he. – koden for en valgt farve.,
    2. Adobe Color-dette Adobe-værktøj er bygget op omkring konceptet med farvehjulet og giver dig mulighed for at udvikle enhver form for websiteebstedsfarveskema med få klik. Du kan også uploade et billede for at udtrække farvekoder ved at trække og slippe din fil ind i værktøjet.
    3. Paletton – Paletton er et andet brugervenligt værktøj til at generere smukke farveskemaer uden nogen teknisk eller design viden.coolors-dette værktøj er virkelig praktisk til at teste, hvordan forskellige farver fungerer sammen., Med sin træk-og-slip-grænseflade kan du flytte farverne rundt og se, om de kolliderer eller arbejder pænt sammen.
    4. ColorSpire-en anden hjemmeside farveskema generator.
    5. Canva ‘ s Color Wheelheel-dette gratis værktøj er super brugervenligt og kan hjælpe dig med at forstå, hvilke farver der ser godt ud sammen, og hvilke farvekombinationer der er et nej. Plus, der er meget uddannelsesmæssigt indhold til at besvare eventuelle spørgsmål, du måtte have om farveteorien og farvehjulet.

    oftest stillede spørgsmål:

    Hvorfor er Websiteebstedets farveskema vigtigt?,

    indflydelsen af farve på den menneskelige hjerne er et reelt fænomen. Uanset om vi bevidst føler virkningerne af det eller ej, har farver en stor indflydelse på, hvordan vores hjerne behandler information og verden omkring os.

    videnskab har vist, at rød kan øge cirkulationen, mens blå giver en beroligende effekt.for eksempel introducerede Glasgo.i 2000 blå gadebelysning for at forbedre byens landskab, hvilket ved et uheld førte til et mærkbart fald i antallet af forbrydelser i områder oplyst af de blå lys., Tilsvarende valgte Tokyos Yamanote – jernbanelinje at installere blå lys i slutningen af togplatforme for at reducere antallet af selvmord. Som følge heraf faldt selvmord på disse stationer med 74%.

    det forklarer sandsynligvis, hvorfor de fleste medicinske og farmaceutiske mærker vælger blå som deres primære farve.

    en ting er klar: når de bruges korrekt, kan farver have stor magt over os. Og det er netop derfor, at det er så vigtigt at vælge det rigtige farveskema til dit websiteebsted.,ved at kombinere forskellige farver og nuancer kan vi skabe farvepaletter, der bringer harmoni med designet, fremkalder ønskede følelser, påvirker brugernes humør og former deres opfattelse af mærket.

    hvilke følelser er forbundet med forskellige farver?

    Der er et helt videnskabsområde dedikeret til at studere virkningerne af farve på menneskelig adfærd – det hedder farvepsykologi., Gennem mange eksperimenter og forskning har forskere konstateret, at farver faktisk fremkalder følelser: nogle gør os glade, Opmærksomme eller afslappede, mens andre tapper af mørkere følelser og kan gøre os ængstelige eller triste.faktisk har 85% af kunderne sagt, at de køber produkter baseret på farve alene.

    Ved at vælge den rigtige farvepalet til dit websiteebsted kan du ændre den måde, folk tænker på dit brand og generere varige følelser, der vil drive forbrugernes købsbeslutninger.

    men hvor skal man starte?,

    Her er seks hovedfarver, der fremkalder en unik følelsesmæssig reaktion hos seerne:

    Rød

    rød symboliserer betydning, lidenskab og aggression. Tænk på den røde løber, hjertet som et kærlighedssymbol eller stopskiltet. Det kræver opmærksomhed, og når det kommer til design, skal det bruges sparsomt for ikke at overvælde eller trætte seeren.

    Orange

    Orange er forbundet med energi, legesygdom og lave priser. Brug af orange i webebdesign kan hjælpe med at få mærkets ungdommelighed ud og endda få øje med impulskøbere.,

    Gul

    som solens farve kan Gul spille på lykke og sjove aspekter. Men det aktiverer også angstområdet i hjernen, så det skal bruges forsigtigt og i forskellige nuancer.

    grøn

    naturens farve, grøn har en stærk tilknytning til sundhed, velstand og miljøvenlige initiativer. Det egner sig smukt til alle former for økologiske eller naturlige produkter og mærker med fokus på udendørs og natur.,

    blå

    farven blå inspirerer øjeblikkeligt tillid og fremkalder en følelse af sikkerhed. Plus, det har vist sig at have en beroligende effekt på hjernen, så det kommer også ud som indbydende og venligt. At være så alsidig og levende, blå er en af de mest populære farvevalg blandt designebdesignere.

    Lilla

    lilla er farven på royalty., Ofte forbundet med elegance, mystik og kreativitet er det en go-to-farve for mærker, der jager den avancerede eller luksuriøse appel eller ønsker at skabe en mere sensuel lokkelse med deres websiteebstedsdesign.

    at tænke over, hvilke primære og sekundære farver der skal bruges til dit colorebsteds farveskema, giver dig mulighed for at påvirke den måde, folk føler på dit websiteebsted og dit brand.

    Hvad skal jeg vide om køn / alder farveforskelle?

    de mest effektive websebsteder har commonn ting til fælles-de kender deres målgruppe., Uanset om det er gennem markedsundersøgelser eller mange års erfaring i din branche, skal du være i stand til at fortælle, hvem du vil appellere til. Hvorfor? Fordi farver, designvalg, typografi og ting som tonefald påvirker forskellige demografier forskelligt.

    og det er ikke bare forskellige demografier, der ser farver forskelligt. Det viser sig, at mænd og kvinder foretrækker forskellige farver også.

    i en undersøgelse fra 2012 blev næsten 2.000 mænd og kvinder spurgt, om de foretrak Lilla, Blå, Grøn, Gul, orange, rød eller lyserød.,

    Cirkeldiagram: menneskehedens foretrukne farver.

    selvom det er subtilt, kan forskellen i farvepræferencer mellem mænd og kvinder have en betydelig indflydelse på et brands succes. Det er ikke alt. Når du opretter et colorebstedsfarveskema, der appellerer til begge køn, er det også vigtigt at overveje de mindst foretrukne farver.

    Så hvilke farver foretrækker de forskellige køn? Der er foretaget visse undersøgelser i den retning.,

    ifølge denne forskning kan både mænd og kvinder ikke lide brun og orange. 17% af kvinderne sætter også grå på deres liste over de tre bedste mindst yndlingsfarver. Interessant nok betragter begge køn de samme farver som “billige” eller “billige.”

    hvilke farver får mest opmærksomhed?

    de rigtige farvekombinationer er vigtige i webebdesign, da de hjælper designere med at etablere visuelt hierarki. Visuelt hierarki giver på sin side brugerne mulighed for at skelne kerneelementerne næsten øjeblikkeligt og først se de vigtigste oplysninger.,

    men det er ikke kun forskellige farvekombinationer, der giver designstruktur. Farver har naturligvis deres eget hierarki, som bedst defineres af den indflydelse, hver farve har på vores følelser, sanser og adfærd.

    Der er dristige farver, som rød, gul eller orange, der praktisk talt er unmissable og kræver vores udelte opmærksomhed. Og der er svagere farver, såsom grå, hvid eller lyseblå, der hjælper med at skabe kontrast og få vigtige elementer til at poppe.,designere elsker at bruge dristige farver til at skærpe navigationen og skabe en mere intuitiv brugeroplevelse. Derudover kan dristige farver bruges til at skabe konsistens på tværs af forskellige sider og hjælpe brugerne med at finde det, de har brug for hurtigere. For eksempel kan brug af rød farve til opkaldsknapper på tværs af dit websiteebsted øge din konverteringsfrekvens og gøre UI-designet mere intuitivt.

    hvilke brancher favoriserer forskellige farver?,

    Vi har allerede diskuteret, hvor vigtig farvepsykologi er for branding, identitet og logo design, og hvordan hver nuance har en anden psykologisk indvirkning på kunden.

    så det er slet ikke overraskende at lære, at forskellige brancher favoriserer forskellige farver, da de forsøger at fremkalde bestemte følelser og skabe brancherelevante foreninger.

    en undersøgelse analyserede 520 logoer i en række brancher for at bestemme, hvilken sektor der favoriserer hvilken farve. Resultaterne blev samlet i et farverigt diagram, der repræsenterer de 20 bedste mærker i hver branche og deres dominerende farver.,

    Hvordan forbedrer jeg mærkegenkendelse?

    farve er et af de vigtigste elementer i et mindeværdigt mærke – sammen med typografi, mærkenavn og grafik.

    Vi ved, at vores hjerner beder om visuel information. Crafting overbevisende visuelt indhold, der bruger de rigtige farver og øje-tiltalende design pi .ues brugernes interesse og låse i deres opmærksomhed længe før oplysningerne faktisk behandles. Det tager et kvart sekund for hjernen at behandle visuelle signaler, mens den gennemsnitlige forbrugeropmærksomhed kun er 8 sekunder.

    lad os lave et hurtigt eksperiment., Luk øjnene og tænk på disse tre mærker: Milka Chocolate, IKEA og Carlsberg. Så du deres mærkefarver? Jeg vedder på, at din hjerne øjeblikkeligt blev overvældet med lilla, blå-med-gul og grønne billeder.

    forskning har vist, at farve øger mærkegenkendelse med 80%. At opbygge bedre mærkegenkendelse hjælper igen virksomheder med at etablere fortrolighed. Og jo mere velkendt noget er, jo mere stoler vi på det.,at studere farvepsykologi kan også hjælpe dig med at sikre, at dit brand er forbundet med de rigtige følelser og skabe en positiv stemning hos forbrugerne.

    dette kan virke som en masse arbejde for noget så grundlæggende som et colorebstedsfarveskema, men det er et vigtigt trin i websiteebstedsdesignprocessen. For at kunne påvirke, hvordan brugerne ser og føler om dit brand, er vi nødt til bedre at forstå forbindelsen mellem farver og følelser.

    Hvad er neutrale farver?

    kan du oprette et tiltalende websiteebstedsdesign uden at bruge nogen farve?, Svaret er ja, men det kræver en god forståelse af andre designelementer, såsom typografi, gitter og layout, for at tiltrække besøgende opmærksomhed.

    sort og hvid hjemmeside design er kendt som en monokromatisk farveskema. Kombinationen af sort og hvid farver er en sikker indsats-det er de to farver, der aldrig vil gå ud af mode. Imidlertid kan et monokromatisk farveskema være baseret på enhver farve, så længe det er afledt af en enkelt nuance og udvidet ved hjælp af dets farver, nuancer og toner.,

    et godt udført monokromatisk design sikrer, at et websiteebsted skiller sig ud som sofistikeret, klassisk og tidløst.

    på ulempen kan det være en udfordring at få et følelsesmæssigt svar fra dine besøgende. Blottet for farve, monokromatiske webebdesign er også blottet for personlighed og følelser. Designere skal tænke kreativt om at udvikle en overbevisende bro .sing oplevelse, når de vælger en monokromatisk farveskema.,

    forskning i minimalisme i webebdesign viser, at brug af en accentfarve med vilje og konsekvent på tværs af designet hjælper med at fremhæve de vigtigste oplysninger og motiverer brugerne til at gribe ind.blå, rød og grøn er de tre dominerende farver, der dukker op i næsten alle brancher.

    Der er dog en undtagelse, der gælder for farven blå. Ifølge madforskere lærte de, når mennesker søgte efter mad, at undgå giftige eller forkælet genstande, som ofte var blå, sort eller lilla. Når madfarvet blå serveres til at studere emner, mister de appetitten.,

    Hvis alle andre mærker i din branche bruger de samme farver, kan det virke umuligt at skille sig ud og opbygge et genkendeligt mærke. Derfor er det vigtigt at kompilere et bredere farveskema, der gælder for alle branding-og marketingmaterialer, i stedet for at gå med bare en simpel kombination af primære og sekundære farver.

    er der nogen eksempler på gode Websiteebstedsfarveskemaer?

    Der er! Her er 20 eksempler til at inspirere dit colorebsteds farveskema.

    1., Bright Accent Farve

    brug af en accent farve i dit websiteebsite farveskema er en af de mest effektive måder at dirigere den besøgendes opmærksomhed på de vigtigste stumper af information på siden. I eksemplet ovenfor bruges de dristige farver-gul-til at udpege kernetjenesterne og skabe et mindeværdigt koncept.

    2. Et lyst, men afbalanceret farveskema

    dette colorebstedsfarveskema balancerer to levende farver ved hjælp af den lyse røde som en accentfarve.

    3., Frisk og organisk udseende farveskema

    det ordsprog, vi spiser med vores øjne først, er spot-on. Vores hjerne modtager et signal fra øjnene godt, før vores smagsløg kommer på arbejde. Farve er ofte det første element, som vores øjne bemærker om et fødevareprodukt, som forudbestemmer, hvordan vi opfatter smagen og smagen af det, vi skal spise. I eksemplet nedenfor ser vi, hvordan brug af et naturligt farveskema, domineret af gule, hvide og grønne farver, skaber et organisk og frisk look.

    4., Jordfarver

    dette colorebstedsfarveskema bruger en neutral farvebaggrund til at få produktets ferskenfarve frem.

    5. Roligt og minimalistisk farveskema

    denne enkle kombination af jordiske, rolige farver skaber en afslappende atmosfære og sætter den rigtige tone til meddelelsen på websiteebstedet – overvinde stress og angst. Det er også et eksempel på, hvordan en begrænset farvepalet stadig kan være kraftig til at påvirke en besøgendes humør og adfærd.

    6., Slank og afslappet farveskema

    Parring af forskellige blå nuancer med matchende pasteller skaber dette slanke colorebstedsfarveskema en rolig og drømmende atmosfære.

    7. Pastel og dæmpet farveskema

    Ved hjælp af et blødt pastelfarveskema formår dette websiteebstedsdesign at skabe et indtryk af organisk Flo.og visuel struktur. Det er øje-glædeligt og velafbalanceret, lokke den besøgende til at holde sig rundt og fortsætte bro .sing.

    8., Blødt og indbydende farveskema

    dette colorebstedsfarveskema kombinerer flere pastelfarver for at skabe et blødt og indbydende look.

    9. Levende og fed farveskema

    sprængfyldt med farve og energi, denne levende farvepalet samler lyse gule og levende blå, hvilket skaber en kraftfuld kombination. Med levende farver og interessante designelementer efterlader hjemmesiden et langvarigt indtryk, og en citrusagtig smag burst.

    10., Levende kontrast

    i dette farveskema bruges to levende farver til at skabe en iøjnefaldende kontrast.

    11. Farverigt og moderne farveskema

    dette .ebsted trækker et sofistikeret og moderne design ud ved at kombinere farvestrålende produkter med neutrale baggrunde. Med en accentfarve til CTA-knapper fungerer websiteebstedsdesignet glimrende til at guide den besøgende til den ønskede handling.

    12., Sjovt og legende

    Ved at kombinere mange forskellige farver og nuancer trækker dette websiteebsted et legende farveskema, der bruger farve til at oprette informationskategorier.

    13. Monokromatisk farveskema

    leger med tekstur og forskellige nuancer af sort og grå, hjælper denne farvepalet med at skabe et mystisk, men alligevel tilgængeligt websiteebstedsdesign. Manglen på farve i dette designebdesign tvinger besøgende til at fokusere på andre elementer, herunder kopi, former og visuals.

    14., Elegant og fredelig

    leger med et par nuancer af grønt, dette websiteebstedsdesign skaber dybde og bruger et roligt, rent farveskema for at holde besøgende engagerede.

    15. Levende og skarpt farveskema

    kanalisering af et skarpt farveskema giver dette websiteebstedsdesign et stærkt første indtryk. Unebstedsdesignet er ikke bange for at føre med levende farver og kombinerer forskellige nuancer for at skabe en skarp kontrast og tiltrække den besøgendes øje – fra dybrosa til blågrøn og rig blå, farveskemaet er eklektisk, men alligevel afbalanceret.,

    16. Ikke bange for fed farver

    med en høj kontrast og tre levende farver på spil, denne hjemmeside farveskema gør en fed indtryk.

    17. Elegant og luksuriøst farveskema

    Dette smukke farveskema trækker et kongeligt, elegant look ved at kombinere dybblå med guld nuancer. Det er et klassisk farveskema med et moderne t .ist, der leverer en stærk visuel oplevelse og straks positionerer mærket som en avanceret spiller.

    18., Med et Strejf af Guld

    Det nedenstående eksempel viser, hvordan smide i en farve, der har stærke kulturelle foreninger – i dette tilfælde; guld – kan ændre dynamikken i det hele og gøre det ser mere majestætisk.

    19. Corporate endnu energisk farveskema

    afhængig af en levende, men alligevel temmelig traditionel farvepalet, formår dette websiteebstedsdesign at fremkalde tillid, mens det skaber et indtryk af et fremadrettet, moderne brand., Med stærk kontrast og stor læsbarhed giver kombinationen af rød og blå websiteebstedet en dynamisk og kraftfuld stemning.

    20. Traditionel, men interessant

    den klassiske kombination af rød og blå kommer til live i dette seje websiteebstedsdesign.

    nu ved du, hvordan du selv designer et Colorebstedsfarveskema

    sandheden er, at du ikke behøver at være designer for at kompilere et smukt colorebstedsfarveskema., Med en bred forståelse af farvepsykologi, grundlaget for farveteorien og et arsenal af nyttige værktøjer kan du udvikle en farvepalet, der giver dit brand en stærk visuel identitet.

    Tag dig tid til at udforske kreative eksempler, teste forskellige farvekombinationer og finde komplementære farver, der fungerer pænt sammen. Fantastisk design er relativt – hvis det fungerer for dit brand, driver engagement og øger brandgenkendelsen, er det alt, hvad der virkelig betyder noget.

    tag nu din designerhue på og begynd at eksperimentere med dine farvepaletter.

    Skriv et svar

    Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *