Jakich kolorów należy unikać w projektowaniu stron internetowych
Opublikowany: 2016-09-15Reklama to trudny biznes i wszystko zależy od tego, jak się prezentujesz. Kolory są sercem każdej reklamy, która decyduje o tym, jak skutecznie będzie promować Twoją markę, towary czy usługi. Dlatego stosowanie odpowiednich odcieni kolorów stało się koniecznością w dzisiejszym biznesie, aby przyciągnąć uwagę grupy docelowej, ponieważ każdy produkt wymaga innej formy reklamy.
Jeśli chcesz nauczyć się podstaw wyboru kolorów w projektowaniu stron internetowych, ten artykuł pomoże ci poszerzyć wiedzę o tym, jak robić to właściwie. Odpowiedni schemat kolorów może być czynnikiem decydującym o skuteczności kampanii reklamowych, więc wykonanie idealnej kombinacji nie jest łatwym zadaniem.
Znaczenie schematów kolorów
Siła schematów kolorystycznych jest czymś nie do przecenienia. Jeśli zapewni się odpowiednią ekspozycję, może zostać wykorzystana, aby stać się Twoją największą siłą w każdym projektowaniu stron internetowych. Użyte kreatywnie, nawet najprostsze kolory można zaaranżować, aby poruszyć umysły i serca odbiorców docelowych i przyciągnąć ich uwagę. Schemat kolorów, który wykorzystuje odpowiednią kombinację odcieni kolorów, nie tylko zwiększa możliwości reklamowe, ale także skraca przeciętnie czas spędzany przez użytkownika na stronie internetowej.
Jednak wybór niewłaściwych schematów kolorystycznych może być co najmniej katastrofalny i może utopić każdy produkt lub usługę, niezależnie od tego, jak duży jest i co wnosi do stołu. Niektórzy reklamodawcy wybierają krzykliwe kolory do wyświetlania swoich marek, aby przyciągnąć uwagę docelowych odbiorców. Chociaż może im się udać skłonić głowy do odwrócenia się w ich stronę, publiczność w końcu straci zainteresowanie na dłuższą metę. Projektant zrobiłby to tylko po to, by odwrócić uwagę klienta i zamaskować gorszą jakość towaru. To ostatecznie kończy się uszkodzeniem wizerunku marki i reputacji firmy.
W tym artykule omówimy, jakich rodzajów schematów kolorów należy unikać w reklamie internetowej. Nasz zespół ułożył listę „NIE TO” wraz z alternatywną metodą, którą możesz wypróbować.
Korzystanie z jednego koloru
Posiadanie tylko jednego koloru reprezentującego całą witrynę sprawia, że jest ona zarówno nijaka, jak i nieciekawa dla docelowych odbiorców. Jest bardzo mało prawdopodobne, że publiczność spróbuje go przejrzeć przed przejściem do następnej witryny, która jest rozwijana przy użyciu bardziej odpowiednich schematów kolorystycznych.
Spróbuj tego:
Odpowiednie dopasowanie schematów kolorów jest krytycznym zadaniem dla profesjonalnego projektu, zdolnego zwrócić uwagę na ważne aspekty strony internetowej. Elementom takim jak przyciski, napisy, cytaty i hiperłącza należy nadać odpowiednią kolorystykę, aby podkreślić ich wagę.
Wybór niewłaściwego koloru
Wybór niewłaściwego koloru do projektu strony internetowej może oznaczać różnicę w ignorowaniu na stojaku z czasopismami lub sprzedawaniu na widoku. W przypadku witryny internetowej, która ma produkt do sprzedania lub nawet usługę do promowania, może łatwo wybrać odcień zewnętrznej strony produktu lub filozoficznej właściwości usługi. Tak czy inaczej, głęboka reprezentacja Twojej witryny z tym, co oferujesz, pomaga zbudować więź z użytkownikiem. Używanie ciemnego koloru, takiego jak granat, do projektowania stron internetowych przeznaczonych do sprzedaży produktów kosmetycznych, będzie rozczarowujące.
Spróbuj tego:
Zanim pozwolisz swojej witrynie pogrążyć się w kosztownej katastrofie, skorzystaj z teorii kolorów, aby wybrać odcienie, które są ściśle związane z produktem lub w pewnym stopniu odzwierciedlają jego cechy. Pomaga to widzowi utrzymać zaangażowanie w witrynie, a nawet dać produktom ujęcie.
Neonowe kolory
Używanie neonowych kolorów nie jest w ogóle zabronione, ale świętowanie Holi z nimi w projekcie strony internetowej może być głupim posunięciem. Neonowe kolory powstają poprzez podniesienie intensywności jasności o odcień, aby wyróżnić się na tle kontrastu.
Nie ma wątpliwości, że są zabawne i zabawne w projektowaniu, ale tylko w znacznych ilościach. Nieustanne używanie ich w szablonie może naprawdę wywołać łzy w oczach widza, ale także spowodować, że tekst zacznie wnikać w kontrast, zakłócając jego czytelność. Jeśli się nie mylę, twoim celem jest zaangażowanie gościa, a nie wywołanie ataku epilepsji.
Spróbuj tego:
Jeśli jednak jesteś naprawdę wytrwały, zawsze możesz usunąć niepotrzebną jasność z neonowych kolorów, dzięki czemu tekst będzie trochę ciemniejszy i mniej intensywny. Ponadto, jeśli już zdecydowałeś się dodać do motywu kolory Neon, upewnij się, że używasz ich dla mniejszych elementów, aby czytelnik mógł je łatwo zobaczyć.
Wibrujące kolory
Teraz mieszanie lub łączenie kolorów ze złą krwią jest jak celowe rozmycie wzroku gościa. Dzieje się tak, gdy kolory, które są bardzo nasycone, wchodzą ze sobą w interakcję i wywołują „efekt wibracyjny”, który powoduje świecący ruch. Ten wibrujący efekt jest bardzo nielubiany przez użytkowników.
Łącząc te jaskrawe barwy, widzenie staje się uciążliwe i powoduje efekt powidoku, który zakłóca widzenie. Nie tylko uniemożliwia użytkownikowi czytanie treści, ale także sprawia, że tekst jest piekielny.
Spróbuj tego:
Jeszcze raz nie zaleca się łączenia ze sobą wibrujących kolorów, ale jeśli to konieczne, najlepszym sposobem na dostosowanie tego jest wprowadzenie neutralnego koloru pomiędzy dwa jasne kolory, aby jeden z nich stał się ciemniejszym odcieniem.
Ponadto, jeśli chcesz dowiedzieć się, które kolory będą wibrować, możesz umieścić je obok siebie, a zauważysz:
- Wysokie nasycenie koloru obecne pomiędzy nimi
- Komplementarne i oddalone od siebie o 180 stopni na kole kolorów
- Niewielki kontrast pojawia się, gdy kolory są konwertowane na skalę szarości
Motywy tęczy
Moim zdaniem wszystko, co łamie zasady teorii kolorów, prędzej czy później może być niebezpieczne dla twojego projektu internetowego. Więc spójrzmy prawdzie w oczy, strony w kolorach tęczy po prostu nie działają. Po prostu wyobraź sobie, ile zasad zmasakrowałeś, aby zaraz po przeczytaniu tego utworzyć w głowie szablon z motywem tęczy.
Projekty stron internetowych w kolorach tęczy są nie tylko nieszablonowe, ale i mylące – jeśli wiesz, co mam na myśli. Chcesz coś promować, reklamować lub sprzedawać, ale pokazywanie tęczy swoim klientom i odwiedzającym nie pomoże.
Spróbuj tego:
Jeśli jednak jesteś zainteresowany tworzeniem wielokolorowego projektu internetowego z więcej niż 3 kolorami, użyj blokowania kolorów lub stylu karty w swoim szablonie. Umożliwia to przypisywanie kolorów do kategorii blok po bloku bez naruszania równowagi kolorów w projekcie.

Jasne kolory na białym
Za każdym razem, gdy widzę ten błąd, zdaję sobie sprawę, jak klient traci zainteresowanie i przechodzi na inną stronę. Używanie jasnego koloru na jasnym tle to to samo, co sprzedaż kanapki wypełnionej chlebem. Musisz zrównoważyć światło z ciemnością i ustawić rozsądną różnicę, która pozwoli czytelnikowi na płynne przeszukanie witryny zamiast jej porzucania. W najnowszych trendach w projektowaniu stron internetowych wzrost wykorzystania obrazów nagłówków powoduje, że jest to częsty wypadek.
Spróbuj tego:
Najlepszym sposobem na uniknięcie tego jest porównanie koloru tła z paletami na kole kolorów. Możesz łatwo odróżnić odpowiednią kombinację, sprawdzając między sobą tolerancję kontrastu. Dobra mieszanka połączy treść z projektem i zapewni naturalny wygląd w projekcie strony internetowej.
Eksperymentowanie ze szczegółowymi tłami
To chyba najbardziej zabójczy błąd dotyczący kolorów w projektach internetowych. Właściciele firm zatrudniają projektantów, aby wyprodukowali to, co najlepsze, i wznieśli dla nich stronę internetową, która ma wszystko, czego potrzeba, aby wynieść ich firmę i przychody na szczyt. Ale właśnie wtedy czasami sprawy tracą równowagę. Projektanci stron internetowych zawsze szukają nowych sposobów na zaimponowanie wykonawcom iw tym dążeniu często dodają w tle zbyt wiele detali kolorystycznych. Tymczasowo nie wygląda to tak źle, ale kiedy projekt przechodzi do ostatnich kroków ze wszystkimi jego elementami i zawartością, staje się jednym brzydkim kawałkiem szablonu.
Spróbuj tego:
Jedynym sposobem na uniknięcie tej porażki jest poinstruowanie projektanta stron internetowych, aby powstrzymał się od dodawania szczegółów kolorów w tle i utrzymywał zespół na bieżąco, jeśli coś nowego jest testowane lub wdrażane w pierwotnym planie.
Bladożółty i jasnoniebieski
Większość projektantów doskonale zdaje sobie sprawę, że jasny niebieski i jasnożółty to fatalny wybór kolorów, jeśli chodzi o tło strony internetowej. Jasny niebieski jest intensywny i zawsze agresywny w stosunku do każdego innego koloru, który występuje w ich domenie. Bladożółty reaguje inaczej i niweczy cel koloru tła, wpływając na nastrój gościa i powodując radykalizację innych odcieni. Oto dlaczego nigdy nie powinieneś próbować ich używać.
Jasny niebieski jako tło
Teraz nie chcę urazić żadnych miłośników jasnego niebieskiego koloru, mówiąc, że wygląda okropnie jako tło strony internetowej, to tylko fakt, że to nie może być i nigdy nie będzie dobrym wyborem koloru do ustawienia kontrastu. Po pierwsze, jasnoniebieski zbyt mocny, by zestawić go z treścią witryny, a po drugie, pozostawia projektantowi zbyt mało opcji, by połączyć go z innym odcieniem z palety. Ma efekt wibracji, który zbliża go do kolorów neonowych, a jeśli przeczytałeś to, co omówiłem powyżej, kolory neonowe to duże NIE!
Spróbuj tego:
Możesz użyć jaśniejszych odcieni niebieskiego, zwłaszcza jeśli masz projekt w stylu karty dla swojej witryny. Zneutralizuje efekt wibrowania, a także zaspokoi potrzebę posiadania niebieskiego koloru tła.
Bladożółty w tle
Dodanie odrobiny żółtego koloru do nagłówków i być może jakiegoś tekstu w tytułach może wydawać się w porządku, ale zatopienie go w tle może oznaczać różnicę między często odwiedzaną witryną a pływającym śmieciem w Internecie. Nadaje nie tylko nieprzyjemny odcień, ale odzwierciedla zły gust firmy w stosunku do klientów. Żółty ma sentymentalne znaczenie, gdy uderza w publiczność nutę szczęścia i radości. W związku z tym korzystanie z niego bez perspektywy może być nieodwracalnie szkodliwe dla Twojej witryny pod względem kosztów i utraty klientów.
Spróbuj tego:
Możesz użyć go z brązowym, ciemnoczerwonym lub pomarańczowym, aby zapalić wygląd retro, a następnie użyć go później również w innych przypadkach. Białe tło z żółtym odcieniem może zaskoczyć odwiedzających, jeśli zostanie połączone z odpowiednim kolorem nagłówka i stopki, np. pomarańczowym.
Ignorowanie narzędzi dopasowywania kolorów
Jednak tworzenie schematów kolorystycznych nie jest łatwym zadaniem, ponieważ znalezienie idealnej kombinacji kolorów, aby przyciągnąć klientów, jest łatwiejsze do powiedzenia niż do zrobienia. Dzieje się tak dlatego, że posiadanie dogłębnej wiedzy na temat mieszania kolorów i tego, jaka kombinacja wywołuje preferowaną reakcję publiczności, jest sztuką, którą niewielu ludzi akceptuje. Prowadzi to do silnego polegania na metodzie prób i błędów, co jest niezwykle ryzykowne dla reklamy. Jeden błąd może zakończyć się niepowodzeniem całej kampanii.
Na szczęście istnieje sposób na pokonanie tej bariery kolorystycznej, która przedstawia się w postaci narzędzia do dopasowywania kolorów, które jest zbudowane tak, aby łączyć różne kolory razem z wynikami porównywalnymi z weteranami tej dziedziny.
Spróbuj tego:
Narzędzia dopasowywania kolorów, takie jak Adobe Color CC, zostały opracowane w celu uproszczenia procesu wyboru kolorów akcentujących po wybraniu koloru dominującego. Chociaż narzędzie może wydawać się skomplikowane, w rzeczywistości zostało zaprojektowane tak, aby było zarówno proste, jak i skuteczne.
Narzędzia dopasowywania kolorów są wyposażone w opcje upraszczające schematy kolorów, takie jak:
- Wybór dominującego koloru, wokół którego należy wybrać kolory akcentujące
- Wybór zdjęcia, wokół którego należy wybrać kolory akcentów
Znaczenie kolorów akcentujących
Ważne informacje na stronach internetowych można wyróżnić za pomocą kolorów akcentujących, aby wskazać ich znaczenie. Mogą one obejmować hiperłącza do innych treści na stronie internetowej, na które chcesz zwrócić uwagę odbiorców. Wskazane jest, aby trzymać się jednego lub dwóch kolorów akcentujących, ponieważ większa liczba kolorów akcentujących prowadzi do zamieszania dla odwiedzających witrynę.
Wniosek
Podczas gdy kolory odgrywają ważną rolę w nadawaniu stronie internetowej odpowiedniego ubioru i atrakcyjności, ich prawidłowe użycie w szablonach projektowych jest niezbędne, jeśli chcesz odnieść sukces w biznesie. Bez odpowiednich odcieni po Twojej stronie Twoja witryna będzie nie tylko pośmiewiskiem, ale także kosztownym rozczarowaniem.