Barva v web design: kako povzroči uporabniku želeno čustva
Nasveti / / December 19, 2019
Skozi zgodovino človeštva, centralni-umetniki prejeli splošno priznanje zaradi sposobnosti za delo z barvo. V današnjem svetu ne prejemajo manj strokovnjakov za prepoznavanje, ki so sposobni združiti barve v komercialne in poslovne namene - v oglaševanju in web design.
Sposobnost barv uporabe, lahko črpamo do neskončnosti. To je resnična globina možnosti za izpostavljenost ljudi.
Mi vam bo povedal o osnovah barvne teorije in barvno shemo, nato pa govori o čustveni vpliv nekaterih barv.
teorija barv
barvna tema, lahko posvetili celotno knjigo, tako da ga ne bo v celoti, in omejili do koristnih informacij, ki se lahko uporablja pri razvoju načrtovanja vmesnika.
To lahko razdelimo na barvno teorijo na tri dele:
kontrast
Vsak odtenek je ravno nasprotno, tako rekoč, svoje "zapriseženi sovražnik", ki je največji kontrast s to barvo. Da bi našli barvo, lahko uporabite barvno kolo. Preprosto izberite barvo na nasprotni strani kroga.
Poleg tega
Te barve niso vedno v nasprotju s seboj. Dopolnilne barve poudarjajo drug drugega, za razliko od kontrasta. V barvnem kolesu, te barve so med seboj, kot so komplementarne barve vijolično - modre in roza.
resonanca
Vsaka barva je določeno razpoloženje. Bright tople barve (rdeča, oranžna, rumena), napolnjena s človeško energijo, jo prebudi, hladne barve temno (zelena, modra, vijolična), nasprotno, se sprostite in pomirjajo.
Na primer, BBC News Uporaba rdeče navigacijsko vrstico, zbuditi bralca, naj okrepi svojo vzbujeno stanje. Glede na specifičnost mestu - senzacionalno novice - rdeča je logična rešitev.
teorija barve v web design - je več kot le okras. Barva se lahko spremeni dojemanje vaše spletne strani, in igrajo ključno vlogo v vašem podjetju.
Čustveno dojemanje barv
Nihče ne bo zanikal tesno sodelovanje barv in čustev. In, seveda, vsak spletni oblikovalec želi uporabiti ta učinek ustvariti določeno vzdušje za vsako stran.
Na podlagi več študij - analize, objavljene na spletni strani Vandelay OblikovanjeIn objavili o barvah v uporabniškem smash Magazine - smo pojasniti, kako barve vplivajo na čustva in pomaga ustvariti UX-design.
Pomembno je vedeti, da imajo različne kulture po svetu različno dojemanje barv. Bomo opisali čustvene asociacije, ki so edinstveni v zahodni kulturi.
rdeča
Čustva in združenja: moč, pomen, mladina.
Najbolj barva spodbujati, da energijsko napolnjena, lahko celo poveča krvni tlak. Rdeča pomeni strast in moč, je bolj kot druge barve pritegnejo pozornost, zato se pogosto uporablja za pomembne opozoril in obvestil.
Na primer, rdeča je zelo primeren stran No Way NSAKaterih namen - da bi preprečili domnevne grožnje.
Uporabite veliko rdeče na vrhu strani - to je odlična rešitev, saj opozarja na pomembne informacije v sporočilu. Ob istem času, ljudje hitro zapustijo "nevarno območje" rdeče barve in se pomaknite navzdol. To pa omogoča uporabniku, da pokaže več vsebine.
Ampak ta barva lahko dela proti vam, saj lahko povzroči agresijo ali hiperstimulacijo. Če želite ustvariti bolj sproščeno vzdušje, poskusite uporabiti rdeča zmerno in izberite svetlejše odtenke rdeče.
oranžna
Čustva in združenja: prijaznosti, energije in edinstvenost.
Kot najtišji toplih tonov, lahko oranžna povzroči cel spekter različnih čustev. Kot osnovno barvo, lahko bilo koristno in opornik, in sekundarna - ohrani te lastnosti, vendar brez moteč način.
Poleg tega, Orange pomaga ustvariti občutek gibanja in energije. Na primer, da izgleda super na spletni strani risanke FantaKi kažeta na mladih in gibanja. Barva je povezana s kreativnostjo, hkrati pa ohranja občutek za znane blagovne znamke.
rumena
Čustva in združenja: sreča, navdušenje, arhaizem (temnejše barve).
To je eden izmed najbolj vsestranskih barv in čustev, ki jih povzroča, so odvisni od senci v večjem obsegu.
Svetlo rumena barva dodaja energijo, vendar brez resnosti in grobosti, ki je prisotna v rdeči barvi. Srednje odtenki rumene barve izzove občutek ugodja, čeprav je še vedno živahna. Temni odtenki (vključno z zlatom), dajejo občutek antike, zapolni prostor brezčasnosti, modrost in radovednost.
Na primer, na glavni strani oblikovalske agencije spletni Flash Media Temnejše rumenega tona izžarevajo energijo, radovednost in avtoriteto. Ta barva je kot nalašč za podjetja, ki zaslužijo svoje posvetovanja in želijo poudariti njihove strokovnosti.
zelena
Čustva in združenja: rast, stabilnost, finančni teme obkrožajo temo okolja.
Zelena - most med toplo in hladno odtenki, vendar se naslanja bolj na hladno. To pomeni, da zelena ima sproščujoč učinek modre barve, ima pa tudi nekaj silovitosti od rumene.
Kot rezultat, ustvarja zelo uravnotežen in stabilen vzdušje. Temnejši odtenki zelene barve ustvarjajo vtis bogastva in obilja, tako na spletu Ameritrade.
blue
Čustva in združenja: mir, varnost, odprtosti (lažji odtenki), zanesljivost (temnejši odtenki).
Tako kot v primeru rumene barve, učinek pa je zelo odvisna od modrem odtenku. Vsi odtenki modre so vsestransko uporabni v smislu sprostitve in varnosti, vendar so barve svetle povezana s prijaznostjo in temi - z žalostjo.
Socialna omrežja, kot so Twitter in Facebook se uporablja več lahkih in srednjih odtenki modre, in podjetniške spletne strani raje temnejše odtenke trdnosti in zanesljivosti.
Lep primer - dogodek oblikovanje agencija Van Vliet in Trap. Z modro barvo kot ozadje, so vizualno namignil na svoje znanje in spretnosti v cvetlični vzorec, ampak tudi ustvaril občutek zanesljivosti in zaupanja.
To je zelo pomembno, saj delo z dogodki, ki so pomembne za vizualni del, na primer s poroke.
vijolična
Čustva in združenja: luksuzne, romance (lahka odtenki), misticizem in skrivnost (temne barve).
Vijolična barva je bila v preteklosti povezana s kraljevsko veličino, namigi na luksuz. Vijolični odtenki odražajo velikodušnost in premoženje kot celoto, kar jim omogoča odlično izbiro za mode in luksuznih dobrin (tudi čokolado, na primer, CadburyKdo je izbral svojo barvo blagovne znamke).
Lažji odtenki, kot so sivka (vijolično roza z dodatkom) povezujejo misli o romantiko, ker se zdi, temni odtenki bolj elegantno in skrivnostno.
črna
Čustva in združenja: moč, prefinjenost, živčnost.
Najmočnejši izmed nevtralnih barvah - črni - pojavi na skoraj vseh spletnih straneh. To lahko povzroči različna združenja, odvisno od spremlja barvo ali prevladujejo jih, če se uporablja preveč.
Moč in nevtralnost črno zaradi česar je odlična izbira za velike bloke besedila, vendar je glavna barva je mogoče ustvariti občutek živčnost ali celo povezano z zlom.
Za večino mest, se črna uporablja za ustvarjanje občutek elegance. Kombinacija črne in bele minimalističen dizajn daje vtis elegance in stila, tako na terenu Dream in doseg Podjetje BOSE.
bela
Čustva in združenja: čistost, preprostost, bog.
V zahodni kulturi je bela povezana z čistosti, dobrote in nedolžnosti. Ta barva se pogosto uporablja za ozadje minimalističnih in preprostih spletnih strani.
Poleg tega nobena od barv ne bo dovolil, da pripravi toliko pozornosti na druge barve, kot so bela. Na primer, v spletna stran Awwwards Kloina zmagovalec Toshev vsa njegova dela so določena na belem ozadju, ki se dodeljuje le ilustracije in ustvarja vtis elegantno galeriji.
siva
Čustva in združenja: nevtralnost, formalnost, melanholijo.
Kljub temu, da lahko v nekaterih primerih sivo ustvari temačno in melanholično vzdušje, da se še vedno pogosto poklicnih oblikovalcev uporablja.
Stvar v odtenkih: jih izmenično, lahko dobite vse občutke, ki jih tako povzroča v črni in beli barvi. Na splošno velja, sivo - je močno orodje v pravih rokah.
Toda v kombinaciji z bolj živimi barvami v sivi oblikovanja ozadju se zdi, moderno, vendar ni žalostna, kot je Awwwards.
bež
Čustva in združenja: vzbuja značaj drugih barv.
Sama po sebi, bež precej dolgočasno in brez izraza, ampak ima izjemno lastnost: bež prevzame značaj barv, ki ga obkrožajo. Torej, če se ne namerava izraziti zadrževanje bež služi kot ozadje ali drugo barvo.
Temnejši odtenki bež barve ustvarjajo občutek tradicije ter Zemeljsko, dajejo občutek teksture papirja in svetlejše odtenke videti bolj sveža in bolj moderna.
Na primer, na kraju samem restavracij Dishoom svetlo bež barve po imenih in temnejšimi robovi dajejo vtis, da je ta restavracija - svež pogled na tradicionalne kuhinje.
Ivory
Čustva in združenja: udobje, eleganco, preprostost.
Ivory in smetana proizvajajo skoraj enake občutke kot belo. Vendar slonovina toplejši (ali manj sterilen) kot bela, ki ustvarja večji občutek ugodja, hkrati pa ohranja minimalizem.
Lahko uporabite slonovine namesto bele zmehča kontrast med njo in barve temnejše. Na primer, stran Umetnost na kavi rjavo-oranžne elementi so postavljeni na slonovino ozadja (ki izgleda siva), ki ohranja občutek toplote.
barvni spekter
Vsaka stran ima paleto barv, v katerih so osnovne barve, ki se uporablja za zapolnitev večji prostor. Kot smo že omenili, je uporaba teh barv vpliva na um in razpoloženje večinoma podzavestno. jih tako skrbno izbrati.
Kljub temu, da obstaja veliko načinov kombiniranja barv, se bomo osredotočili na tri najbolj uspešne in se običajno uporablja.
Triada (trojni harmonijo trikotnik)
Triada - glavni in najbolj uravnotežen sistem treh barvah. Uporablja resonanco in dodajanje barv, ampak je kompleksen kontrast, zaradi tega, kar trojica je najbolj zanesljiv območje.
Na barvnem kolesu 12 barv, izberite kateri koli trije, ki se nahaja na 120 stopinj drug od drugega: eno barvo za glavno ozadje in dve za vsebino in navigacijsko vrstico.
Dvojna dopolnjuje sistem
To območje je težje izvajati, vendar je lahko stroškovno učinkovita rešitev. To se uporablja štiri barve: dve kontrastni in dva dodatna.
Oglejte si, kako stran izgleda neverjetno Florida razcvet, ki temelji na takem sistemu. Rdeča in zelena barva kontrast v rastlinah in blokov besedila, in modro ozadje in oranžno puščava učinkovito popolno sliko.
Analogi (zaporedno sistem)
Gamma podobne barve v glavnem uporablja komplementarne barve. To najbolj jasno omogoča poudariti nekatere lastnosti in povzroči določena čustva.
Na primer, kombinacija rdeče, oranžne in rumene poudarja, da moč in vitalnost. Uporaba takšne lestvice je zelo preprosta, vendar je težko izbrati, katera barva bo vključen v kombinaciji. Njihov učinek bo pretirana, tako da ne more biti narobe.
Na primer, uporaba modre, turkizne in zelene barve pri oblikovanju spletne strani Blinksale To je ustvarilo vzdušje miru in spokojnosti. Obvestilo, kako je rumena barva uporablja poudariti pomembne točke.
To je samo osnove barvne teorije, ki lahko pomagajo, da ustvarite impresivno zasnovo meri, in da ni meja, kako daleč lahko gredo v smislu barve na vaši strani.
Orodja pomočnik za izbiro barve
Na srečo, obstaja več orodij, ki pomagajo prinašajo barvno teorijo v praksi. Poskusite te palete, da ni treba začeti od začetka pri oblikovanju njegovega:
- Adobe Color CC, Prej znan kot Adobe Kuler. To je eden od najbolj zanesljivih orodij pri izbiri barv.
- Paletton. Če potrebujete enostavno orodje za hitro izbiro barv, Paletton je popolna.
- Stanovanje UI Color Picker. Odlično orodje za izbiro barve uporabniškega vmesnika.
In če ti instrumenti vam ne ustreza, tukaj je še ena 28 strani z palet in različna orodja za izbiro barve.
Neposredna povezava med barvo in čustev
Ne pozabite, da uporabniki redko obvestilo in cenijo barvo ozadja, navigacijski vrstici, posamezne dele, vendar to ne pomeni, da je barva, ki jih ni prizadela. Samo se to zgodi podzavestno.
Uporabnik doživeli nobenih čustev, je povezava na spletno stran ali blagovno znamko, je vseeno nekateri ukrepi: pomaknite navzdol, da kliknete na gumbe, da je poziv za ukrepanje, ali pa, nasprotno, ni Opazili jih. In barva ima v vsem tem veliko vlogo.
Če imate nasvete o uporabi barve v web design, prosim delite v komentarjih.