Od najm\u0142odszych lat jeste\u015bmy zasypywani (g\u0142ownie za spraw\u0105 przez r\u00f3\u017cnego rodzaju medi\u00f3w) olbrzymi\u0105 ilo\u015bci\u0105 bod\u017ac\u00f3w wizualnych \u201eubranych\u201d w odpowiednie barwy. W wyniku tego procesu ju\u017c kilku roczne dziecko potrafi trafnie okre\u015bla\u0107 znaczenie pewnych kolor\u00f3w (czarny \u2013 powaga, \u017c\u00f3\u0142ty \u2013 ostrze\u017cenie, czerwony \u2013 zakaz), natomiast osoba doros\u0142a posiada zakodowan\u0105 w g\u0142owie palet\u0119 barw, kt\u00f3ra pod\u015bwiadomie mo\u017ce wywo\u0142a\u0107 pewne skojarzenia i reakcje. Spr\u00f3bujmy zatem odszyfrowa\u0107 cze\u015b\u0107 tego kodu, poniewa\u017c jak si\u0119 okazuje \u2013 kolor wykorzystany w odpowiedni spos\u00f3b mo\u017ce przynie\u015b\u0107 wymierne korzy\u015bci Twojej stronie www.<\/p>\n
- \n
- Znaczenie og\u00f3lne<\/a><\/li>\n
- Jak p\u0142e\u0107 wp\u0142yw na postrzeganie kolor\u00f3w?<\/a><\/li>\n
- Podzia\u0142 ze wzgl\u0119du na wiek<\/a><\/li>\n
- Odst\u0119pstwa od regu\u0142y<\/a><\/li>\n
- Jak wybra\u0107 odpowiedni kolor?<\/a><\/li>\n
- Kryterium wyboru \u2013 czyli czym kierowa\u0107 si\u0119 przy wyborze odpowiedniej barwy<\/a><\/li>\n
- Narz\u0119dzia dost\u0119pne online<\/a><\/li>\n<\/ul>\n
W jaki spos\u00f3b u\u017cy\u0107 \u201emocy\u201d kolor\u00f3w np. do zwi\u0119kszenia konwersji? \u017beby odpowiedzie\u0107 na te pytania musimy postara\u0107 si\u0119 zrozumie\u0107 ich znaczenie i jak\u0105 reakcj\u0119 wywo\u0142aj\u0105 u naszego odbiorcy.<\/p>\n
Znaczenie og\u00f3lne<\/h3>\n
Utar\u0142o si\u0119, \u017ce kolorom mo\u017cna przypisa\u0107 og\u00f3lne, przyj\u0119te przez wszystkich znaczenie, kt\u00f3re wynika za pewne z podobie\u0144stw kulturowych. Na przyk\u0142ad na tej podstawie mo\u017cemy wnioskowa\u0107, \u017ce czer\u0144 b\u0119dzie kojarzy\u0142a si\u0119 wi\u0119kszo\u015bci z nas z powag\u0105, opanowaniem, zaufaniem lub \u017ca\u0142ob\u0105. Widz\u0105c na ulicy cz\u0142owieka w czarnym garniturze nie wnioskujemy, \u017ce wybiera si\u0119 na koncert rockowy (chocia\u017c mog\u0142o by tak by\u0107), ale wnioskujemy raczej celem jego podr\u00f3\u017cy jest spotkanie biznesowe lub biuro, gdzie pracuje. Takie rozumowanie zosta\u0142o ukszta\u0142towane w naszych g\u0142owach przez normy spo\u0142eczne,a jak si\u0119 okazuje, kolor jest z nimi nierozerwalnie zwi\u0105zany. Poni\u017cej zestawienie barw i ich uog\u00f3lnionych skojarze\u0144:<\/p>\n
Bia\u0142y<\/strong><\/p>\n
Wywo\u0142uje skojarzenia zwi\u0105zane z czysto\u015bci\u0105 (zar\u00f3wno t\u0105 fizyczn\u0105, jak i duchow\u0105), dla tego jest cz\u0119sto u\u017cywany dla podkre\u015blenia tych cech w produkcie. Biel jest bardzo uniwersalna i dobrze \u0142\u0105czy si\u0119 ze wszystkim kolorami co sprawia, \u017ce bywa cz\u0119sto wykorzystywana przez designer\u00f3w.<\/p>\n
Znaczenia: czysto\u015b\u0107, niewinno\u015b\u0107, nieskazitelno\u015b\u0107, pustka.<\/em><\/p>\n
<\/h4>\n
Czerwony<\/strong><\/p>\n
Jest mocno zwi\u0105zany z sfer\u0105 uczuciow\u0105 cz\u0142owieka, ale r\u00f3wnie z walk\u0105 i po\u015bwi\u0119ceniem (kolor krwi). Tak du\u017ce nacechowanie emocjonalne czerwonej barwy powoduje, \u017ce jest ona niezwykle cz\u0119sto u\u017cywana w marketingu. Wyr\u00f3\u017cnia najwa\u017cniejsze informacje, kluczowe tre\u015bci. Wp\u0142ywa r\u00f3wnie\u017c znacz\u0105co na podniesienie konwersji. Sprawi, \u017ce przycisk z napisem \u201edodaj do koszyka\u201d nikomu nie umknie uwadze.<\/p>\n
Znaczenia: pasja, mi\u0142o\u015b\u0107, euforia, erotyka, walka, agresja<\/em><\/p>\n
<\/h4>\n
Pomara\u0144czowy<\/strong><\/p>\n
Symbolizuje g\u0142\u00f3wnie pozytywne nastawienie i energi\u0119, dzi\u0119ki czemu mo\u017cemy wykorzysta\u0107 go do podniesienia konwersji. Czami bywa kojarzony tak\u017ce z m\u0142odo\u015bci\u0105 i pewno\u015bci\u0105 siebie. Zawiera po\u0142\u0105czenie cech koloru \u017c\u00f3\u0142tego i czerwonego, kt\u00f3re s\u0105 jego barwami sk\u0142adowymi.<\/p>\n
Znaczenia: fascynacja, pasja, m\u0142odo\u015b\u0107, przyja\u017a\u0144, energia do dzia\u0142ania<\/em><\/p>\n
<\/h4>\n
\u017b\u00f3\u0142ty<\/strong><\/p>\n
To kolor optymizmu i nadziei. Mocno kontrastuje (szczeg\u00f3lnie na bia\u0142ym tle) i dzi\u0119ki temu przyci\u0105ga uwag\u0119 odbiorcy. Jest niezast\u0105piony jako kolor przycisk\u00f3w, za pomoc\u0105 kt\u00f3rych klient podejmuje kluczowe decyzje, takie jak np. zakup towaru w sklepie internetowym.<\/p>\n
Znaczenia: rado\u015b\u0107, nadzieja, szcz\u0119\u015bcie, intelekt, ciep\u0142o<\/em><\/p>\n
Zielony<\/strong><\/p>\n
Jest kolorem nierozerwalnie zwi\u0105zanym z natur\u0105. Symbolizuje spok\u00f3j, zdrowie i r\u00f3wnowag\u0119. Dzia\u0142a koj\u0105co i przeciwstresowo. W przestrzeni miejskiej oznacza bezpiecze\u0144stwo (sygnalizacja \u015bwietlna) i odpoczynek. Cechy te sprawiaj\u0105, \u017ce jest to idealny kolor dla podkre\u015blenia filozofii firmy, dzia\u0142ania zgodnego z natur\u0105, us\u0142ug prozdrowotnych.<\/p>\n
Znaczenia: natura, p\u0142odno\u015b\u0107, zdrowie, wzrost, harmonia<\/em><\/p>\n
<\/h4>\n
Niebieski<\/strong><\/p>\n
Kojarzy si\u0119 nam (w wi\u0119kszo\u015bci) z powag\u0105, m\u0105dro\u015bci\u0105, zaufaniem i pewno\u015bci\u0105 i stabilizacj\u0105. Podobnie jak barwa zielona ma du\u017co wsp\u00f3lnego z natur\u0105 \u2013 jako kolor nieba i wody, co sprawia, \u017ce idealnie nadaj\u0119 si\u0119 do reklamy firm z bran\u017cy hydraulicznej, energetycznej, medycznej i farmaceutycznej.<\/p>\n
Znaczenia: zaufanie, m\u0105dro\u015b\u0107, prawda, si\u0142a<\/em><\/p>\n
Czarny<\/strong><\/p>\n
Czer\u0144, to kolor biznesu. Oznacza powag\u0119, tajemnice. Osoba ubrana na czarno wzbudza w nas wi\u0119ksze zaufanie. Czasami mo\u017ce powodowa\u0107 odczucia negatywne, poniewa\u017c symbolizuje r\u00f3wnie\u017c z\u0142o i \u017ca\u0142ob\u0119. W reklamie b\u0119dzie oznacza\u0142 elegancj\u0119, wy\u017cszy standard. Z powodzeniem mo\u017cna u\u017cy\u0107 go do podkre\u015blenia ekskluzywnego wymiaru produktu.<\/p>\n
Znaczenia: luksus, powaga, moc, zaufanie, \u017ca\u0142oba<\/em><\/p>\n
Jak p\u0142e\u0107 wp\u0142yw na postrzeganie kolor\u00f3w?<\/h3>\n
Jak pokazuj\u0105 badania p\u0142e\u0107 w spos\u00f3b znacz\u0105cy determinuje preferencje kolorystyczne danej osoby. R\u00f3\u017cnice doskonale wida\u0107 na przyk\u0142adnie pary czerni i bieli. Biel jest kolorem zdecydowanie bardzie preferowanym przez kobiety. Jak ju\u017c wiemy oznacza czysto\u015b\u0107 i niewinno\u015b\u0107, kt\u00f3re to cechy zdecydowanie lepiej definiuj\u0105 p\u0142e\u0107 pi\u0119kn\u0105. Z kolei czer\u0144 to kolor mocny. Uosobienie si\u0142y i pewno\u015bci siebie, dla tego jest znacznie cz\u0119\u015bciej wskazywany przez m\u0119sk\u0105 cz\u0119\u015b\u0107 spo\u0142ecze\u0144stwa. Takie preferencje zosta\u0142y wykorzystane w szeroko poj\u0119tym marketingu i reklamie. Przyk\u0142adem mo\u017ce by\u0107 sprz\u0119t AGD, kt\u00f3ry jest zazwyczaj bardziej po\u017c\u0105dany przez kobiety. Wyst\u0119puje on w 99% przypadk\u00f3w w kolorze bia\u0142ym. Natomiast produkty dla m\u0119\u017cczyzn, np. medykamenty najcz\u0119\u015bciej wyst\u0119puj\u0105 w opakowaniach barwy czarnej.<\/p>\n
Kolejnym faktem jest to, \u017ce kobiety widz\u0105 (rozr\u00f3\u017cniaj\u0105) wi\u0119cej barw ni\u017c m\u0119\u017cczy\u017ani. St\u0105d zapewne zacznie wi\u0119ksza ilo\u015b\u0107 okre\u015ble\u0144, kt\u00f3rych u\u017cywaj\u0105 do okre\u015blania barw w r\u00f3\u017cnych odcieniach. Kiedy kobiet\u0105 operowanie okre\u015bleniami typu \u201eamarantowy\u201d czy \u201eecru\u201d przychodzi z \u0142atwo\u015bci\u0105, m\u0119\u017cczy\u017ani cz\u0119sto miewaj\u0105 z tym du\u017ce problemy i wol\u0105 powiedzie\u0107 kr\u00f3tko \u2013 r\u00f3\u017cowy czy jasno \u017c\u00f3\u0142ty.<\/p>\n
Co wi\u0119cej p\u0142e\u0107 pi\u0119kna preferuje barwy o mniejszym nasyceniu \u2013 pastelowe. M\u0119ska wr\u0119cz odwrotnie \u2013 barwy mocne, wyra\u017ane, kontrastowe. Co ciekawe istniej\u0105 tak\u017ce kolory postrzegane identycznie, bez wzgl\u0119du na p\u0142e\u0107, jak np. czerwie\u0144. Warto zatem mie\u0107 na uwadze powy\u017csze fakty, portretuj\u0105c stron\u0119 internetow\u0105 stargetowan\u0105 na kt\u00f3r\u0105\u015b z p\u0142ci.<\/p>\n
Podzia\u0142 ze wzgl\u0119du na wiek<\/h3>\n
Nasze preferencje kolorystycznie ulegaj\u0105 tak\u017ce zmian\u0105 wraz z wiekiem. Osoby starsze b\u0119d\u0105 uznawa\u0142y kolory jaskrawe i kontrastowe za zbyt agresywne. W przeciwie\u0144stwie do nastolatk\u00f3w preferuj\u0105 odcienie stonowane, nie dra\u017cni\u0105ce. Jest to spowodowane faktem, \u017ce wraz z wiekiem \u0142agodnieje usposobienie, a mocne wra\u017cenia staj\u0105 si\u0119 mniej atrakcyjne.<\/p>\n
Odst\u0119pstwa od regu\u0142y<\/h3>\n
Trzeba pami\u0119ta\u0107, \u017ce opisane powy\u017cej znaczenia kolor\u00f3w, to pewnego rodzaju uog\u00f3lnienie. Powsta\u0142o ono w oparciu o analiz\u0119 danych zebranych w danej populacji, kt\u00f3ra wykre\u015bli\u0142a og\u00f3lny trend. Jest rzecz\u0105 oczywist\u0105. \u017ce pewien procent os\u00f3b bior\u0105cych udzia\u0142 w badaniach (nie wiemy jak du\u017cy) dopowiedzia\u0142 w spos\u00f3b ca\u0142kowicie odmienny, niepasuj\u0105cy do og\u00f3\u0142u. Poniewa\u017c znaczenia barw zosta\u0142y ukszta\u0142towane poprzez czynnik kulturowy, mog\u0105 by\u0107 one zupe\u0142nie inne w spo\u0142ecze\u0144stwach z poza tzw. \u201ecywilizacji zachodniej\u201d. Na przyk\u0142ad w Chinach, kolor \u017ca\u0142oby to \u017c\u00f3\u0142ty, a panna m\u0142oda idzie do \u015blubu w czerwonej sukni.<\/p>\n
![\"szablony](\"https:\/\/www.templatemonster.com\/blog\/pl\/wp-content\/uploads\/sites\/6\/2018\/01\/optimized-xizw.jpg\")
<\/a><\/p>\n<\/h3>\n
Jak wybra\u0107 odpowiedni kolor?<\/h3>\n
Dob\u00f3r odpowiedniej kolorystyki, kt\u00f3ra pos\u0142u\u017cy do stworzenia projektu logotypu, strony www lub innej reklamy nie jest rzecz\u0105 \u0142atw\u0105. Dana barwa mo\u017ce zar\u00f3wno zach\u0119ca\u0107 do zakupu, ostrzega\u0107, wzmaga\u0107 czujno\u015b\u0107 lub odwrotnie \u2013 np. uspokaja\u0107. Zadaniem designera jest takie dobranie kolor\u00f3w, \u017ceby zar\u00f3wno dobrze korespondowa\u0142y z przeznaczeniem strony, jak i spe\u0142nia\u0142y swoje funkcje psychologiczne (np. wzbudzenie zaufania czy zach\u0119ta do zakupu danego produktu).<\/p>\n
Kryterium wyboru \u2013 czyli czym kierowa\u0107 si\u0119 przy wyborze odpowiedniej barwy<\/h3>\n
Przed wyborem odpowiedniego koloru powinni\u015bmy przede wszystkim przeanalizowa\u0107 takie aspekty jak:<\/p>\n
- \n
- rodzaj serwisu (strona firmowa, blog, sklep, portal informacyjny itp. )<\/li>\n
- target, czyli do kogo b\u0119dzie skierowana (p\u0142e\u0107, wiek, grupa spo\u0142eczna itp.)<\/li>\n
- przes\u0142anie, my\u015bl przewodnia, motto (np. firma sprzedaj\u0105ca ekologiczn\u0105 \u017cywno\u015b\u0107)<\/li>\n
- specyfika danej bran\u017cy<\/li>\n
- wywo\u0142anie danej reakcji \/ nastroju u widza<\/li>\n<\/ul>\n
W wi\u0119kszo\u015bci przydatk\u00f3w b\u0119dzie to barwa zgodna z brandem firmy, dla kt\u00f3rej tworzymy now\u0105 stron\u0119 www, ale czasami warto rozwa\u017cy\u0107 rezygnacj\u0119 z wyeksponowania koloru logotyp firmy na rzecz barw, kt\u00f3re mog\u0105 oddzia\u0142ywa\u0107 pod\u015bwiadomie na internaut\u0119 zwi\u0119kszaj\u0105c \u201eklikalno\u015b\u0107\u201d w po\u017c\u0105dany link lub np. podnosz\u0105c poziom zaufania do wiarygodno\u015bci tre\u015bci umieszczonych w serwisie. Mo\u017cna r\u00f3wnie\u017c zastanowi\u0107 si\u0119 nad stworzeniem serwisu w tonacji monochromatycznej lub wykorzystaniem np. tylko 2 barw. Niekt\u00f3rzy projektanci id\u0105 jeszcze dalej i rezygnuj\u0105 (prawie) ca\u0142kowicie z u\u017cycia barw w projekcie strony uzyskuj\u0105c w ten spos\u00f3b do\u015b\u0107 spektakularne efekty.<\/p>\n
Narz\u0119dzia dost\u0119pne online<\/h3>\n
W sieci jest pe\u0142no r\u00f3\u017cnego rodzaju narz\u0119dzi, kt\u00f3rych zadaniem jest u\u0142atwienie pracy designerom przy tworzeniu zestawie\u0144 kolor\u00f3w. Znalezienie odpowiedniej aplikacji nie powinno sprawdzi\u0107 \u017cadnego problemu, jednak postanowi\u0142em opisa\u0107 chocia\u017c kilka tych podstawowych, kt\u00f3re mo\u017cna sklasyfikowa\u0107 jako te podstawowe.<\/p>\n
paletton.com<\/a><\/p>\n
![\"paletton](\"https:\/\/www.templatemonster.com\/blog\/pl\/wp-content\/uploads\/sites\/6\/2020\/02\/paletton.jpg\")
<\/p>\nNarz\u0119dzie typu colorwhil<\/strong>, przy pomocy kt\u00f3rego stworzymy odpowiednie zestawienia barw. Aplet zawiera sporo opcji. Mo\u017cemy wybiera\u0107 z po\u015br\u00f3d zestawie\u0144 3 barw, 2 + kolor uzupe\u0142niaj\u0105cy, 4 barw, palety monochromatycznej i opcji freestyle. Widok palety mo\u017ce przybra\u0107 jedn\u0105 z wielu przedefiniowanych form, a po jej wybraniu mamy mo\u017cliwo\u015b\u0107 podgl\u0105du przyk\u0142adowej strony www \u201epokolorowanej\u201d za jej pomoc\u0105. Na koniec Paletton poda nam tabelk\u0119 z preferowanym kodowaniem barw, co oszcz\u0119dzi nam dodatkowej pracy (i czasu).<\/p>\n
Adobe Kuler<\/a><\/p>\n
![\"Adobe](\"https:\/\/www.templatemonster.com\/blog\/pl\/wp-content\/uploads\/sites\/6\/2020\/02\/Adobe-Kuler.png\")
<\/p>\nFunkcjonalnie narz\u0119dzie bardzo podobne do opisanego powy\u017cej. Stworzona przez tw\u00f3rc\u00f3w Photoshopa aplikacja posiada jednak par\u0119 zalet, kt\u00f3rych brakowa\u0142o Paleton\u2019owi. Jest to przede wszystkim polska wersja j\u0119zykowa oraz mo\u017cliwo\u015b\u0107 skorzystania ze sporej liczy gotowych palet stworzonych i ocenionych przez internetow\u0105 spo\u0142eczno\u015b\u0107. Palety mo\u017cemy sortowa\u0107 wzgl\u0119dem kilku czynnik\u00f3w, takich jak popularno\u015b\u0107 czy ocena. Ciekaw\u0105 spraw\u0105 jest dost\u0119pno\u015b\u0107 palet u\u017cywanych przez znane marki. Na prawd\u0119 warto poeksperymentowa\u0107 za pomoc\u0105 Kuler\u2019a.<\/p>\n
ColorExplorer<\/a><\/p>\n
![\"color](\"https:\/\/www.templatemonster.com\/blog\/pl\/wp-content\/uploads\/sites\/6\/2020\/02\/ColorExplorer.jpg\")
<\/p>\nZ kolei to narz\u0119dzie s\u0142u\u017cy do roz\u0142o\u017cenia wybranego pliku graficznego na czynniki pierwsze, kt\u00f3rymi s\u0105 w tym wypadku kolory. Mo\u017ce zainspirowa\u0142a Was jaka\u015b stara fotografia, graffiti widziane z okna poci\u0105gu lub np. ok\u0142adka p\u0142yty winylowej. Zr\u00f3b zdj\u0119cie, wrzu\u0107 do ColorExplorer\u2019a i bierz si\u0119 do pracy<\/p>\n
\n* * *<\/p>\n
Stw\u00f3rzcie logotyp, czy layout strony z wykorzystaniem kilku palet kolor\u00f3w. Zbadajcie co bardziej przypadnie do gustu waszemu zleceniodawcy, klientom. Zasi\u0119gnijcie opinii, sprawd\u017acie statystyki, konwersje i \u2026 dokonajcie wyboru. Wyb\u00f3r odpowiedniej barwy podczas procesu projektowania nowej marki b\u0119dzie mia\u0142 dla niej kluczowe znaczenie, poniewa\u017c jak pokazuj\u0105 wyniki bada\u0144: kolorystyka podnosi rozpoznawalno\u015b\u0107 marki a\u017c o 80%, <\/strong>co innymi s\u0142owy oznacza, \u017ce raz wybranego koloru nie powinno si\u0119 ju\u017c zmienia\u0107<\/strong> (a co najwy\u017cej lekko modyfikowa\u0107).<\/p>\n
* * *<\/p>\n
A je\u015bli nie masz czasu na wyb\u00f3r kolor\u00f3w dla designu stron, sprawd\u017a nasz katalog! Zebrali\u015bmy zestaw z najbardziej stylowych i funkcjonalnych szablon\u00f3w do r\u00f3\u017cnych CMS. Wszystkie z nich zostali wykonane przez najlepszych designer\u00f3w i programist\u00f3w! To znaczy, \u017ce wybieraj\u0105c jeden z naszych szablon\u00f3w, mo\u017cesz by\u0107 pewien, \u017ce strona na jego podstawie b\u0119dzie zawsze stylowo wygl\u0105da\u0142a, oraz skutecznie anga\u017cowa\u0142a klient\u00f3w!<\/p>\n
Do katalogu!<\/a>\n
\nCzytaj r\u00f3wnie\u017c:<\/h3>\n
Kolory Projektu I Konwersja Stron Internetowych<\/a><\/p>\n
- Jak p\u0142e\u0107 wp\u0142yw na postrzeganie kolor\u00f3w?<\/a><\/li>\n