Farger i webdesign: hvordan å få brukeren ønsket følelser
Tips / / December 19, 2019
Gjennom menneskets historie, master-artistene fikk allmenn anerkjennelse på grunn av evnen til å arbeide med farge. I dagens verden ikke får mindre anerkjennelse spesialister, som er i stand til å kombinere farger i det kommersielle og forretningsformål - i reklame og webdesign.
Muligheten til å bruke farger kan pumpes opp til uendelig. Det er en reell dybde på muligheter for menneskelig eksponering.
Vi vil fortelle deg om det grunnleggende fargelære og fargevalg, og deretter snakke om den følelsesmessige virkningen av visse farger.
fargeteori
farge tema, kan du vie en hel bok, så vi vil ikke ta den helt, og begrense oss til nyttig informasjon, som kan brukes i utviklingen av grensesnittet design.
Det kan deles inn i fargelære i tre deler:
kontrast
Hver skygge er det motsatte, så å si, av sin "sverget fienden", som er den største kontrasten med denne fargen. For å finne en farge, kan du bruke fargehjulet. Bare velg den fargen på motsatt side av sirkelen.
tillegg
Disse fargene ikke alltid i konflikt med hverandre. Komplementære farger fremheve hverandre, i motsetning kontrasten. I fargehjulet, slike farger er hverandre, slik som komplementære farger av lilla - blå og rosa.
resonans
Hver farge er en viss stemning. Bright varme farger (rød, oransje, gul) fylt med menneskelig energi, vekke den, kalde mørke farger (grønn, blå, lilla), tvert imot, slappe av og berolige.
For eksempel, BBC News Bruk den røde navigasjonsfeltet for å vekke leseren, for å styrke sin opphisset tilstand. Gitt spesifisitet av området - en sensasjonell nyheter - rødt er en logisk løsning.
teorien om farger i webdesign - er mer enn bare pynt. Farge kan endre oppfatningen av nettstedet ditt, og spiller en avgjørende rolle i virksomheten.
Emosjonelle oppfatning av farge
Ingen vil nekte nært samspill av farger og følelser. Og, selvfølgelig, ønsker noen webdesigner for å bruke denne effekten til å skape en viss stemning for hvert område.
På grunnlag av flere studier - analyse, publisert på nettstedet Vandelay designOg legge om fargene i smash Magazine - vi forklare hvordan fargene påvirker følelser og bidra til å skape UX-design.
Det er viktig å huske på at ulike kulturer rundt om i verden har ulike oppfatninger av farge. Vi vil beskrive de emosjonelle assosiasjoner som er unike for vestlig kultur.
rød
Følelser og foreninger: makten, betydning, ungdom.
Den mest stimulerende farge, så energisk ladet, det kan også øke blodtrykket. Red representerer lidenskap og makt, det mer enn andre farger tiltrekke oppmerksomhet, så ofte brukt for viktige advarsler og meldinger.
For eksempel er rød svært egnet sted No Way NSASom har som formål - å hindre de påståtte truslene.
Bruker mye rødt i toppen av siden - dette er en god løsning, fordi det peker på viktig informasjon i meldingen. Samtidig, folk har en tendens til raskt å forlate "faresonen" i rød farge og bla nedover. Dette i sin tur gjør det mulig for brukeren å vise mer innhold.
Men denne fargen kan virke mot deg, fordi det kan føre til aggresjon eller overstimulering. Hvis du ønsker å skape en mer avslappet atmosfære, prøv å bruke rød moderat og velge lysere nyanser av rødt.
orange
Følelser og foreninger: vennlighet, energi og unikhet.
Som den roligste av varme toner, kan appelsin føre til at hele spekteret av ulike følelser. Som grunnleggende farge, kan det være av interesse og skinnen, og som sekundær - bevare disse egenskapene, men på en ikke-intrusiv måte.
I tillegg hjelper Orange skape en følelse av bevegelse og energi. For eksempel, det ser bra ut på tegnefilm nettstedet FantaSom er forenlig med ungdom og bevegelse. Fargen er forbundet med kreativitet, og samtidig opprettholde en følelse av den kjente merkevaren.
gul
Følelser og foreninger: lykke, entusiasme, archaism (mørkere farger).
Dette er en av de mest allsidige farger og følelser som det forårsaker, er avhengig av skyggen i større grad.
Lys gul farge legger energi, men uten alvorlighetsgrad og hardhet, som finnes i rødt. Middels nyanser av gule farger fremkalle en følelse av komfort, men fortsatt sprek. Mørke nyanser (inkludert gull) gir en følelse av antikken, fylle plassen tidløshet, visdom og nysgjerrighet.
For eksempel, på hovedsiden av web design byrå Flash Media mørkere gul tone utstråler energi, nysgjerrighet og autoritet. Denne fargen er perfekt for bedrifter som tjener sine konsultasjoner og de ønsker å understreke deres profesjonalitet.
grønn
Følelser og foreninger: vekst, stabilitet, finans emner rundt temaet for miljøet.
Green - en bro mellom den varme og kalde nyanser, men lener seg mer til det kalde. Dette betyr at grønn har en avslappende virkning blå farge, men har også en bit av energi fra gul.
Som et resultat, skaper det en veldig balansert og stabil atmosfære. Mørkere nyanser av grønt skape inntrykk av velstand og overflod, både online Ameritrade.
blå
Følelser og foreninger: trygghet, sikkerhet, åpenhet (lysere nyanser), pålitelighet (mørkere nyanser).
Som i tilfellet av den gule fargen, er effekten sterkt avhengig av den blå fargetone. Alle nyanser av blått er allsidig i form av velvære og sikkerhet, men de lyse fargene forbundet med vennlighet, og mørkt - med tristhet.
Sosiale nettverk som Twitter og Facebook brukes mer lys og medium nyanser av blått, og corporate nettsteder foretrekker mørkere nyanser av styrke og pålitelighet.
Et godt eksempel - event design byrå Van Vliet & Trap. Bruke blå farge som bakgrunnen, de er visuelt antydet sine kunnskaper og ferdigheter i blomsterdesign, men også skapt en følelse av pålitelighet og tillit.
Dette er av stor betydning, som de jobber med hendelsene, noe som er viktig for visuell del, for eksempel med bryllup.
lilla
Følelser og foreninger: luksus, romantikk (lyse nyanser), mystikk og mystikk (mørke farger).
Lilla farge har historisk vært knyttet til den kongelige storhet, hint på luksus. Lilla nyanser reflektere generøsitet og rikdom som helhet, noe som gjør dem til et utmerket valg for mote og luksusvarer (selv sjokolade, for eksempel, CadburySom valgte sin splitter farge).
Lysere nyanser som lavendel (lilla rosa med tillegg) fremkalle tanker om romantikk, mens de mørke fargetoner vises mer elegant og mystisk.
svart
Følelser og foreninger: makt, raffinement, nervøsitet.
Den kraftigste av de nøytrale farger - svart - vises på nesten hvilken som helst nettside. Det kan føre til ulike foreninger avhengig av medfølgende farge eller dominere dem, hvis det brukes for mye.
Styrken og nøytralitet av svart gjør det til et utmerket valg for store blokker med tekst, men hovedfargen det kan skape en følelse av nervøsitet eller bli assosiert med ondskap.
For de fleste områder, blir svart brukes til å skape en følelse av eleganse. Kombinasjonen av svart og hvitt, minimalistisk design gir inntrykk av eleganse og stil, både på stedet Drøm og Reach Selskapet BOSE.
hvit
Følelser og foreninger: renhet, enkelhet, godhet.
I Vest-kultur, er hvit forbundet med renhet, godhet og uskyld. Denne fargen er ofte brukt for bakgrunnen av minimalistiske og enkle nettsteder.
I tillegg vil ingen av de fargene ikke tillate å trekke så mye oppmerksomhet til andre farger som hvitt. For eksempel i nettsted Awwwards Kloina vinneren Toshev alle hans gjerninger er lagt ut på en hvit bakgrunn, som bare tildeler illustrasjoner, og skaper inntrykk av en elegant galleri.
grå
Følelser og foreninger: nøytralitet, formalitet, melankoli.
Til tross for at det i enkelte situasjoner grå kan skape en dyster og melankolsk atmosfære, er det fortsatt ofte brukt av profesjonelle designere.
Saken i nyanser: vekslende dem, kan du få alle de følelser skyldes både i svart og hvitt. Generelt, grå - er et kraftig verktøy i de rette hender.
Men i kombinasjon med mer levende farger i grå bakgrunn utforming virker det moderne, men ikke dyster, for eksempel Awwwards.
beige
Følelser og foreninger: det formidler karakter av de andre fargene.
Av seg selv, beige ganske kjedelig og uttrykksløs, men han har en bemerkelsesverdig egenskap: beige tar på karakteren av farger som omgir den. Derfor, hvis det er hensikten ikke å uttrykke beherskelse beige tjener som en bakgrunn eller den andre fargen.
Mørkere nyanser av beige skape en følelse av tradisjon og verdslig, gir en følelse av tekstur av papir og lysere nyanser virke friskere og mer moderne.
For eksempel restaurant på stedet Dishoom lys beige farge rundt navn og mørkere kanter gir inntrykk av at denne restauranten - et friskt perspektiv på tradisjonell mat.
elfenben
Følelser og foreninger: komfort, eleganse, enkelhet.
Elfenben og krem produsere nesten de samme følelsene som den hvite. Men elfenben varmere (eller mindre sterilt) enn hvitt, noe som skaper en større følelse av komfort, og samtidig opprettholde minimalisme.
Du kan bruke elfenben i stedet for hvit å myke opp kontrasten mellom det og mørkere farger. For eksempel, området Art in My Coffee brun-oransje elementene er plassert på en elfenben bakgrunn (som ser grå) som beholder en følelse av varme.
fargespekteret
Hvert område har et utvalg av farger, hvor den primære farger som brukes til å fylle et større område. Som vi har sagt før, bruk av disse fargene påvirker sinn og humør stort sett ubevisst. Så velg dem nøye.
Til tross for at det er mange måter å kombinere farger, vil vi fokusere på de tre mest vellykkede og brukte.
Triad (trippel harmoni trekant)
Triad - den viktigste og mest balanserte system av tre farger. Den bruker resonans og tilsetting av farger, men det er en kompleks kontrast, på grunn av hva triaden er den mest pålitelige serien.
På et fargehjul på 12 farger, velge hvilken som helst tre, som ligger i 120 grader fra hverandre: en farge for hoved bakgrunn og to for innhold og navigasjon bar.
Double utfyllende system
Denne serien er vanskeligere å gjennomføre, men det kan være kostnadseffektiv løsning. Det brukes fire farger: to kontrasterende og to ekstra.
Se hvordan siden ser bemerkelsesverdig Florida Flourish, basert på en slik ordning. Rød og grønn fargekontrast i planter og blokker med tekst, og blå bakgrunn og oransje ørken effektivt fullføre bildet.
Analoger (sekvensiell system)
Gamma lignende farger bruker hovedsakelig komplementære farger. Dette gir klarest fremheve noen kvaliteter og forårsake visse følelser.
For eksempel, en kombinasjon av rødt, oransje og gule høydepunkter den kraft og vitalitet. Bruk av en slik skala er veldig enkelt, men det er vanskelig å velge hvilken farge som vil bli inkludert i kombinasjonen. Effekten vil være overdrevet, så det kan ikke være galt.
For eksempel, bruk av blått, turkis og grønne farger i utformingen av nettstedet Blinksale Det skapte en atmosfære av fred og ro. Legg merke til hvordan den gule fargen som brukes for å understreke viktige poeng.
Dette er bare det grunnleggende fargelære, som kan bidra til å skape en imponerende tilpasset design, og det er ingen grense for hvor langt du kan gå når det gjelder fargene på nettstedet ditt.
Verktøy hjelperen for å velge en farge
Heldigvis finnes det flere verktøy som bidra til å bringe farge teori til praksis. Prøv disse palettene til ikke å starte fra scratch i etableringen av hans:
- Adobe Color CC, Tidligere kjent som Adobe Kuler. Dette er en av de mest pålitelige verktøy i å velge farger.
- Paletton. Hvis du trenger et enkelt verktøy for rask fargevalg, er Paletton perfekt.
- Flat UI fargevelger. Det perfekte verktøyet for å velge brukergrensesnittet farger.
Og hvis disse instrumentene ikke passer deg, her er en annen 28 nettsteder med paletter og ulike verktøy for fargevalg.
En direkte sammenheng mellom farge og følelser
Husk, brukere sjelden varsel og setter farge på bakgrunnen, navigasjon bar, enkelte delene, men det betyr ikke at fargen ikke blir påvirket av dem. Akkurat dette skjer ubevisst.
Bruker oppleve noen følelser, er forholdet til nettstedet eller merkevare, det gjør visse handlinger: bla ned til å klikke på knapper som spør for handling, eller omvendt, ikke merke til dem. Og farge spiller i alt dette en stor rolle.
Hvis du har råd om bruk av farger i webdesign, kan du dele i kommentarfeltet.