Ngjyra në dizajnin e uebit: si të ngjallni emocionet e duhura tek përdoruesi

2024 Autor: Malcolm Clapton | [email protected]. E modifikuara e fundit: 2023-12-17 04:10

Ngjyra përcakton reagimin emocional të përdoruesit ndaj faqes, edhe nëse vetë personi nuk është i vetëdijshëm për këtë. Çfarë ngjyrash të përdorni për sfondin dhe elementë të ndryshëm të faqes për të ngjallur ndjesi të caktuara dhe si të kombinoni saktë ngjyrat në dizajnin e uebit, lexoni më poshtë.

Gjatë gjithë historisë njerëzore, piktorët mjeshtër janë njohur botërisht për aftësinë e tyre për të punuar me ngjyra. Në botën moderne, specialistët që dinë të kombinojnë ngjyrat për qëllime komerciale dhe biznesi - në reklamat dhe dizajnin e uebit - njihen po aq.

Aftësia për të përdorur ngjyrat mund të pompohet për një kohë të pacaktuar. Kjo është një humnerë e vërtetë e mundësive për të ndikuar një person.

Ne do të mbulojmë bazat e teorisë së ngjyrave dhe skemës së ngjyrave, dhe më pas do të flasim për ndikimin emocional të ngjyrave të caktuara.

Teoria e ngjyrave

Një libër i tërë mund t'i kushtohet temës së ngjyrave, kështu që ne nuk do ta marrim atë në tërësi, por do të kufizohemi vetëm në informacione të dobishme që mund të përdoren kur zhvillojmë një dizajn ndërfaqeje.

Teoria e ngjyrave mund të ndahet në tre pjesë:

Kontrasti

Çdo nuancë ka një të kundërt, si të thuash, "nemesis" e saj, e cila përbën kontrastin më të madh me këtë ngjyrë. Për të gjetur një ngjyrë të tillë, mund të përdorni rrotën e ngjyrave. Thjesht zgjidhni një ngjyrë në anën e kundërt të rrethit.

Shtimi

Këto ngjyra jo gjithmonë bien ndesh me njëra-tjetrën. Ngjyrat plotësuese theksojnë njëra-tjetrën, në krahasim me ato të kundërta. Në rrotën e ngjyrave, këto ngjyra ndjekin njëra-tjetrën, për shembull, ngjyrat plotësuese të jargavanit - blu dhe rozë.

Rezonanca

Çdo ngjyrë ngjall një humor të caktuar. Ngjyrat e ndritshme të ngrohta (e kuqe, portokalli, e verdhë) mbushin një person me energji, e zgjojnë atë, dhe nuancat e ftohta të errëta (jeshile, blu, vjollcë), përkundrazi, relaksohen dhe qetësohen.

Për shembull, ata përdorin shiritin e kuq të navigimit për të zgjuar lexuesin dhe për të rritur zgjimin e tyre. Duke marrë parasysh specifikën e faqes - lajm i bujshëm - e kuqja duket si një vendim logjik.

Teoria e ngjyrave në dizajnin e uebit është më shumë sesa thjesht dekorim. Ngjyra mund të ndryshojë perceptimin e faqes suaj dhe të luajë një rol kritik në biznesin tuaj.

Perceptimi emocional i ngjyrës

Askush nuk do ta mohojë ndërveprimin e ngushtë të ngjyrës dhe emocioneve. Dhe, sigurisht, çdo dizajner në internet dëshiron të përdorë këtë ndikim për të krijuar atmosferën e duhur për çdo faqe.

Bazuar në disa studime - analiza të postuara në faqen e internetit dhe një postim mbi ngjyrat në - ne do të shpjegojmë se si ngjyrat ndikojnë në emocionet dhe ndihmojnë në krijimin e dizajnit UX.

Është e rëndësishme të mbani mend se kultura të ndryshme në mbarë botën i perceptojnë ngjyrat ndryshe. Ne do të përshkruajmë shoqatat emocionale që janë unike për kulturën perëndimore.

E kuqe

Ngjyra më stimuluese, aq e ngarkuar me energji sa mund të rrisë edhe presionin e gjakut. E kuqja përfaqëson pasionin dhe fuqinë dhe është ngjyra që tërheq më shumë vëmendjen, prandaj përdoret shpesh për paralajmërime dhe njoftime të rëndësishme.

Për shembull, ngjyra e kuqe është shumë e përshtatshme për një faqe, qëllimi i të cilit është të paralajmërojë për kërcënimet e perceptuara.

Përdorimi i shumë ngjyrës së kuqe në krye të faqes është i shkëlqyeshëm pasi tërheq vëmendjen ndaj informacioneve të rëndësishme në mesazhin tuaj. Në të njëjtën kohë, njerëzit priren të largohen shpejt nga "zona e rrezikshme" e kuqe dhe të lëvizin poshtë. Dhe kjo, nga ana tjetër, ju lejon t'i tregoni përdoruesit më shumë përmbajtje.

Por kjo ngjyrë mund të funksionojë edhe kundër jush, pasi mund të shkaktojë agresion ose stimulim të tepërt. Nëse dëshironi të krijoni një atmosferë më relaksuese, përpiquni të përdorni të kuqe me moderim dhe zgjidhni nuancat më të lehta të së kuqes.

portokalli

Si më i qetë nga tonet e ngrohta, portokallia është në gjendje të ngjall një sërë emocionesh të ndryshme. Si ngjyrë primare, ajo mund të zgjojë interes dhe të gjallërojë, dhe si ngjyrë dytësore, mund t'i ruajë këto veti, por në një mënyrë më të pavëmendshme.

Përveç kësaj, portokallia ndihmon në krijimin e një ndjesie lëvizjeje dhe energjie. Për shembull, duket shkëlqyeshëm në faqen e internetit të karikaturave të kompanisë, e cila sugjeron rininë dhe lëvizjen. Ngjyra lidhet me kreativitetin, duke ruajtur një ndjenjë të njohur të markës.

E verdhe

Është një nga ngjyrat më të gjithanshme dhe emocionet që ngjall varen më shumë nga nuanca.

E verdha e ndezur shton energji, por pa mprehtësinë dhe mprehtësinë që është e pranishme në të kuqe. Nuancat mesatare të së verdhës ngjallin një ndjenjë rehatie, ndërkohë që janë ende gjallëruese. Nuancat e errëta (duke përfshirë arin) ofrojnë një ndjenjë të lashtësisë, duke mbushur hapësirën me kohë, mençuri dhe kuriozitet.

Për shembull, në faqen kryesore të një agjencie dizajni ueb, tonet më të errëta të së verdhës nxjerrin energji, kuriozitet dhe autoritet. Kjo ngjyrë është e mrekullueshme për kompanitë që fitojnë para nga konsultimi dhe duan të theksojnë profesionalizmin e tyre.

Ngjyra jeshile

E gjelbra është një urë lidhëse midis nuancave të ngrohta dhe të ftohta, megjithëse ka tendencë të jetë më e ftohtë. Kjo do të thotë se jeshilja ka efektin relaksues të blusë, por ka edhe pak energji nga e verdha.

Si rezultat, krijon një atmosferë shumë të ekuilibruar dhe të qëndrueshme. Nuancat më të errëta të jeshiles japin përshtypjen e pasurisë dhe bollëkut, ashtu si faqja e internetit.

Ngjyre blu

Ashtu si me të verdhën, efekti i blusë varet shumë nga nuanca. Të gjitha nuancat e blusë janë universale për sa i përket relaksimit dhe sigurisë, por tonet e lehta shoqërohen me mirëdashësi dhe tonet e errëta me trishtimin.

Rrjetet sociale si Twitter dhe Facebook përdorin nuanca më të lehta deri në mesatare të blusë, ndërsa faqet e korporatave preferojnë nuanca më të errëta të forcës dhe besueshmërisë.

Një agjenci e projektimit të ngjarjeve është një shembull i shkëlqyer. Duke përdorur lule blu si sfond, ata lanë të kuptohet vizualisht njohuritë dhe aftësitë e tyre në floristikë, dhe gjithashtu krijuan një ndjenjë besueshmërie dhe besimi.

Kjo ka një rëndësi të madhe pasi ata punojnë me ngjarje ku vizuale është shumë e rëndësishme, si dasma.

Vjollcë

Ngjyra vjollcë është historikisht e lidhur me madhështinë mbretërore, duke lënë të kuptohet luksi. Nuancat e vjollcës pasqyrojnë bujarinë dhe pasurinë në përgjithësi, duke i bërë ato një zgjedhje të shkëlqyeshme për modën dhe mallrat e luksit (madje edhe çokollatën si ngjyra e markës).

Nuancat më të lehta si livando (vjollca me një prekje rozë) ngjallin mendime romantike, ndërsa nuancat më të errëta duken më elegante dhe misterioze.

E zezë

Më e forta nga ngjyrat neutrale, e zeza, shfaqet pothuajse në çdo faqe interneti. Mund të ngjall asociacione të ndryshme në varësi të ngjyrave që e shoqërojnë ose t'i dominojë ato nëse përdoret shumë.

Forca dhe neutraliteti i ngjyrës së zezë e bën atë një zgjedhje të shkëlqyer për blloqe të mëdha teksti, por si ngjyrë primare mund të krijojë një ndjenjë nervozizmi apo edhe të lidhet me të keqen.

Për shumicën e faqeve, e zeza përdoret për të krijuar një ndjenjë të sofistikimit. Kombinimi i të zezës me të bardhën në një dizajn minimalist jep përshtypjen e elegancës dhe stilit, ashtu si në faqen e internetit BOSE.

E bardha

Në kulturën perëndimore, e bardha lidhet me pastërtinë, mirësinë dhe pafajësinë. Kjo ngjyrë përdoret shpesh për sfondin e uebsajteve minimaliste dhe të thjeshta.

Përveç kësaj, asnjë ngjyrë e vetme nuk do t'ju lejojë t'i kushtoni aq vëmendje ngjyrave të tjera sa e bardha. Për shembull, për fituesin e Awwwards, Kloin Toshev, të gjitha veprat e tij janë të shtruara në një sfond të bardhë, i cili vetëm i bën ilustrimet të spikasin dhe të jep përshtypjen e një galerie elegante.

Ngjyra gri

Përkundër faktit se në disa situata, gri mund të krijojë një atmosferë të zymtë dhe të trishtuar, ajo ende përdoret shpesh nga stilistë profesionistë.

Gjithçka ka të bëjë me nuancat: duke i alternuar ato, mund të merrni të gjitha emocionet e shkaktuara nga e zeza dhe e bardha. Në përgjithësi, gri është një mjet i fuqishëm në duart e duhura.

Dhe në kombinim me ngjyra më të ndritshme në dizajn, sfondi gri duket modern, dhe jo i zymtë, për shembull, në.

Bezhë

Vetë bezha është mjaft e shurdhër dhe joshprehëse, por ka një veti të jashtëzakonshme: bezha merr karakterin e luleve që e rrethojnë. Prandaj, nëse nuk synohet të shprehë përmbajtje, bezha shërben si sfond ose ngjyrë e dytë.

Nuancat më të errëta të bezhës krijojnë një ndjenjë të traditës dhe tokësore, japin një ndjenjë letre, ndërsa nuancat më të lehta duken më të freskëta dhe më moderne.

Për shembull, në një faqe interneti restoranti, një ngjyrë bezhë e lehtë rreth emrit dhe skajet më të errëta japin përshtypjen se restoranti është një pamje e freskët e kuzhinës tradicionale.

Fildishi

Fildishi si dhe kremi ngjallin pothuajse të njëjtat emocione si të bardha. Megjithatë, fildishi është më i ngrohtë (ose më pak steril) se i bardhë, gjë që krijon një ndjenjë më të madhe rehati duke ruajtur minimalizmin.

Mund të përdorni fildish në vend të të bardhës për të zbutur kontrastin midis tij dhe ngjyrave më të errëta. Për shembull, në vend, elementët kafe-portokalli vendosen kundër një sfondi fildishi (i cili duket i hirtë) për të ruajtur një ndjenjë ngrohtësie.

Spektri i ngjyrave

Çdo faqe ka një skemë ngjyrash që përdor ngjyrat kryesore për të mbushur më shumë hapësirë. Siç thamë më herët, përdorimi i këtyre ngjyrave ndikon në mendjen dhe disponimin e një personi kryesisht në mënyrë të pandërgjegjshme. Prandaj zgjidhni ato me kujdes.

Ndërsa ka shumë mënyra për të kombinuar ngjyrat, ne do të fokusohemi në tre nga më të suksesshmet dhe më të përdorurat.

Triada (harmoni e trefishtë, trekëndësh)

Triada është sistemi bazë dhe më i ekuilibruar i tre ngjyrave. Ai përdor rezonancë dhe plotësues ngjyrash, por nuk ka kontrast kompleks, gjë që e bën treshen gamën më të besueshme.

Në një rrotë me 12 ngjyra, zgjidhni çdo tre 120 gradë: një për planin e parë dhe dy për shiritin e përmbajtjes dhe të navigimit.

Sistemi i dyfishtë plotësues

Ky varg është më i vështirë për t'u zbatuar, por mund të jetë një zgjidhje fitimprurëse. Përdoren katër ngjyra: dy të kundërta dhe dy plotësuese.

Shikoni se si duket një faqe e mrekullueshme e Floridës, bazuar në këtë paraqitje. Ngjyrat e kuqe dhe jeshile kanë kontrast në blloqet e bimëve dhe tekstit, ndërsa sfondi blu dhe shkretëtira portokalli plotësojnë figurën në mënyrë efektive.

Analoge (sistemi serial)

Gama e ngjyrave të ngjashme përdor kryesisht nuanca plotësuese. Kjo ju lejon të theksoni veçanërisht qartë disa cilësi dhe të ngjallni emocione të caktuara.

Për shembull, kombinimi i ngjyrave të kuqe, portokalli dhe të verdhë thekson energjinë dhe vitalitetin. Është shumë e thjeshtë të përdorësh peshore të tilla, por është e vështirë të zgjedhësh se cilat ngjyra do të përfshihen në kombinim. Efekti i tyre do të jetë i ekzagjeruar, ndaj nuk mund të gaboni.

Për shembull, përdorimi i ngjyrave blu, bruz dhe jeshile në dizajnin e faqes së internetit krijoi një atmosferë qetësie dhe qetësie. Vini re se si përdorej e verdha për të theksuar pikat e rëndësishme.

Këto janë vetëm bazat e teorisë së ngjyrave që mund t'ju ndihmojnë të krijoni dizajne mbresëlënëse me porosi, dhe nuk ka kufi se sa larg mund të shkoni për sa i përket ngjyrës në faqen tuaj.

Mjetet e ndihmës për zgjedhjen e ngjyrave

Për fat të mirë, ka disa mjete në dispozicion për t'ju ndihmuar të zbatoni teorinë e ngjyrave në praktikë. Provoni këto paleta që të mos keni nevojë të filloni nga e para për të krijuar tuajin:

1. i njohur më parë si Adobe Kuler. Është një nga mjetet më të besueshme për zgjedhjen e ngjyrave.
2. … Nëse dëshironi një mjet të thjeshtë për të zgjedhur një ngjyrë sa më shpejt të jetë e mundur, Paletton është i mrekullueshëm.
3. … Një mjet i shkëlqyeshëm për zgjedhjen e ngjyrës së ndërfaqes së përdoruesit.

Dhe nëse këto mjete nuk funksionojnë për ju, këtu janë veglat e ndryshme të përzgjedhjes së ngjyrave.

Marrëdhënia e drejtpërdrejtë midis ngjyrës dhe emocionit

Mbani mend: përdoruesit rrallë vërejnë dhe vlerësojnë ngjyrën e sfondit, shiritin e navigimit, detajet individuale, por kjo nuk do të thotë që ngjyra nuk ndikon tek ata. Thjesht ndodh në mënyrë të pandërgjegjshme.

Përdoruesi ka disa emocione, zhvillon një qëndrim ndaj sajtit ose markës, ai kryen veprime të caktuara: lëviz poshtë, klikon mbi butonat që nxisin veprim, ose, anasjelltas, nuk i vëren ato. Dhe ngjyra luan një rol të madh në të gjithë këtë.

Nëse keni ndonjë këshillë për përdorimin e ngjyrave në dizajnin e uebit, ju lutemi ndani në komente.