Krāsa tiek plaši izmantota dizainā - tā ļauj “atdzīvināt” saturu – izveidot semantisku saikni starp elementiem, piepildīt darbu ar emocijām un noskaņojumu. Iesācēji dizaineri izvēlas nejaušas krāsas, taču ir veidi, kā krāsu izmantot jēgpilnākā veidā. Apskatīsim 4 šādas metodes, kas sakārtotas pēc principa no vienkāršas līdz sarežģītai.

1. Izmantojiet zināmu mērogu

Vietnē brandcolors.net ir vairāk nekā 500 slavenu zīmolu krāsu kombinācijas. Yandex, Google, Burger King visos savos produktos izmanto vienu un to pašu paleti. Šie zīmoli un to krāsas ir pazīstami un iemīļoti daudziem. Ierakstiet nosaukumu meklēšanas joslā vai ritiniet lapu, noklikšķiniet uz vajadzīgā zīmola un krāsas: tā kods tiks kopēts starpliktuvē.

2. Izvēlieties gatavu profesionālu paleti

Vienkāršākais veids ir uzņemt gatavu krāsu kombināciju. Nav nepieciešams katru reizi izgudrot riteni no jauna, jo harmoniskas kombinācijas ir zināmas jau sen. Dodieties uz colordrop.io un izvēlieties. Vietnē ir simtiem profesionālu 4 krāsu palešu. Kad esat izvēlējies vajadzīgo, noklikšķiniet un kopējiet krāsu kodus no paneļa, kas tiek atvērts labajā pusē.

Turklāt pakalpojums satur gatavu 24 plakano dizaina krāsu izvēli. Noklikšķiniet pa kreisi zem nosaukuma “Flat Colors” un paņemiet sev tīkamā toņa kodu.

3. Nosakiet sev tīkamās fotogrāfijas vai attēla krāsu paleti

Šī metode ir nedaudz sarežģītāka. Bet arī efektīvāk.

• Vietnes coolors.co augšējā kreisajā panelī atrodiet kameras ikonu un noklikšķiniet uz tās. Tiks atvērts attēla augšupielādes logs.
• Datorā varat atlasīt fotoattēlu vai attēlu ar vēlamo krāsu shēmu vai kopēt saiti tukšā kolonnā.
• Pakalpojums noteiks krāsu kombināciju (zemāk zem augšupielādētā attēla).
• Jūs varat mainīt atsevišķas šīs paletes krāsas, atzīmējot tās un fotoattēlā atlasot punktu, no kura vēlaties ņemt krāsu.
• Poga “Kolāža” saglabā iegūto paleti ar krāsu kodiem datorā.
• Poga “Auto” ģenerē jaunas kombinācijas, pamatojoties uz to pašu fotoattēlu.
• Noklikšķiniet uz “Ok” un dodieties uz vietnes galveno lapu, lai turpinātu darbu ar paleti.

Vietnes galvenā lapa ir ne mazāk funkcionāla. Šeit varat atlasīt atsevišķu krāsu toņus vai izveidot jaunu paleti, aizstājot atsevišķas krāsas.

4. Izveidojiet savu krāsu shēmu tiešsaistē

Augšupielādējot fotoattēlu tajā pašā vietnē coolors.co, jūs varat ne tikai noteikt krāsu kodu, bet arī izveidot savas kombinācijas. Lai to izdarītu, nospiediet atstarpes taustiņu - pakalpojums automātiski izveido 5 krāsu kombināciju.

Uz katras krāsas 4 ikonu pogas:

• Alternatīvi toņi - krāsu toņi (tumšāki un gaišāki),
• Velciet (pārvietojiet krāsu paletē pa labi vai pa kreisi),
• Pielāgot (pielāgojiet nokrāsu, piesātinājumu, spilgtumu utt.),
• Slēdzene (nostipriniet krāsu).

Kā pārvaldīt lietotāja uzmanību vietnē? Kā izvēlēties pareizās krāsas vietnei? Kādu lietojumprogrammu var izmantot, lai uzzinātu krāsu kodu konkurenta vietnē? Mēs to izskatīsim šodien rakstā.

Pakalpojumi krāsu shēmu noteikšanai

• color-hex.com — noteiks, kuras krāsas ir blakus jūsu krāsai
• thestocks.im - maketu, video, fotoattēlu, ikonu, fontu apkopotājs.
• Eye Dropper ir Google Chrome paplašinājums, kas ļauj izmantot pilinātāju, lai uzzinātu jebkuras krāsas kodu jebkurā interneta lapā.
• Adobe Color CC- izvēlieties krāsu kombinācijas. Adobe Color CC palīdzēs, ja jums ir attēls un vēlaties augšupielādēt tā galvenās krāsas. Programma nosaka attēlā 5 dominējošo krāsu paleti, ko var saglabāt un izmantot prezentācijās. Par brīvu.
• Colorzilla ir Google Chrome un Mozilla Firefox paplašinājums, kas ietver krāsu atlasītāju, acu pilinātāju, css gradientu ģeneratoru un palešu pārlūkprogrammas rīkus. Viss, kas jums jādara, ir norādīt pilinātāju uz vēlamo krāsu jebkurā vietnē un kopēt kodu.

Krāsu izvēle

Augšupielādējiet attēlu un izveidojiet no tā paleti.

• Coolors.co – resurss ar paletēm, kuras vari izveidot pats vai aizņemties no kolekcijas

COLOURmīļi - līdz krāsu cienītāju kopiena, kas koplieto paletes, krāsas, fonus un grafiskās veidnes. Ir krāsu tendences no interjeriem, žurnāliem, vietnēm un pat ielu modes. Sadaļā “Pārlūkot” varat atrast autora krāsas un paletes, kā arī lejupielādēt prezentācijas fonus.

Kā izvēlēties krāsu vietnei

Jūs nevarat spriest par grāmatu pēc tās vāka, bet jūs noteikti varat spriest par vietni pēc tās dizaina. Cilvēki mēdz novērtēt un spriest par produktiem un tīmekļa vietnēm, pamatojoties uz to izskatu, pat pirms viņi var izprast to funkcionalitāti un priekšrocības.

Zīmola veidošanā krāsām ir tiešākas nozīmes nekā vispārējā nozīmē. Tos var apkopot dažos vārdos, tāpēc šeit ir saraksts jums:

• Melns. Uzticams, izsmalcināts un pieredzējis. Izmanto luksusa preču reklamēšanai.
• Balts. Vienkārši, mierīgi un tīri.
• Sarkans. Pārliecība, jaunība un spēks. Bieži izmanto kopējai pārdošanai.
• Oranžs. Draudzīga, silta un enerģiska. Izveido aicinājumu uz darbību: reģistrēties, pirkt vai pārdot.
• Dzeltens. Laime, optimisms un siltums. Parasti izmanto, lai pievērstu uzmanību displeja logam.
• Zaļš. Miers, izaugsme un veselība. Mārketingā to izmanto atpūtai.
• Zils. Uzticība, drošība un stabilitāte. Parasti izmanto bankām un uzņēmumiem.
• Violeta/violeta. Grezns, radošs un gudrs. Parasti izmanto skaistumkopšanas un pretnovecošanās produktu nozarē.
• Rozā. Romantisks un sievišķīgs. Izmanto, lai reklamētu produktus sievietēm un jaunām meitenēm.

Melns

Krāsai ir daudz nozīmju. Tas ir saistīts ar traģiskām situācijām. Tas viss ir atkarīgs no tā, kā jūs to izmantojat un kādas krāsas ir pievienotas. Melns lieliski sader ar jebkuru citu krāsu, padarot to lieliski piemērotu fonam. Dizaineri to bieži izmanto, lai izveidotu kontrastus.

Balts

Krāsa apzīmē tīrību un nevainību, kā arī veselumu un skaidrību. Baltā krāsa bieži tiek saistīta ar tukšu papīra lapu, kas mudina cilvēkus radīt jaunas idejas. Tomēr pārāk daudz baltā var izraisīt izolācijas un tukšuma sajūtu. Dizainā baltā krāsa parasti tiek izmantota kā fona krāsa, īpaši resursiem, kur lasāmība ir svarīga.

Sarkans

Krāsa parasti ir saistīta ar kaislīgām, spēcīgām vai agresīvām jūtām. Tas simbolizē gan labos, gan sliktos stāvokļus, tostarp mīlestību, pārliecību, kaislību un dusmas. Dizainā sarkanās krāsas izmantošana ir efektīvs veids, kā piesaistīt lietotāju uzmanību.

Oranžs

Tā ir enerģiska un silta krāsa, kas izraisa sajūsmas sajūtu. Dizaineri izmanto krāsas, kad viņiem ir nepieciešams motivēt darbību.

Dzeltens

Tā ir laimes krāsa un simbolizē sauli, prieku un siltumu. Dzeltenā tiek uzskatīta par gaišāko krāsu, un tai ir viena no spēcīgākajām psiholoģiskajām nozīmēm. Lietotāji, kuri dizainā redz dzeltenas krāsas, var justies iedvesmoti un pārliecināti. Tomēr jāatceras, ka pārāk daudz dzeltenās krāsas var izraisīt negatīvas reakcijas, piemēram, nemieru vai bailes.

Zaļš

To mēdz dēvēt par dabas, līdzsvara un harmonijas krāsu. Zaļā krāsa rada nomierinošas un atjaunojošas sajūtas. Tā ir arī izaugsmes un pieredzes trūkums. Tam ir vairāk pozitīvas enerģijas nekā lielākajai daļai citu krāsu, bet dažreiz tas ir saistīts ar materiālismu. Zaļu toņu dizains ir ideāli piemērots produktiem, kas saistīti ar dabu.

Zils

Uzticības krāsa. Tas parasti parāda uzticamību un nomierina.

Violeta

Ilgi saistīts ar bagātību, jo daudzi karaļi valkāja purpursarkanās drēbes, tas ir noderīgs noteiktu luksusa preču attēlošanai. Tā ir arī noslēpuma un maģijas krāsa. Tas sajauc sarkanās un zilās krāsas enerģiju, tāpēc tai ir spēka un stabilitātes līdzsvars. Liela krāsu koncentrācija var novērst lietotāju uzmanību.

Rozā

Tā ir jūtīguma un romantikas krāsa. Rozā krāsa ir daudz maigāka par sarkano, tāpēc tā rada beznosacījuma mīlestības sajūtu. Rozā ir ļoti cieši saistīta ar sievišķību, tāpēc tā var būt efektīva krāsa, ja mērķauditorija galvenokārt ir meitenes.

Brūns

Dizaineri parasti izmanto brūnu kā fona krāsu dažādos toņos, no ļoti gaišas līdz dziļai. Tas rada siltuma un komforta sajūtu. Turklāt to var izmantot, lai demonstrētu pieredzi un pārliecību.

Krāsu ietekme uz preču iegādi

Pētījums tika veikts Ziemeļamerikā.

Mīļākās krāsas

Vismazāk mīļākās krāsas

Krāsu modeļi

• CMYK: ciāna (zilgana), fuksīna (sarkana), dzeltena (dzeltena) un atslēga (“atslēga” — melna). Tas ir, šis modelis sastāv no trim pamatkrāsām un melnas, kas ļauj izveidot tumšākas nokrāsas. Izmanto krāsošanā un drukāšanā.
• RGB modeļi: sarkans, zaļš, zils - sarkans, zaļš, zils. Izmanto datoros, televizoros un citās elektroniskās ierīcēs

Vienkrāsains

Tas ir balstīts uz vienu krāsu ar dažādiem toņiem. Monohromatiska palete vienmēr ir labākā izvēle, jo ir grūti kļūdīties un izveidot nepatīkamu krāsu shēmu.

Analogās krāsas

Lai izveidotu līdzīgu harmoniju, izmantojiet krāsas, kas krāsu aplī atrodas blakus viena otrai.

Papildinošs

Papildu shēma ir krāsu kombinācija, kas krāsu ratā atrodas viena pret otru. Šī shēma ir pretēja analogajai un monohromatiskajai shēmai, jo tās mērķis ir panākt augstu kontrastu. Piemēram, jebkurā interfeisā ir grūti nepamanīt oranžu pogu uz zila fona.

Krāsa ir viens no svarīgākajiem elementiem dizainera darbā. Taču kā koncepciju to var būt diezgan grūti apgūt: daudzo palešu kombināciju dēļ bieži vien ir grūti izlemt, kā vislabāk izveidot tīmekļa lapu un lietojumprogrammu saskarni. Iepriekš esam publicējuši pārskatus par izvēlētajiem rīkiem un . Un šodien mēs vēlamies paplašināt tēmu, ievietojot emuārā Nika Babiča raksta Essential Color Tools for UX Designers tulkojumu.

Piezīmē ir saraksts ar labākajiem vietņu krāsu atlases pakalpojumiem un UX dizainu, kas palīdzēs ietaupīt daudz laika. Izmantojot šos projektus, jūs uzzināsit:

• kur smelties iedvesmu;
• kā izveidot savu paleti;
• kā padarīt dizainu pieejamu cilvēkiem ar krāsu redzes traucējumiem.

1. Meklē iedvesmu

Dabas krāsas

Zīmējiet no apkārtējās pasaules. Viss, kas jums jādara, ir tikai paskatīties apkārt. Modes apģērbi, grāmatu vāki, interjera dizains... jums apkārt ir tik daudz pārsteidzošu lietu. Bet vislabākās krāsu kombinācijas ir dabas krāsas. Iemūžiniet skaistu mirkli un mēģiniet izveidot savu atlasi, pamatojoties uz konkrētu attēlu.

Labākās krāsu kombinācijas atrodamas dabā. Krāsu shēmu var iegūt no jebkura fotoattēla

Behance

Šajā populārajā pakalpojumā jūs atradīsiet interesantus darbus, kas iekļauti labākajos tiešsaistes profesionāļu portfeļos savā jomā. Šī vietne ir arī lielisks iedvesmas avots. Lai skatītu jaunus projektu piemērus, vienkārši atlasiet vajadzīgo krāsu.

Dribble krāsas

Dribbble ir viens no labākajiem, kas noderēs, veidojot lietotāja interfeisu. Ja vēlaties vizuāli saprast, kā citi ir izmantojuši konkrētu krāsu, dodieties uz vietni dribbble.com/colors un ievadiet vajadzīgo vērtību.

Izvēloties vietnes krāsu, šeit varat iestatīt tās minimālo procentuālo daļu - eksperimentējiet, piemēram, mēģiniet iestatīt 30% zilu.

Mēģiniet programmā Dribbble iestatīt noteiktas krāsas minimālo procentuālo daudzumu

Dizaina iedvesma

Designspiration ir noderīgs rīks galvenokārt tiem, kam jau ir idejas par krāsu kombinācijām un kuri vēlas redzēt šādu kombināciju piemērus. Izvēlieties no 1 līdz 5 opcijām, un jūs atradīsiet attēlus, kas atbilst norādītajiem parametriem.

Programmā Designspiration jūs atradīsiet dažādus krāsu kombināciju piemērus

Tineye Multicolr

Izmantojot Tineye Multicolr krāsu saskaņošanas pakalpojumu, jūs varat noteikt vēlamo attēla gamma un pat iestatīt katra no tiem procentuālo daudzumu (attiecību). Vietne ir integrēta ar datu bāzi, kurā ir 20 miljoni Creative Commons fotoattēlu no Flickr. Tas noteikti ir viens no ātrākajiem veidiem, kā atrast perfektu paleti.

Colorzilla

ColorZilla ir paplašinājums instalēšanai pārlūkprogrammās Chrome un Mozilla Firefox. Tajā ir iekļauti tādi rīki kā pilinātājs, palešu pārlūkošana, izveide un citi.

ColorZilla paplašinājums pieejams pārlūkprogrammās Chrome un Firefox

Shutterstock spektrs

Viens no labākajiem veidiem, kā iedomāties, kā izskatīsies krāsu shēma, ir aplūkot atbilstošos attēlus. Lielākā daļa risinājumu, kas piedāvā krāsu izvēli vietņu dizainam, ietver šo funkciju, taču Shutterstock Spectrum ir neticami lietotājam draudzīgs interfeiss un priekšskatījums, kas patiešām var būt noderīgi.

Turklāt jums nebūs nepieciešams abonements, jo pietiks ar attēla sākotnējo novērtējumu (pat neskatoties uz to, ka uz tā ir “ūdenszīme”).

W3Skolas

Nesen emuārā tika pārskatīta W3Schools izlase. Tur ir apkopota ļoti daudz informācijas par tēmu, sākot no to nosaukumiem/toņu kodiem, palešu kombinēšanas teorijas un beidzot ar dažādu formātu aprakstu: HEX, RGB, CMYK, HWB utt. Jūs atradīsiet arī vienkāršu ģeneratori, pārveidotāji un līdzīgi “minipakalpojumi”. Kopumā interesanti skatīties.

2. Izveidojiet krāsu paleti

Materiālu dizaina krāsu rīks

Materiālu dizaina krāsu rīks ļauj jums izveidot, koplietot krāsu shēmas un skatīt aptuvenu lietotāja interfeisu jūsu atlasēm. Viena no tās noderīgajām funkcijām ir jebkuras krāsu kombinācijas pieejamības līmeņa mērīšana.

Krāsas

Coolors ir vietne vairāku krāsu paletes izveidei. Vienkārši piespraudiet noteiktu krāsu un nospiediet atstarpes taustiņu. Rīks ir labs arī tāpēc, ka jūs iegūsit vairāk nekā vienu rezultātu, taču varat ģenerēt vairākas opcijas, mainot tikai sākotnējos datus.

Krāsu shēma Colours, pamatojoties uz fotoattēlu

Adobe Color CC

Krāsu saskaņošanas pakalpojums Adobe Color CC (agrāk Kuler) tagad ir diezgan populārs. Tas ir brīvi pieejams internetā, taču ir arī desector versija. Izmantojot šo tīmekļa lietojumprogrammu, jūs izveidosit savu paleti, izmantojot krāsu apli:

Vai arī no gatavā attēla varat iegūt noteiktu rezultātu:

Krāsu izvēle vietnei, pamatojoties uz attēlu

Šeit ir simtiem gatavu kombināciju, meklējiet tās sadaļā “Skatīties”:

Ja izmantojat darbvirsmas versiju, izveidoto krāsu sistēmu varat eksportēt uz InDesign, Photoshop un Illustrator ar vienu klikšķi.

Paletons

To bieži salīdzina ar iepriekšējo Adobe Color CC, jo dizaini ir ļoti līdzīgi. Vienīgā atšķirība ir tā, ka Paletton jūs neaprobežojaties ar pieciem parametriem, bet varat eksperimentēt ar papildu saskarnes toņiem.

Turklāt jūs varat apskatīt. Kopā ar citiem aplikācija ļauj strādāt jebkur, vienkārši izmantojot viedtālruni. Papildus tiešajiem krāsu palešu izveides/eksportēšanas uzdevumiem šeit varat atlasīt noteiktas krāsas no attēliem vai izmantot pamata opcijas.

3. Paletes pieejamības nodrošināšana

Mūsdienās krāsu redzes traucējumi ir daudz biežāk sastopami, nekā mēs saprotam. Apmēram 285 miljoni cilvēku pasaulē saskaras ar redzes problēmām. Jums vienmēr ir jāpārbauda, ​​vai jūsu izvēlētais ir pieejams šādiem lietotājiem.

WebAIM krāsu kontrasta pārbaudītājs

Daži toņi lieliski sader viens ar otru, savukārt citi ir gluži pretēji. Liels skaits projektu neiztur A/A testu, un tas ir fakts. Ļoti svarīgi ir pārbaudīt interfeisa vizuālo noformējumu un toņu kontrastu, īpaši, ja lapā ir daudz teksta. Šiem nolūkiem izmantojiet, izvēloties vietnes krāsas.

WebAIM krāsu kontrasta pārbaudītājs ir tīmekļa rīks, kas pārbauda krāsu kodus heksadecimālajās vērtībās.

Krāsas

Mēs jau minējām šo pakalpojumu iepriekš. Cita starpā Coolors arī palīdzēs jums pārbaudīt, vai jūsu izgudrotajā paletē nav krāsu akluma.

Krāsu akluma veids diagrammā

Parasta režīma vietā atlasiet redzes problēmas veidu, kuru vēlaties simulēt. Tā rezultātā jūs precīzi sapratīsit, kā cilvēks, kurš nespēj atšķirt noteiktas krāsas, redzēs jūsu dizainu.

Šādi paleti redz cilvēks ar protanomāliju

NoCoffee Vision simulators pārlūkam Chrome

Izmantojot vietni NoCoffee Vision Simulator, varat redzēt, kā cilvēki ar daltonismu vai vāju redzi uztvers noteiktas tīmekļa lapas. Piemēram, ja sadaļā “Krāsu trūkums” norādāt parametru “Achromatopsia”, tīmekļa lapa būs redzama pelēkā krāsā.

Šādi izskatās CNN projekts cilvēkam ar deuteranopiju.

Secinājums

Interesantas un efektīvas paletes atrašanā noteikti palīdzēs visi rakstā minētie mājas lapas krāsu saskaņošanas un UX dizaina pakalpojumi. Bet atcerieties: labākais veids, kā iemācīties izveidot pārsteidzošas paletes, ir daudz praktizēt un eksperimentēt.

Mājas lapas krāsu gammas izvēles uzdevums var šķist milzīgs, it īpaši, ja neesat pārāk zinošs un labi pārzināt krāsu kombinācijas:

Ja viss noritēs labi, jūsu vietne izskatīsies harmoniski. Ja nē, tad iegūsi šausmu filmas stila bildi!

Ja savā vietnē izvairīsities no krāsu izmantošanas, tas izskatīsies blāvi un ātri aizmirstas. Ja pārspīlēsit ar krāsu, vietne izskatīsies lipīga.

Nākamajai vietnei ir jāizvēlas pareizā veidne un krāsu palete. Šie divi uzdevumi var būt visgrūtākie, veidojot vietni.

Zinot tikai dažus noteikumus, krāsu izvēle būs vieglāka.

Pēc šī raksta izlasīšanas jūs uzzināsit, kā:

• Izvēlieties savai vietnei un personīgajam zīmolam piemērotāko krāsu;
• Kā apvienot toņus, lai panāktu harmonisku krāsu shēmu;
• Izvēlieties piemērotāko fona krāsu;
• Izmantojiet krāsu akcentus tikai tad, ja tas ir nepieciešams.

Kā krāsa ietekmē jūsu vietnes un zīmola uztveri?

Ja es lūgtu jums domāt par Coca-Cola, kas būtu pirmais, kas jums ienāks prātā? Visticamāk, sarkanais Coca-Cola logotips parādīsies jūsu iztēlē:

Ir diezgan grūti domāt par šo dzērienu un nesaistīt to ar sarkano krāsu. Sarkanais ir tik cieši saistīts ar zīmolu, ka tas ir tikpat svarīgs kā pats slavenais dzēriens.

Sarkanā krāsa krāsu shēmā sniedz divus svarīgus ziņojumus:

1. Spilgti sarkanās etiķetes izceļas no pārējām sodas ejā.
2. Katra krāsa izraisa noteiktas emocijas. Redzot sarkanu, mums ir sajūsmas, mīlestības un kaisles sajūta zemapziņas līmenī. Šīs ir sajūtas, ko Coca-Cola vēlas izraisīt ar saviem dzērieniem:

Ja izvēlēsities savai vietnei pareizo krāsu shēmu, jūs ne tikai padarīsit to vizuāli pievilcīgu, bet arī radīsiet neaizmirstamu zīmolu.

85% pircēju atzīst, ka galvenais iemesls preces iegādei bija tās krāsa.

Izmantojot krāsu, zīmola atpazīšana palielinās par 80%.

3 soļi, kā pareizi izmantot krāsu savā vietnē

Izstrādājot mājas lapas dizainu, jums ir nepieciešams:

• Izvēlieties sava zīmola dominējošo krāsu;
• Izvēlieties vairākus akcentu toņus, lai izveidotu krāsu shēmu;
• Fona krāsas izvēle, lai izveidotu pilnīgu dizainu.

1. Dominējošās krāsas izvēle

Vai jūsu zīmola dominējošā krāsa ir sarkana, piemēram, Coca-Cola? Tas palīdzēs resursa apmeklētājos izraisīt nepieciešamās emocijas, provocē cilvēkos sajūsmas, mīlestības un kaisles sajūtu.

Šī krāsa ir pirmā lieta, kas cilvēkiem jāienāk prātā, domājot par jūsu uzņēmumu. Ja jums jau ir logotips, pārliecinieties, vai tajā ir ietverta jūsu zīmola galvenā krāsa.

Kā izvēlēties pareizo krāsu

Nav nejauši, ka lielie uzņēmumi savai vietnei izvēlas šo vai citu krāsu shēmu. Šī ir apzināta izvēle, kas ir daļa no zīmola un mārketinga.

Katra krāsa piesaista savu pircēju grupu un pat var ietekmēt viņu izvēli:

Sarkanoranža, melna un spilgti zila piesaista impulsīvus pircējus. Šīs krāsu shēmas bieži var atrast ātrās ēdināšanas ķēdēs, apģērbu veikalos un izpārdošanā.

Tumši zils un tirkīzs piesaista pircējus ar ierobežotu naudas summu. Šīs krāsas var atrast bankās un lielos universālveikalos.

Aveņu, debeszils un rozā krāsa piesaista klasiskos pircējus. Izplata apģērbu veikalos.

Lai piesaistītu vēlamos klientus, izmantojiet dažādu krāsu kombinācijas.

Mēs esam īpaši izveidojuši vizuālu infografiku krāsu shēmu izvēlei, lai atvieglotu jūsu zīmola dominējošās krāsas izvēli:

Kādu krāsu vajadzētu izmantot savai vietnei?

Zaļā krāsa simbolizē bagātību, veselību, mieru un dabu. Šo krāsu visvieglāk uztver acis, un rezultātā tā atslābina. Zaļā ir otrā iecienītākā krāsa gan vīriešiem, gan sievietēm.

Dzeltenā krāsa ir jaunības, optimisma un dzīvespriecības simbols. Bieži izmanto, lai piesaistītu uzmanību. Dzeltens var izraisīt arī spriedzi, tāpēc izmantojiet to nelielos daudzumos.

Apelsīns asociējas ar draudzīgumu, aizrautību un radošumu. Stimulē cilvēku aktivitāti. Piemēram, tas mudina jūs iegādāties produktu vai abonēt biļetenu. Šī krāsa piesaista impulsīvus pircējus.

Sarkanā krāsa simbolizē aizraušanos, aizrautību, enerģiju un briesmas. Bieži izmanto, lai radītu steidzamu vajadzību iegādāties cilvēku uztverē. Izraisa spēcīgas emocionālas reakcijas. Restorānos to lieto apetītes palielināšanai.

Rozā ir sievišķīga, mīļa, nevainīga un romantiska. Bieži izmanto, lai piedāvātu privātus pakalpojumus un produktus meitenēm un sievietēm.

Violeta ir diženuma, bagātības, veiksmes un gudrības simbols. Bieži sastopams kosmētikā. Tam ir nomierinoša iedarbība uz cilvēkiem.

Zils ir uzticamības, drošības, stabilitātes, miera un klusuma rādītājs. Bieži izmanto bankas un lieli uzņēmumi. Zilā krāsa ir patīkamākā gan vīriešiem, gan sievietēm.

Pelēks krāsu shēmā simbolizē neitralitāti, vienkāršību, mieru un loģiku. Tas ir saistīts ar tehnoloģiju, ražošanu, precizitāti, kontroli, kompetenci un pat pieredzi.

Melnā krāsa ir ietekmes, greznības, pieredzes un elegances krāsa. Bieži izmanto luksusa preču reklamēšanai, tas ir saistīts ar profesionalitāti, spēku un precizitāti.

Vai jūsu mērķauditorija ir jauni un enerģiski pircēji? Vai pieredzējušāki cilvēki ar stabiliem ienākumiem? Vai jūsu produkts (pakalpojums) ir vairāk paredzēts vīriešiem vai sievietēm? Vai tas ir piemērots tikai noteiktai vecuma grupai?

Ne katra krāsa ir piemērota jūsu uzņēmuma attēlošanai. Piemēram, ja pārdodat jogas paklājiņus, purpursarkanus ( bagātība un diženums) un melns (spēks un greznība) nav labākās iespējas. Zaļais tev piestāvēs ( veselība, miers), pelēks ( vienkāršība, miers), zils ( miers, klusums), vai varbūt pat sarkans ( kaislība, enerģija).

Vīriešu un sieviešu krāsu uztveres atšķirības

Kam jūsu vietne ir galvenokārt paredzēta, vīriešiem vai sievietēm? Vai varbūt abi?

Spilgtas un klusas krāsu shēmas vietnei

Vīrieši dod priekšroku spilgtām krāsām, savukārt sievietes dod priekšroku pieklusinātām krāsām.

Eksperiments parādīja, ka kopumā vīrieši un sievietes vienādi reaģē uz gaišiem un tumšiem toņiem. Bet izrādījās, ka sievietes vairāk tiecas uz klusinātām nokrāsām, bet vīrieši - uz spilgtiem.

Ahromatiskas krāsas

Parasti vīriešiem ahromatiskās krāsas patīk vairāk nekā sievietēm. Ahromatiskās krāsas ir balta, melna un visi pelēkie toņi.

Gaiši un tumši toņi

Sievietes dod priekšroku gaišiem toņiem. Iemesls tam ir viņu uzlabotā noteiktu krāsu uztvere.

Sievietes

Zila, violeta, zaļa.

Oranža, brūna, pelēka.

Vīrieši

Vēlamās krāsas: zila, zaļa, melna.

Vismazāk vēlamās krāsas: brūna, oranža, violeta.

Kombinējot un izmantojot krāsas, kas patīk vīriešiem, sievietēm vai abiem, jūs varat ietekmēt viņu zemapziņas uztveri par zīmolu.

Saskaņā ar krāsu shēmu pētījumiem gan vīriešiem, gan sievietēm patīk zaļa un zila. Abiem nepatīk oranža un brūna krāsa. Ja vēlaties piesaistīt gan vīriešu, gan sieviešu uzmanību, kā galvenā krāsa ir jāizmanto zilā vai zaļā krāsā.

Jūsu zīmola vai produkta krāsu izvēle var būt atkarīga arī no iespaida, kādu jūsu klienti vēlas atstāt uz citiem.

Bieži vien cilvēki iegādājas noteiktus produktus vai pakalpojumus, lai atstātu uz citiem īpašu iespaidu.

Daudzi lēmumi atspoguļo to, ko cilvēks domā par sevi un kā viņš vēlas parādīties citiem. Lūk, kas nāks prātā, kad citi cilvēki domā par šo personu:

Tātad, ja vēlaties, lai cilvēki, kas mīl dabu, iegādātos jūsu produktu, izmantojiet zaļo krāsu savā HTML krāsu shēmā. Vai vēlaties piesaistīt cilvēkus, kuri jūtas jauni un pārliecināti? Izmantojiet dzelteno krāsu. Ja jūs interesē cilvēki, kuri vēlas izskatīties izcili un bagāti, izmantojiet melno krāsu.

Vai tagad ir skaidrs?

Padomājiet par savu ideālo mērķauditoriju. Kā viņš vēlas parādīties citiem cilvēkiem?

Jā, tas ietekmē psiholoģiju. Bet jums tas ir jāsaprot, lai izveidotu veiksmīgu zīmolu.

Kā savā vietnē izmantot galveno krāsu

Tagad, kad esat izlēmis par savas vietnes galveno krāsu, jums ir jāsaprot, kā to pareizi lietot. Krāsa piesaista lielu uzmanību, tāpēc nemēģiniet to izmantot visur, kur varat.

Izmantojiet dominējošo krāsu tikai tajās vietās, kur vēlaties pievērst lietotāju uzmanību vai mudināt viņus veikt konkrētu darbību.

Piemēram, piezvaniet uz tālruņa numuru, aizpildiet veidlapu, abonējiet atjauninājumus utt.

Dominējošajai krāsai vajadzētu pievērst uzmanību, izceļot tās detaļas, kurām vēlaties pievērst lietotāju uzmanību:

Kur izmantot dominējošo krāsu vietnē?

• Logotips;
• Izvēlņu cilnes;
• poga "Zvanīt";
• Svarīga informācija;
• Virsraksti un virsraksti;
• Pogas.

2. Akcentu krāsu izvēle

Lai padarītu jūsu dizainu interesantāku un profesionālāku, vietnei ir jāizmanto gatavas akcentu krāsu shēmas. Tie var izcelt svarīgas jūsu vietnes daļas: citātus, pogas vai apakšvirsrakstus.

Daudzi cilvēki baidās izmantot vairākas krāsas vienlaikus, jo ne vienmēr ir intuitīvi saprotams, vai tās labi sader kopā. Cilvēki domā, ka, lai iemācītos tos kombinēt, ir ne tikai kārtīgi jāizpēta krāsu teorija, bet arī jāpieļauj daudz kļūdu.

Ikvienam ir pieejams vienkāršāks veids. Šī ir krāsu saskaņošanas programma, kas palīdzēs izvēlēties krāsu shēmas, tāpat kā to dara profesionāļi!

Kā izmantot programmu akcentu krāsu izvēlei

Kad esat izvēlējies dominējošo krāsu, nevarētu būt vieglāk izvēlēties akcentu krāsas, izmantojot tādas programmas kā Adobe Color CC Tool:

Šeit ir īsa apmācība, kas parādīs, kā izveidot krāsu shēmu vienā no diviem veidiem:

1. Pamatojoties uz dominējošo krāsu

1. darbība. Vispirms noskaidrojiet savas dominējošās krāsas kodu. Piemēram, vietnē ColorPicker.com. Krāsu kods ir norādīts taisnstūrī tieši virs krāsu paletes kvadrāta.

Pēc koda kopēšanas no ColorPicker.com ielīmējiet to mapē " HEX» Adobe Color rīks. Noteikti ielīmējiet kodu vidējā kolonnā:

Ielīmējiet savas vietnes dominējošās krāsas kodu lodziņā VIDS.

Kad esat norādījis krāsu, Adobe Color parāda to ekrānā kopā ar citām papildu krāsām.

2. darbība. Augšējā kreisajā pusē redzēsiet taisnstūri ar šādām krāsu shēmām:

• Konsekventa;
• Vienkrāsains;
• Trīsstūrveida;
• Papildinošs;
• Kompozīts;
• Toņi.

Izvēlieties krāsu shēmu

Eksperimentējiet ar dažādām krāsu shēmām, lai redzētu, kura no tām ir piemērota jums. Visas programmas ieteiktās krāsas lieliski sader viena ar otru.

3. darbība. Padariet savu krāsu shēmu vēl pārdomātāku, pārvietojot kādu no krāsu izvēlēm.

Ir svarīgi nepārvietot īso rādītāju, kas atrodas vidū, lai jūsu dominējošā krāsa paliktu nemainīga:

SPS un vietņu veidotāji ļauj ievietot krāsu kodus ( HEX), lai izceltu kādu savas vietnes daļu:

Kopējiet krāsu kodus ( HEX) jūsu vietnes krāsu shēmai.

1. Pamatojoties uz jūsu iecienītāko fotoattēlu

Dažreiz krāsu risinājumus ir vieglāk meklēt internetā un iedvesmoties no tiem.

Programmā Adobe Color varat augšupielādēt jebkuru fotoattēlu, kas jums patīk, un programma automātiski ģenerēs krāsu shēmu, pamatojoties uz to.

1. darbība. Augšupielādējiet fotoattēlu:

Noklikšķiniet uz kameras ikonas, lai augšupielādētu attēlu.

2. darbība. Izvēlieties vienu no piecām krāsu noskaņām:

• Krāsains;
• Gaišs;
• Apklusināts;
• Piesātināts;
• Tumšs.

Eksperimentējiet ar krāsu noskaņām, lai redzētu, kura no tām jums vislabāk atbilst:

Izvēlieties krāsu noskaņu.

3. darbība. Padariet krāsu shēmu vēl pārdomātāku, pārvietojot vienu no krāsu izvēlēm pa attēlu:

Pārvietojiet rādītājus, ja vēlaties atlasīt citas papildu krāsas.

4. solis. Ieteiktā krāsu palete atrodas zem attēla. Lūk, kā izvēlēties tīmekļa dizaina krāsu shēmu.

Lai redzētu kodus ( HEX) krāsas, noklikšķiniet uz krāsu apļa, kas atrodas augšējā labajā stūrī:

Noklikšķiniet uz krāsu apļa, lai redzētu krāsu kodus:
Kopējiet krāsu kodus ( HEX) jūsu krāsu shēmai.

Kur novietot palīgkrāsas

Vietnes detaļas, kas izceltas sekundārās krāsās, nav galvenie akcenti. Bet viņi joprojām izceļas. Piemēram, varat izmantot palīgkrāsas, lai izceltu apakšvirsrakstus, papildu pogas, dialoglodziņus, aizpildītu fonu utt.

Izvēlieties vienu vai divas papildu krāsas. Ja to ir vairāk, lietotājiem būs grūti koncentrēties uz vienu lietu:

Kur savā vietnē izmantot atbalsta krāsas?

• Aktīvās izvēlnes poga;
• Apakšvirsraksti;
• Sekundārās informācijas izcelšana.

1. Fona krāsas izvēle

Vai jums kādreiz ir nācies krāsot sienas savās mājās?

Ja jā, tad jums ir zināma pieredze un jūs zināt, ka krāsu shēmu izvēle nav vienkārša.

Krāsai jābūt pietiekami mierīgai, lai telpā varētu uzturēties stundām ilgi un krāsa tevi nepārņemtu. Tajā pašā laikā jūs nevēlaties, lai krāsa būtu blāva un telpa izskatītos kā slimnīca.

Fona krāsas izvēle savai vietnei daudz neatšķiras no krāsas izvēles savai telpai!

Kā izvēlēties pareizo fona krāsu

Ja jūs izvēlētos krāsu modernam apģērbu veikalam un lauku mājai, vai jūs izvēlētos vienu un to pašu krāsu?
Acīmredzot nē. Šīs divas telpas kalpo dažādiem mērķiem.

Piemēram, apģērbu veikalam labāk izmantot spilgtas krāsas, lai piesaistītu klientu uzmanību drēbju statīviem. Nepieciešams, lai sienu krāsa kontrastētu ar plauktu ar apģērbu krāsu, lai pircēji, ienākot veikalā, uzreiz saprastu, kam pievērst uzmanību.

Un salīdzinājumam: ierodoties savā lauku mājā, iespējams, plānojat atpūsties. Jūs vēlaties, lai sienu krāsai un jūsu mājas dizainam būtu nomierinoša un relaksējoša iedarbība.

Jūsu vietnes fona krāsa ir atkarīga no tā, ko vēlaties, lai lietotāji pamanītu.

Vienkārši sakot, fona krāsa ir tieši atkarīga no mērķa, uz kuru tiecaties, veidojot vietni.

1. veids — resursi ar lielu saturu vai e-komerciju

Vai esat ievērojuši, ka informācijas resursi un interneta veikali bieži savās vietnēs izmanto baltu vai neitrālu krāsu shēmu?

Tas viss ir tāpēc, ka šo resursu mērķis ir veicināt idejas vai produktus.

Šādos gadījumos galvenā uzmanība jāpievērš produktam vai pakalpojumam, nevis vietnes dizainam. Fona krāsa ir tikai pamats, lai padarītu saturu vizuālāku un lasāmāku.