Wpływ barwy na odbiór strony internetowej tło

Wpływ barwy na odbiór strony internetowej

W artykule znajdziesz:

Mając świadomość jak kolor wpływa na ludzkie emocje, można odpowiednio pokierować wrażeniem, jakie strona internetowa wywrze na odbiorcy. Kolory wpływają na naszą podświadomość, lecz mają też swoje znaczenie lokalne i kulturowe. Na przykład kolor czerwony działa na nas pobudzająco, ponadto w Polsce zwłaszcza w połączeniu z bielą będzie kojarzył się patriotycznie. Dlatego też w tym artykule skupię się na odbiorze barw w kulturze zachodniej.

Czerwony

Wpływ fizjologiczny czerwieni to przede wszystkim pobudzenie, przyspieszenie pulsu i oddechu, a także podnoszenie ciśnienie krwi oraz zaostrza apetyt. Czysta, energetyczna czerwień to zdecydowanie najmocniejszy kolor w palecie projektanta. Zależnie od odcienia oraz sposobu użycia budzić może różnorodne skojarzenia.

Dynamizm, pobudzenie

Żywe czerwienie, także te z domieszką pomarańczy mają bardzo dynamiczny charakter. Często znajdują zastosowanie w projektach produktów dedykowanych dla mężczyzn.

 

Reklamowa grafika marki Sobieski Vodka przedstawiająca czerwony kubek typu "beer pong" oraz białą piłeczkę na intensywnie czerwonym tle

sobieskivodka.com

 

Kojarzą się również z motoryzacja i prędkością.

 

Strona internetowa toru wyścigowego Salzburg Ring z hasłem "I LIKE SPEED" oraz zdjęciem samochodu sportowego na tle górzystego krajobrazu

salzburgring.com

 

Agresja, strach, niebezpieczeństwo

Czerwień to kolor krwi i ognia, bywa silnie kojarzona z wojną oraz odczuciem strachu.

 

Zestawienie graficzne z filmu „Triple 9” (w Polsce pod tytułem „Psy Mafii”), zawierające kadr z dwiema osobami oraz plakat filmowy z uzbrojonymi postaciami w czerwonej kolorystyce

Strona internetowa kancelarii prawnej Aulich z nagłówkiem „The Art of Law” i listą specjalizacji: prawo karne, cywilne oraz prawo własności, na tle czerwonej tekstury

aulich.com.au

 

Kobiecość i seks

Odcienie czerwieni wpadające w kolor malinowy są bardziej kobiece i luksusowe, mają też mniej dynamiczny charakter.

 

Grafika promocyjna Preciosa z hasłem „RED REDEFINED” oraz artystyczną typografią, obok której widoczny jest fragment twarzy kobiety

redredefined.preciosacomponents.com

 

Apetyt

Kolor czerwony jest również znany ze swoich właściwości pobudzających apetyt. Jest łączony z pizzą i fast foodami, choć już niekoniecznie ze zdrowym żywieniem.

 

Strona internetowa pizzerii w Brooklynie oferującej klasyczną pizzę w stylu nowojorskim, z widocznym menu „Family Dinner” i cenami produktów

 

Kolor ten świetnie sprawdzi się jako dodatek. Jest on bardzo popularny i podoba się zarówno mężczyznom, jak i kobietom. Doskonale wyróżnia ważne treści czy przyciski na stronie. Dodaje dynamiki kompozycji.

Czerwień dobrze współgra ze stronami internetowymi samochodów i sportu, a także gastronomi. Pasuje do wyrazistych, a nawet kontrowersyjnych projektów. Zdecydowanie zapada w pamięć. W projektach interfejsów jest powiązany z ostrzeżeniami o poważnych błędach.

Żółty

Sprawność

Żółty jak wszystkie barwy ciepłe jest kolorem o wysokiej energii. Ta energetyczność sprawia, że łączymy go z dynamizmem i sprawnością fizyczną oraz intelektualną.

 

Dynamiczna grafika strony internetowej szkoły tańca Lordz, przedstawiająca dwóch tancerzy wykonujących akrobacje na intensywnie żółtym tle z hasłem „BECOME A TORNADO”

lordz.ch

 

Radość

Jest on też kolorem bardzo radosnym, poprawiającym nastrój i kojarzącym się z latem i wypoczynkiem.

 

Interfejs eksperymentu Google Cloud o nazwie „Pizza Authenticator” z wesołą ikoną buzi, zachęcający użytkownika do przesłania zdjęcia pizzy

showcase.withgoogle.com/experiment/pizza-authenticator

 

Ukierunkowanie uwagi

Żółty bywa często używany w znakach ostrzegawczych i powiązanych z ważnymi informacjami, nie ma jednak, jak kolor czerwony, powiązania z niebezpieczeństwem. Oszczędnie użyty, przykuwa uwagę do ważnych elementów w projekcie.

 

Strona internetowa firmy Nikon z sekcją „VOTRE VISION”, mapą z lokalizacjami punktów partnerskich (Vision Luxe) oraz materiałem wideo dotyczącym optyki

new.nikonlenswear.net

 

Kreatywność, pewność siebie, ekstrawagancja

 

Prezentacja projektu strony internetowej dla artysty God Scorpion z nowoczesnym interfejsem UI dla urządzeń VR i MR

prm.ooo

 

Żółty to bardzo uniwersalny kolor, można go zestawiać z wieloma innymi barwami. Świetnie sprawdzi się na stronach biur podróży, związanych z domem czy kreatywnym myśleniem. W komunikacji wizualnej często używany jest jako oznaczenie ważnej informacji.

Pomarańczowy

Kolor pomarańczowy powstaje z połączenia barwy żółtej i czerwonej, podobnie jego znaczenie jest wypadkową tych dwóch kolorów.

Energia witalna

Jest równie dynamiczny i energetyczny jak czerwony, budzi jednak raczej przyjazne skojarzenia.

 

Kolorowy interaktywny baner świąteczny z napisem Crack'er Open i grafiką niebieskiego cukierka na różowym tle

taktstudio.com/summer2018

 

Zdrowie

Dzięki owocowi, od którego wziął nazwę, kojarzy się ze zdrowiem. Użycie pomarańczowego koloru sugeruje odbiorcy znacznie świeższy i zdrowszy produkt niż ten reklamujący się czerwienią.

 

Projekt strony głównej food trucka Furgoneta z rysunkową ilustracją budki z burgerami i dużym napisem Street Food

furgoneta.com.ua

 

Nostalgia / jesień

Nieco zgaszona odmiana tej barwy działa bardziej nostalgicznie skłania do refleksji nad przyszłością w kategoriach przyszłości i sprawdzi się w branżach takich jak towarzystwa ubezpieczeniowe.

 

Strona główna firmy transportowej RFX z dynamicznym, rozmytym zdjęciem ciężarówki na autostradzie o zachodzie słońca

 

Kolor ten świetnie sprawdzi się na stronie siłowni czy w branżach związanych ze zdrowym żywieniem. Jest tez dobrym wyborem przy tworzeniu projektów skierowanych do młodszych odbiorców. W interfejsach jest używany do komunikacji błędów, które nie są krytyczne (tam rolę ostrzeżenia przejmuje czerwony).

Niebieski

Tę barwę cechuje największa różnorodność odcieni, a co za tym idzie znaczeń. W zestawieniu z innymi barwami może kojarzyć się zarówno z powagą, jak i dziecinnością, równie łatwo pobudza jak i uspokaja.

Relaks

Żywe i jasne odcienie błękitu odbierane są bardzo pozytywnie. Nasycony niebieski kojarzy się z ładną pogodą, latem i wypoczynkiem. Żywy turkus przywołuje wspomnienia wakacji nad morzem.

Intensywny błękit może być skojarzony z aktywnie spędzonym czasem, lecz im jaśniejszy jest jego odcień tym spokojniejszy i bardziej marzycielski jest jego odbiór.

 

Strona główna linii lotniczych Hi Fly z widokiem na biało-niebieski samolot pasażerski lecący nad chmurami

hifly.aero

 

Obawa

Tymczasem ciemny, nasycony granat może budzić wręcz przeciwne skojarzenia.

 

Minimalistyczny layout strony Danish Shipowners' Association z napisem Navigating Responsibly na tle fal morskich

navigatingresponsibly.dk

 

Czystość, świeżość, orzeźwienie

Żywy błękit kojarzony jest przede wszystkim z czystą i przejrzystą wodą , a jego chłód, zwłaszcza latem, z orzeźwieniem.

 

Landing page inteligentnego analizatora wody basenowej Blue Smart Pool Analyser unoszącego się w wodzie

blueconnect.io/fr

 

Dzieciństwo

Jasne błękity zwłaszcza w połączeniu z żywymi ciepłymi barwami kojarzą się z dzieciństwem, naiwnością.

 

Kolorowa ilustracja edukacyjna dla dzieci przedstawiająca pływającą wyspę z pingwinami, krową, słoniem i żyrafą

lonitoy.com/en/#island1scroll

 

Profesjonalizm

Głęboki granat nie musi jednak zawsze kojarzyć się z zagrożeniem, stosowany z umiarem zwłaszcza na jasnym tle, ma już zupełnie inny odbiór.

Przywodzi na myśl profesjonalizm, opanowanie, dystansuje się do emocji. Często sięgają korzystają z niego instytucje finansowe oraz partie polityczne.

 

Strona firmy ubezpieczeniowej Ingosstrakh Life z minimalistyczną ilustracją rodziny pod parasolem i ikonami usług

lifeingos.ru

 

Zielony

Jest to jeden z najczęściej występujących kolorów, jednocześnie mający najwięcej różnorodnych odcieni, co prowadzi do znacznej ilości skojarzeń i znaczeń.

Natura

Głęboka intensywna zieleń to kolor dzikiej natury, nieprzebytej dżungli, zachwycających krajobrazów i podróży w nieznane.

 

Strona internetowa Why Go Wild o dzikiej naturze z motywem lasu, potoku oraz sekcjami bazy roślin i quizów

whygowild.com

 

Zdrowy i ekologiczny

Delikatniejsza odmiana naturalnej zieleni w połączeniu z jaśniejszymi barwami skojarzy się ze zdrowym trybem życia. Uspokoi odbiorcę i upewni go, że proponowany produkt jest dla niego dobry.

 

Strona główna gabinetu medycyny naturalnej Santékilibre z ziołami, olejkami i rumiankiem na drewnianym stole

naturopathe-bordeaux-reiki.fr

 

Czystość

Z kolei im jaśniejsza i świeższa zieleń tym silniejsze skojarzenie z czystością i higieną, a także technologią.

 

Strona produktowa marki Pertila prezentująca maszynkę do robienia ciastek na jasnym, zielonym tle

pertilesrl.it

 

Medycyna

Jasny pastelowy zielony wpadający w turkus kojarzy się z medycyną.

 

Strona główna kliniki Dentium z trójwymiarowym modelem implantu zębowego na miętowym tle

dentium-lab.com

 

Spokój i harmonia

Wszelkie stonowane odcienie zieleni kojarzą się przede wszystkim z harmonia oraz uspakajają.

 

Minimalistyczna strona główna Copernico z widokiem na nowoczesny pionowy ogród w biurze

coperni.co/en

 

Majętność, pieniądze

Głęboka ciemna zieleń to również kolor bogactwa.

 

Ciemnozielona strona główna agencji interaktywnej Oui Will z dużą typografią i czarną grafiką 3D

disrupt.ouiwill.com

 

Sport

Zieleń kojarzy się z murawą boiska i pasuje do wielu dyscyplin sportowych.

 

Baner reklamowy butów piłkarskich Adidas Mercury Ace 16 ze srebrno-zielonymi korkami i twarzą piłkarza

 

Fiolet

To kolor powstający z połączenia dwóch sprzecznych znaczeniowo barw – czerwonej i niebieskiej, a jego znaczenie w dużej mierze zależy od tego, która z nich dominuje w danym odcieniu.

Delikatność, natura

Jasne odcienie fioletu kojarzą się z kwiatami i wiosną.

 

Strona salonu kosmetycznego Palette Nail Stylist z fioletową chmurą barwnika w tle i hasłem Beauty Meets Fashion

 

Są też odcieniem kojarzącym się z kobiecością i intymnością.

 

Strona główna marki Jayasom z artystycznym portretem kobiety i napisem Wellness Wisdom

jayasom.com

 

Kreatywność i energia

Fiolety uważa się za inspirujące, często wykorzystywane są przez agencje marketingowe oraz firmy chcące uchodzić za innowacyjne, silne i prężnie działające.

 

Strona główna aplikacji Maslo z fioletowo-różowym gradientem i minimalistyczną grafiką ciemnego koła

maslo.ai

Strona internetowa agencji kreatywnej Play'Up z kafelkowym, fioletowym układem sekcji i grafiką kobiety w goglach VR

playup.com.ar

 

Tajemnica, siły nadprzyrodzone

Głębokie ciemne fiolety kojarzą się z powagą, ale i tajemnicą. Bywa również kojarzony z ezoteryką.

 

Strona główna Kikk Festival z dużą, przezroczystą bańką mydlaną na fioletowym, gwieździstym tle

kikk.be/2016

 

Brązowy

Brąz to kolor, który nie wywołuje wielu emocji za to uspokaja i wzbudza zaufanie.

W projektowaniu stron internetowych pojawia się w zasadzie w kilku specyficznych branżach, poza tym stosowany jest raczej jako tło lub dodatek.

Kawa i czekolada

To zdecydowanie najsilniejsze skojarzenia z tym kolorem. Choć firmy z nimi związane niekoniecznie korzystają z brązu w swej identyfikacji to chętnie zamieszczają jego duże ilości w reklamach i portalach internetowych.

 

Strona marki Chocolat prezentująca tradycyjne włoskie lody rzemieślnicze gelato oraz czekoladki na ciemnym blacie

chocolatmilano.it

 

Produkty organiczne

To kolejna grupa produktów których rozpoznawalność opiera się na użyciu znacznej ilości tej barwy. Także w ich opakowaniach dużą popularnością cieszą się – tektura, papier makulaturowy w naturalnym odcieniu brązu.

 

Strona zapowiadająca nową markę naturalnych dżemów Organic & Original z słoikiem dżemu morelowego na jasnym tle

launchbuzz.io/templates/Product-Launch/index.html

 

Tradycja, elegancja i wysoka jakość

Brąz to również kolor nawiązujący do historii, przywołujący wspomnienia, odnoszący się do czasów, gdy wszystko było lepsze, solidniejsze.

W prezentacji marki, kolor ten kojarzy się z długoletnią tradycją i doświadczeniem.

 

Minimalistyczna strona główna producenta mebli drewnianych Project Sunday z eleganckim tłem o strukturze drewna

projectsunday.net

 

Biały

Biały w projektowaniu stron internetowych jest jednym z najczęściej stosowanych kolorów tła. Przewaga bieli w kompozycji nadaje projektowi lekki charakter i sprawia, że witryna wydaje się przejrzystsza w odbiorze i świeża.

W zależności od zestawień z innymi barwami, pozwoli uzyskać dowolne skojarzenia i pasuje praktycznie do każdej branży.

 

Minimalistyczna strona produktowa The Design Shop przedstawiająca zestaw nowoczesnych młynków do soli i pieprzu Bottle Grinder marki Menu

thedsgnshop.com

 

Czarny

Portale internatowe z przewagą koloru czarnego widuje się znacznie rzadziej. Zależnie od sposobu użycia może nadać projektowi charakter tradycyjny bądź nowoczesny. Strona z dużą ilością czerni zawsze będzie mocniejsza w odbiorze niż ta z przewagą bieli. Czerń dodaje siły wyrazu oraz elegancji.

Sprawdza się w wielu branżach zwłaszcza przy produktach ekskluzywnych oraz w niekonwencjonalnych projektach.

 

Ciemna strona internetowa firmy leasingowej Evan Paul Auto Capital specjalizującej się w leasingu luksusowych i sportowych aut

evanpaulautocapital.com

 

Szary

Projekty utrzymane w szarościach odbierane są jako konserwatywne. Taka kolorystyka nie wzbudza emocji i nie odciąga uwagi. Może być bezpiecznie stosowany w każdej kompozycji. Sprawdzi się zwłaszcza przy stronach internetowych związanych z finansami, ponieważ sugeruje stabilność.

 

Szara, nowoczesna strona studia multimedialnego Three 59 z grafiką retro aparatu fotograficznego miechowego

Komentarze (5)

  1. b
    buka / 18.12.2019

    Konkretny artykuł, przydatne informacje, dzięki!

  2. M
    Maritka / 05.01.2020

    Abstrahując od samej treści, świetnie dobrane grafiki. Czekam na więcej artykułów tego pokroju, w których znajdę mnóstwo graficznych inspiracji ?

  3. G
    Gaduła / 25.03.2020

    Myślałem, że to gruba przesada z tym wpływem koloru, ale te przykłady naprawdę przekonują.

  4. M
    Marysia / 24.04.2020

    A co z różowym? :>

  5. M
    Maciek / 04.05.2020

    Intensywne kolory, to lubię najbardziej <3

zostaw komentarz