Rangi katika muundo wa wavuti: jinsi ya kuamsha hisia zinazofaa kwa mtumiaji

2024 Mwandishi: Malcolm Clapton | [email protected]. Mwisho uliobadilishwa: 2023-12-17 04:11

Rangi huamua athari ya kihisia ya mtumiaji kwenye tovuti, hata kama mtu mwenyewe hajui. Ni rangi gani za kutumia kwa mandharinyuma na vipengele tofauti vya tovuti ili kuamsha hisia fulani, na jinsi ya kuchanganya kwa usahihi rangi katika muundo wa wavuti, soma hapa chini.

Katika historia ya wanadamu, wachoraji mahiri wametambuliwa ulimwenguni pote kwa uwezo wao wa kufanya kazi na rangi. Katika ulimwengu wa kisasa, wataalamu wanaojua jinsi ya kuchanganya rangi kwa madhumuni ya kibiashara na biashara - katika utangazaji na muundo wa wavuti - wanatambulika kwa usawa.

Uwezo wa kutumia rangi unaweza kusukuma kwa muda usiojulikana. Hii ni dimbwi la kweli la uwezekano wa kushawishi mtu.

Tutashughulikia misingi ya nadharia ya rangi na mpango wa rangi, na kisha tutazungumzia kuhusu athari za kihisia za rangi fulani.

Nadharia ya rangi

Kitabu kizima kinaweza kujitolea kwa mada ya rangi, kwa hivyo hatutachukua kwa ukamilifu, lakini tujiweke tu kwa habari muhimu ambayo inaweza kutumika wakati wa kuunda muundo wa kiolesura.

Nadharia ya rangi inaweza kugawanywa katika sehemu tatu:

Tofautisha

Kila kivuli kina kinyume chake, kwa kusema, "adui" wake, ambayo ni tofauti kubwa zaidi ya rangi hii. Ili kupata rangi hiyo, unaweza kutumia gurudumu la rangi. Chagua tu rangi upande wa pili wa duara.

Nyongeza

Rangi hizi hazipingani kila wakati. Rangi za ziada zinasisitiza kila mmoja, kinyume na tofauti. Katika gurudumu la rangi, rangi hizi hufuatana, kwa mfano, rangi za ziada za lilac - bluu na nyekundu.

Resonance

Kila rangi husababisha hisia fulani. Bright rangi ya joto (nyekundu, machungwa, njano) kujaza mtu kwa nishati, kuamsha yake, na baridi vivuli giza (kijani, bluu, zambarau), kinyume chake, kupumzika na Visa.

Kwa mfano, hutumia upau mwekundu wa kusogeza kuamsha msomaji na kuongeza msisimko wao. Kwa kuzingatia umaalum wa tovuti - habari za kusisimua - nyekundu inaonekana kama uamuzi wa kimantiki.

Nadharia ya rangi katika muundo wa wavuti ni zaidi ya mapambo. Rangi inaweza kubadilisha mtazamo wa tovuti yako na kuchukua jukumu muhimu katika biashara yako.

Mtazamo wa kihisia wa rangi

Hakuna mtu atakayekataa uingiliano wa karibu wa rangi na hisia. Na, bila shaka, mtengenezaji yeyote wa wavuti anataka kutumia ushawishi huu ili kuunda vibe sahihi kwa kila tovuti.

Kulingana na tafiti chache - uchanganuzi uliotumwa kwenye tovuti na chapisho kuhusu rangi ndani - tutaeleza jinsi rangi huathiri hisia na kusaidia kuunda muundo wa UX.

Ni muhimu kukumbuka kwamba tamaduni mbalimbali duniani kote huona rangi tofauti. Tutaelezea mahusiano ya kihisia ambayo ni ya kipekee kwa utamaduni wa Magharibi.

Nyekundu

Rangi ya kuchochea zaidi, hivyo kushtakiwa kwa nguvu kwamba inaweza hata kuongeza shinikizo la damu. Nyekundu inawakilisha shauku na nguvu na ndiyo rangi inayovutia zaidi, ndiyo maana mara nyingi hutumiwa kwa maonyo na matangazo muhimu.

Kwa mfano, rangi nyekundu inafaa sana kwa tovuti ambayo madhumuni yake ni kuonya juu ya vitisho vinavyotambulika.

Kutumia nyekundu nyingi juu ya ukurasa ni nzuri kwani huvutia umakini wa habari muhimu katika ujumbe wako. Wakati huo huo, watu huwa na haraka kuondoka "eneo la hatari" nyekundu na kusonga chini. Na hii, kwa upande wake, inakuwezesha kuonyesha maudhui zaidi ya mtumiaji.

Lakini rangi hii inaweza kufanya kazi dhidi yako pia, kwa kuwa inaweza kusababisha uchokozi au overstimulation. Ikiwa unataka kujenga hali ya kufurahi zaidi, jaribu kutumia nyekundu kwa kiasi na uchague vivuli vyepesi vya rangi nyekundu.

Chungwa

Kama sauti tulivu zaidi ya joto, chungwa ina uwezo wa kuibua hisia mbalimbali. Kama rangi ya msingi, inaweza kuamsha riba na kuimarisha, na kama rangi ya sekondari, inaweza kuhifadhi mali hizi, lakini kwa njia isiyo ya kawaida zaidi.

Aidha, machungwa husaidia kujenga hisia ya harakati na nishati. Kwa mfano, inaonekana nzuri kwenye tovuti ya katuni ya kampuni, ambayo inapendekezwa kwa vijana na harakati. Rangi inahusishwa na ubunifu, huku ikidumisha hisia inayojulikana ya chapa.

Njano

Ni moja ya rangi nyingi zaidi, na hisia zinazojitokeza zinategemea zaidi kivuli.

Njano mkali huongeza nishati, lakini bila ukali na ukali uliopo katika nyekundu. Vivuli vya kati vya njano huamsha hisia ya faraja wakati bado huchangamsha. Vivuli vya giza (ikiwa ni pamoja na dhahabu) hutoa hisia ya kale, kujaza nafasi kwa muda usio na wakati, hekima na udadisi.

Kwa mfano, kwenye ukurasa wa nyumbani wa wakala wa muundo wa wavuti, sauti nyeusi zaidi za nishati ya manjano, udadisi na mamlaka. Rangi hii ni nzuri kwa makampuni ambayo hupata pesa kutoka kwa ushauri na wanataka kusisitiza taaluma yao.

Rangi ya kijani

Kijani ni daraja kati ya vivuli vya joto na baridi, ingawa huwa na baridi zaidi. Hii ina maana kwamba kijani ina athari ya kufurahi ya bluu, lakini pia ina kidogo ya nishati kutoka kwa njano.

Matokeo yake, hujenga hali ya usawa sana na yenye utulivu. Vivuli vyeusi vya kijani kibichi vinatoa taswira ya utajiri na wingi, kama vile tovuti.

Rangi ya bluu

Kama ilivyo kwa manjano, athari ya bluu inategemea sana rangi. Vivuli vyote vya bluu ni vya ulimwengu wote kwa suala la kupumzika na usalama, lakini tani za mwanga zinahusishwa na urafiki, na tani za giza na huzuni.

Mitandao ya kijamii kama Twitter na Facebook hutumia vivuli vyepesi hadi vya kati vya rangi ya samawati, ilhali tovuti za mashirika zinapendelea vivuli vyeusi zaidi vya nguvu na kutegemewa.

Wakala wa kubuni matukio ni mfano mzuri. Kwa kutumia maua ya bluu kama mandharinyuma, walionyesha kuibua maarifa na ustadi wao katika uandishi wa maua, na pia waliunda hali ya kuegemea na uaminifu.

Hii ni muhimu sana kwani wanafanya kazi na hafla ambazo taswira ni muhimu sana, kama vile harusi.

Zambarau

Rangi ya zambarau kihistoria inahusishwa na ukuu wa kifalme, ikiashiria anasa. Vivuli vya rangi ya zambarau huonyesha ukarimu na utajiri kwa ujumla, na kuwafanya kuwa chaguo bora kwa bidhaa za mitindo na anasa (hata chokoleti kama chaguo la rangi ya chapa).

Vivuli vyepesi kama vile lavender (zambarau na mguso wa waridi) huibua mawazo ya mahaba, huku vivuli vyeusi vikionekana kuwa vya kuvutia zaidi na vya ajabu.

Nyeusi

Nguvu zaidi ya rangi zisizo na upande, nyeusi, inaonekana kwenye tovuti karibu yoyote. Inaweza kuibua miunganisho tofauti kulingana na rangi zinazoandamana nayo au kuzitawala ikiwa itatumiwa kupita kiasi.

Nguvu na kutokuwa na upande wa rangi nyeusi hufanya kuwa chaguo bora kwa vitalu vikubwa vya maandishi, lakini kama rangi ya msingi inaweza kuunda hali ya woga au hata kuhusishwa na uovu.

Kwa tovuti nyingi, nyeusi hutumiwa kuunda hali ya kisasa. Mchanganyiko wa nyeusi na nyeupe katika muundo mdogo hutoa hisia ya uzuri na mtindo, kama vile kwenye tovuti ya BOSE.

Nyeupe

Katika utamaduni wa Magharibi, nyeupe inahusishwa na usafi, wema na kutokuwa na hatia. Mara nyingi rangi hii hutumiwa kwa historia ya tovuti ndogo na rahisi.

Kwa kuongeza, hakuna rangi moja itakuruhusu kulipa kipaumbele kwa rangi nyingine kama nyeupe. Kwa mfano, kwa mshindi wa Awwwards, Kloin Toshev, kazi zake zote zimewekwa kwenye historia nyeupe, ambayo hufanya tu vielelezo vyema na kutoa hisia ya nyumba ya sanaa ya kifahari.

Rangi ya kijivu

Licha ya ukweli kwamba katika hali fulani, kijivu kinaweza kuunda hali ya huzuni na ya kusikitisha, bado hutumiwa mara nyingi na wabunifu wa kitaaluma.

Yote ni kuhusu vivuli: kwa kuzibadilisha, unaweza kupata hisia zote zinazosababishwa na nyeusi na nyeupe. Yote kwa yote, kijivu ni chombo chenye nguvu katika mikono ya kulia.

Na pamoja na rangi angavu katika muundo, asili ya kijivu inaonekana ya kisasa, na sio ya kusikitisha, kwa mfano, juu.

Beige

Beige yenyewe ni badala ya mwanga na inexpressive, lakini ina mali moja ya ajabu: beige inachukua tabia ya maua yanayozunguka. Kwa hivyo, ikiwa haikusudiwa kuelezea kizuizi, beige hutumika kama msingi au rangi ya pili.

Vivuli vya giza vya beige huunda hisia ya mila na udongo, kutoa hisia ya karatasi, wakati vivuli vyepesi vinaonekana vyema na vya kisasa zaidi.

Kwa mfano, kwenye tovuti ya mgahawa, rangi ya beige isiyokolea karibu na jina na kingo nyeusi inatoa hisia kwamba mgahawa huo ni mtindo mpya wa vyakula vya kitamaduni.

Pembe za Ndovu

Pembe za ndovu pamoja na cream huamsha hisia karibu sawa na nyeupe. Hata hivyo, pembe za ndovu ni joto (au chini ya kuzaa) kuliko nyeupe, ambayo hujenga hisia kubwa ya faraja wakati wa kudumisha minimalism.

Unaweza kutumia pembe za ndovu badala ya nyeupe ili kupunguza utofauti kati yake na rangi nyeusi. Kwa mfano, kwenye tovuti, vipengele vya kahawia-machungwa vinawekwa dhidi ya historia ya pembe (ambayo inaonekana kijivu) ili kudumisha hali ya joto.

Wigo wa rangi

Kila tovuti ina mpango wa rangi unaotumia rangi msingi kujaza nafasi zaidi. Kama tulivyosema hapo awali, matumizi ya rangi hizi huathiri akili na mhemko wa mtu haswa bila fahamu. Kwa hiyo wachague kwa uangalifu.

Ingawa kuna njia nyingi za kuchanganya rangi, tutazingatia tatu za mafanikio zaidi na zinazotumiwa kwa kawaida.

Utatu (maelewano matatu, pembetatu)

Triad ni mfumo wa msingi na wa usawa zaidi wa rangi tatu. Inatumia resonance na rangi inayosaidia, lakini haina tofauti ngumu, ambayo inafanya triad kuwa gamut ya kuaminika zaidi.

Kwenye gurudumu la rangi 12, chagua digrii 120 zozote tofauti: moja kwa mandhari ya mbele na mbili kwa yaliyomo na upau wa kusogeza.

Mfumo wa nyongeza wa pande mbili

Aina hii ni ngumu zaidi kutekeleza, lakini inaweza kuwa suluhisho la faida. Rangi nne hutumiwa: mbili tofauti na mbili za ziada.

Angalia jinsi ukurasa mzuri wa Florida Flourish unavyoonekana kulingana na mpangilio huu. Rangi nyekundu na kijani hutofautiana katika mimea na vizuizi vya maandishi, wakati mandharinyuma ya bluu na jangwa la machungwa hukamilisha picha kwa ufanisi.

Analogi (mfumo wa serial)

Aina mbalimbali za rangi zinazofanana hutumia hasa vivuli vya ziada. Hii hukuruhusu kusisitiza waziwazi sifa fulani na kuamsha hisia fulani.

Kwa mfano, mchanganyiko wa rangi nyekundu, machungwa na njano inasisitiza nishati na uhai. Ni rahisi sana kutumia mizani hiyo, lakini ni vigumu kuchagua rangi ambazo zitajumuishwa katika mchanganyiko. Athari zao zitazidishwa, kwa hivyo huwezi kuwa na makosa.

Kwa mfano, matumizi ya rangi ya bluu, turquoise na kijani katika kubuni tovuti iliunda hali ya utulivu na utulivu. Angalia jinsi njano ilivyotumiwa kuangazia mambo muhimu.

Hizi ni misingi tu ya nadharia ya rangi ambayo inaweza kukusaidia kuunda miundo maalum ya kuvutia, na hakuna kikomo kwa umbali gani unaweza kwenda kwa suala la rangi kwenye tovuti yako.

Zana za Msaidizi za Kichagua Rangi

Kwa bahati nzuri, kuna zana kadhaa zinazopatikana kukusaidia kuweka nadharia ya rangi katika vitendo. Jaribu palette hizi ili sio lazima uanze kutoka mwanzo kuunda yako mwenyewe:

1. zamani inayojulikana kama Adobe Kuler. Ni moja ya zana za kuaminika za kuokota rangi.
2. … Ikiwa unataka zana rahisi kuchagua rangi haraka iwezekanavyo, Paletton ni nzuri.
3. … Chombo kikubwa cha kuchagua rangi ya kiolesura cha mtumiaji.

Na ikiwa zana hizi hazifanyi kazi kwako, hapa kuna zana tofauti za kuchagua rangi.

Uhusiano wa moja kwa moja kati ya rangi na hisia

Kumbuka: watumiaji mara chache hutambua na kufahamu rangi ya mandharinyuma, upau wa urambazaji, maelezo ya mtu binafsi, lakini hii haimaanishi kuwa rangi haiwaathiri. Inatokea tu bila kujua.

Mtumiaji ana hisia fulani, hukuza mtazamo kuelekea tovuti au chapa, anafanya vitendo fulani: husogeza chini, kubofya vitufe vinavyosababisha kitendo, au, kinyume chake, havioni. Na rangi ina jukumu kubwa katika haya yote.

Ikiwa una vidokezo vya kutumia rangi katika muundo wa wavuti, tafadhali shiriki kwenye maoni.