najlepsze palety kolorów w witrynie internetowej w celu zwiększenia zaangażowania w 2020

czy schemat kolorów wybrany dla witryny wywołuje pożądaną reakcję? Czy przytłacza cię liczba potencjalnych palet kolorów stron internetowych?

każdy ma ulubione kolory, do których ma tendencję, jeśli chodzi o pracę lub nie.,

ale wykwalifikowany projektant rozumie znaczenie oceny schematu kolorów w oparciu o markę, znaczenie kolorów oraz promowane produkty lub usługi.

dobry wybór kolorów wymaga starannego planowania.

mogą wpływać na to, jak odwiedzający interpretuje to, co widzi, tak samo jak układ witryny i typografia — a gdy są dobrze wykonane, mogą mieć pozytywny wpływ na ocenę marki jako całości przez każdego odwiedzającego.,

w tym artykule przyjrzymy się, dlaczego wybór odpowiednich kolorów dla Twojej witryny ma znaczenie, a także 23 różne palety kolorów z prawdziwych witryn, które skutecznie przyciągają uwagę odwiedzających.

Dlaczego Twoja kolorystyka jest tak ważna?

zanim przejdziemy do procesu wyboru schematu kolorów dla Twojej witryny, ważne jest, aby dokładnie zrozumieć, dlaczego kolorystyka Twojej witryny ma tak duże znaczenie.

w końcu możesz myśleć, że to treść naprawdę się liczy. I to nie jest nieprawda.

ludzie kochają treści., Przyciągają ich świeże głosy i kuszące informacje, ale najpierw musisz przyciągnąć ich uwagę. To miejsce, w którym palety kolorów stron internetowych wchodzą w grę.

Jeśli wybierzesz odpowiednią kolorystykę strony, masz możliwość wysadzenia odwiedzających swoimi treściami.

oto jak:

Stwórz rozpoznawalność marki

Twoja strona jest zasadniczo domem Twojej firmy w Internecie.

oznacza to, że musi być dokładną reprezentacją Twojej marki. Poza tym musi być na tyle niezapomniany, że użytkownicy powrócą po pierwszej wizycie.,

w końcu wielu odwiedzających nie będzie gotowych dokonać zakupu lub innej poważnej konwersji podczas pierwszej wizyty — i muszą pamiętać o Twojej firmie, aby wrócić i podjąć te działania.

na szczęście kolor zwiększa rozpoznawalność marki o 80%.

tak więc, jeśli Twoja firma ma już ustaloną kolorystykę, ważne jest, aby uwzględnić to w projekcie witryny. Ułatwi to odwiedzającym natychmiastowe połączenie go z innymi miejscami, w których widzieli Twoją markę.,

Plus, jeśli twój schemat kolorów jest spójny w całej witrynie, będą wiedzieć, że po powrocie trafili we właściwe miejsce, niezależnie od dokładnej strony, na której wylądują.

poza informowaniem użytkowników, kim jest Twoja firma, Twoja strona internetowa odgrywa również ważną rolę w osądach użytkowników na temat Twojej marki.

według jednego z badań 94 procent respondentów wymieniło projektowanie stron internetowych wśród głównych czynników wpływających na pierwsze wrażenia z witryny.

oczywiście projektowanie stron to coś więcej niż tylko kolor.,

ale biorąc pod uwagę, że kolor jest jednym z najbardziej oczywistych elementów na twojej stronie i jednym z niewielu, które użytkownik może rozpoznać w ciągu tych początkowych milisekund 50, twoja paleta może zrobić lub złamać ocenę użytkownika Twojej firmy.

kształtuj, jak użytkownicy czują się na swojej stronie

w innym badaniu dotyczącym tego, jak powstają pierwsze wrażenia konsumentów, 90 procent wstępnych ocen opiera się tylko na Kolorze.

do pewnego stopnia przyczyna tego jest jasna.

w końcu kolor jest jednym z najłatwiejszych aspektów strony do „zrozumienia”.,”Można go ocenić niemal natychmiastowo i nie wymaga od odwiedzających oceny kopii lub innych wiadomości.

ale ważne jest również, aby wziąć pod uwagę rolę, jaką w tych osądach odgrywa psychologia koloru.

wiele firm korzysta z tych połączeń, co ilustruje logo na poniższym wykresie.

na przykład marki, które chcą stworzyć poczucie kreatywności i wyobraźni, Zwykle włączają Fioletowy do swoich obrazów, podczas gdy marki, które chcą stworzyć poczucie równowagi i spokoju, skłaniają się ku czerni i bieli.,

wiąże się to bezpośrednio z „osobowością”, którą chcesz, aby Twoja marka miała.

w jednym z badań dotyczących osobowości marki, psycholog i profesor Stanford Jennifer Aaker stwierdziła, że pięć podstawowych wymiarów odgrywa rolę w osobowości marki:

marki mogą czasami mieszać cechy, ale w większości przypadków ich „osobowość” koncentruje się przede wszystkim na jednym. Firma, która sprzedaje sprzęt kempingowy, na przykład, identyfikuje się z „ruggedness”, podczas gdy marka modowa może dążyć do ” wyrafinowania.,”

i jak widać na wykresie logo powyżej, kolor może odegrać ważną rolę w pokazaniu konsumentom, jaka jest osobowość Twojej marki.

chociaż większość może nie zdawać sobie sprawy, że czerwone logo firmy ma na celu wywołanie uczucia podniecenia, nadal może to zrobić.

i chociaż każdy kolor może służyć do tworzenia określonego uczucia lub reakcji, niektóre kolory są lepszym Wyborem niż inne dla większości marek i stron internetowych.

na przykład niebieski jest często uważany za najbezpieczniejszy wybór., Jest to po części dlatego, że jest to najczęstszy” ulubiony ” kolor wśród większości populacji.

w rzeczywistości 57% mężczyzn i 35% kobiet twierdzi, że to ich ulubiony kolor.

Tak więc, jeśli chcesz odwołać się do szerokiego grona odbiorców, może to być świetny wybór dla Twojej witryny. W rzeczywistości może to być powód, dla którego niektóre z najczęściej odwiedzanych witryn, takie jak Facebook i Twitter, używają ich do logo i brandingu.

warto również zauważyć, że niebieski jest również powszechnie kojarzony z uczuciem zaufania, autorytetu i niezawodności.,

ale to nie znaczy, że jest to najlepszy wybór dla każdej strony. Wszystko zależy od uczucia, które chcesz przekazać swoim gościom.

na przykład, jeśli Twoja marka koncentruje się na zdrowiu i dobrym samopoczuciu, green może być lepszym rozwiązaniem dla stworzenia tego stowarzyszenia. A jeśli chcesz, aby Twoi goście byli podekscytowani i zachęcić ich do szybkiego działania, red może być bardziej skuteczny, pomagając Ci osiągnąć ten cel.

tak więc, wybierając kolory dla swojej witryny, rozważ reakcje emocjonalne, które mogą wywoływać u odwiedzających.,

na przykład, jeśli próbujesz stworzyć poczucie spokoju na stronie internetowej studia jogi, red może nie być najlepszym wyborem — i najlepiej o tym wiedzieć, zanim zainwestujesz poważne pieniądze w swój projekt.

rozwijaj poczucie porządku

oprócz reakcji emocjonalnych, które mogą wywoływać poszczególne kolory, konieczne jest również rozważenie sposobu interakcji kolorów na twojej stronie.

najlepszym sposobem na to jest przyjrzenie się kilku podstawowym zasadom teorii kolorów.,

Jeśli kiedykolwiek brałeś udział w zajęciach plastycznych lub przeglądałeś zasoby związane z projektem, prawdopodobnie widziałeś coś podobnego do koła kolorów w powyższej grafice.

najczęstszym pojęciem przedstawionym w tym kole jest zależność między kolorami podstawowymi (czerwonym, żółtym i niebieskim), a kolorami drugorzędnymi i trzeciorzędnymi, które powstają przez zmieszanie ich ze sobą.

ale poza tym, to koło może pomóc stworzyć harmonię kolorów lub wizualnie przyjemny układ kolorów., Harmonijna paleta projektowania stron internetowych może pomóc w ustanowieniu równowagi i porządku.

istnieją trzy powszechnie akceptowane typy schematów kolorów, których można użyć do ustanowienia tego typu harmonii: analogiczny, monochromatyczny i komplementarny.

analogiczny schemat kolorów składa się z kolorów, które padają obok siebie na kole kolorów. Jest to jedna z najtrudniejszych palet do zrobienia dobrze, ponieważ kolory mogą łatwo obezwładnić się nawzajem.

mając to na uwadze, analogiczne schematy kolorów są również jednymi z najbardziej żywych.,

tak więc, jeśli chcesz stworzyć kolorową, ciekawą wizualnie stronę, możesz zrobić dobrze z paletą podobną do następujących trzech przykładów:

monochromatyczny schemat kolorów spada na przeciwny koniec widma poprzedniego typu. Jak sama nazwa wskazuje, składa się z jednego głównego koloru, ale intensywność i lekkość odcieni są różne.

te palety są jednymi z najłatwiejszych do stworzenia i „najbezpieczniejszych” do wdrożenia, ponieważ różne odcienie tego samego koloru rzadko się ścierają lub czują się zbyt zajęte.,

więc jeśli szukasz stosunkowo prostego wyglądu na swojej stronie, monochromatyczny schemat kolorów, taki jak te trzy, może dobrze pasować do Twojej marki:

wreszcie, komplementarna paleta mieści się gdzieś pomiędzy analogicznymi i monochromatycznymi schematami pod względem różnorodności.

składa się z kolorów, które leżą naprzeciwko siebie na kole kolorów. Tak więc, podczas gdy wiąże się to z większą ilością kolorów, te kolory naturalnie uzupełniają się i nie przytłaczają odwiedzających.,

Jeśli chcesz urozmaicić swój schemat kolorów bez sprawiania, że witryna będzie zbyt zajęta, uzupełniający schemat kolorów, taki jak jeden z nich, może być idealnym wyborem:

oczywiście te trzy typy schematów kolorów nie są jedynymi, które możesz utworzyć. W rzeczywistości najlepsze rodzaje palety różnią się w zależności od tego, kogo pytasz.

triadyczny schemat kolorów jest jedną z głównych opcji.

Ten schemat kolorów polega na użyciu trzech kolorów, które znajdują się 120 stopni od siebie na kole kolorów., Na powyższej grafice te kolory to pomarańczowy, zielony i fioletowy.

wybierając kolory należy pamiętać, że wymienione powyżej typy nie są definitywnymi regułami. Mogą dać ci ogólne wyobrażenie o ogólnym odczuciu, które chcesz, aby Twoja witryna miała, ale nie są to w żaden sposób jedyne sposoby na stworzenie palety, która działa na Twoją markę.

niezależnie od rodzaju palety, którą używasz, możesz za jej pomocą utworzyć hierarchię najważniejszych treści na każdej ze stron.,

Wyróżnij niektóre elementy

jak wspomniałem w poprzedniej sekcji, zdefiniowana paleta kolorów może być pomocna dla oznaczenia, że niektóre elementy są ważne.

możesz zmaksymalizować ten wpływ, pamiętając o efekcie izolacji podczas określania sposobu użycia schematu kolorów na stronach.

główną ideą tej psychologicznej zasady jest to, że im bardziej dany przedmiot się wyróżnia, tym bardziej prawdopodobne jest, że zostanie zauważony i zapamiętany.,

upewnij się, że kolory, które wybierzesz, pozwolą Ci wyróżnić się na twoich stronach bez kolizji z resztą projektu.

takie podejście jest zgodne z preferencjami większości konsumentów.

w dwóch badaniach, estetycznej odpowiedzi na kombinacje kolorów i preferencje konsumentów dotyczące kombinacji kolorów, naukowcy odkryli, że chociaż konsumenci preferują kombinacje kolorów o podobnych odcieniach, preferują również palety o silnie kontrastującym kolorze akcentu.,

pierwsze badanie wykazało, że „preferencja par i harmonia zwiększają się wraz ze wzrostem podobieństwa odcieni.”Ale”, chociaż pary z wysoce kontrastowymi odcieniami są ogólnie uważane za ani lepsze, ani harmonijne, oceny preferencji kolorów figuralnych zwiększają się wraz ze wzrostem kontrastu odcienia z tłem.”

w drugim badaniu naukowcy odkryli, że ” ludzie zazwyczaj lubią łączyć kolory, które są stosunkowo bliskie lub dokładnie pasują, z wyjątkiem tego, że niektórzy ludzie wyróżniają jeden komponent produktu sygnaturowego za pomocą kontrastowego koloru.,”

więc chociaż kolor akcentu powinien mieć silny kontrast — jest w porządku-a nawet lepiej-jeśli reszta palety składa się ze stosunkowo podobnych odcieni.

oznacza to, że tworzenie palety projektowania stron internetowych, które zawierają jeden silny, przyciągający uwagę kolor akcentu, jest nie tylko skuteczne w izolowaniu niektórych elementów, ale także jest świetnym sposobem na stworzenie kombinacji, która spodoba się wielu odwiedzającym.

Uprość decyzje związane z projektowaniem

jeśli chodzi o prowadzenie strony internetowej lub firmy (lub obu!), zawsze warto szukać sposobów na uproszczenie podstawowych procesów.,

W końcu im mniej czasu poświęcasz na podstawowe zadania, tym więcej czasu będziesz musiał poświęcić na procesy i decyzje, które mają większy wpływ na Twój sukces.

i tworzenie palet do projektowania stron internetowych to świetny sposób na skrócenie czasu potrzebnego na tworzenie nowych stron. Gdy masz ustaloną kolorystykę, znacznie ułatwiasz podstawowe wybory projektowe, zarówno dla siebie, jak i dla swoich projektantów i programistów.,

jest to szczególnie ważne, jeśli poświęcisz czas na udokumentowanie palety w łatwy w użyciu sposób, jak to zrobiła ta firma:

tworząc przyjazny dla użytkownika dokument palety, tworzysz szybki zasób ze wszystkimi możliwymi opcjami dla każdego elementu.

w ten sposób, jeśli ty (lub twoi projektanci) masz problem z określeniem, jakiego koloru użyć dla przycisku CTA, możesz po prostu odwołać się do dokumentu, aby uzyskać pełną listę opcji.,

więc zamiast rozglądać się za wszystkimi możliwościami, możesz wybierać spośród wstępnie ustawionej listy kolorów. A po wybraniu kilku do użycia lub przetestowania, wszystkie kody HEX i RGB są już przed tobą.

Ile kolorów należy włączyć?

wszystko zależy od złożoności projektu i rodzajów kombinacji kolorów. Na przykład, jeśli używasz monochromatycznej palety projektowania stron internetowych, możesz potrzebować siedmiu lub nawet więcej odcieni tego koloru, aby uchwycić wystarczającą różnorodność na ekranie.,

będziesz chciał określić kolory dla określonych części witryny, takich jak tekst, tła, linki, kolory podświetlenia linków, przyciski CTA i nagłówki.

jak wybrać kolorystykę strony

Jeśli nie jesteś pewien, jak wybrać najlepszą paletę kolorów projektowania stron internetowych, zobacz ten film, który stworzyłem. To poprowadzi Cię przez praktyczne wskazówki dotyczące wyboru schematu kolorów strony internetowej.

idealnie, palety kolorów witryn odzwierciedlają wartości, przekonania i cel firmy., Głośne kolory mogą wskazywać na mniej formalną atmosferę i więcej emocji, podczas gdy stonowane kolory nadają firmie bardziej wyrafinowany lub formalny charakter.

ale nie zawsze jest to łatwe do przetłumaczenia, gdy patrzysz na tysiące potencjalnych kombinacji kolorów. Spójrzmy na palety kolorów 23, które mogą pomóc ci zwiększyć zaangażowanie.

16 wspaniałych palet kolorów stron internetowych w celu zwiększenia zaangażowania (2020)

poniższe witryny wykorzystują różne palety kolorów stron internetowych w doskonały sposób. Są starannie dobierane pod kątem emocji, które wywołują i uczuć, które przekazują.,

Mea Cuppa

strona internetowa Mea Cuppa wykorzystuje przyjemną dla oka paletę kolorów, która zawiera kilka odcieni klejnotów (Rubin i szmaragd) dla maksymalnej żywotności, ale poza tym opiera się na neutralnej, monochromatycznej palecie brązów i szarości.

paleta projektowania stron internetowych wywołuje wrażenie kawiarni i znajduje odzwierciedlenie w wizerunku bohatera strony, co tworzy spójność.

The Big Top

BigTop to społeczność, która specjalizuje się w pomaganiu sieci startupów., Witryna wykorzystuje niezwykłą, ale niezwykle przyciągającą uwagę kombinację odcieni klejnotów, które wahają się od fioletowego i niebieskiego do jasnego pomarańczowego i żółtego.

wszystkie kolory podstawowe są fajne, co sprawia, że cieplejsze kolory pop. Na zrzucie ekranu strony głównej zauważysz, że pomarańczowe i żółte CTA przyciągają twoją uwagę przede wszystkim.

oko Tori

nasz trzeci przykład pochodzi z narzędzia do wizualizacji Tori na Twitterze. Jest to świetny przykład w większości monochromatycznej kolorystyki., Tutaj widzimy efekty prostej, ale potężnej palety kolorów skupionej wokół odcieni zieleni.

Ten schemat kolorów jest często łatwy do wykonania, ponieważ jeden odcień koloru prawie zawsze będzie działał z innym odcieniem tego samego koloru.

BarkBox

dominujący różowy kolor na stronie głównej BarkBox jest powtarzany w różnych odcieniach. Pięknie kontrastuje z niebieskim kolorem, który jest używany w logo i CTA w całej witrynie.,

używanie kolorów uzupełniających, aby przyciągnąć uwagę odwiedzających, gdzie chcesz, może pomóc ulepszyć paletę kolorów każdej witryny.

Cheese Survival Kit

Czerwony jest niezwykle popularnym kolorem dla palety kolorów strony internetowej. Może przekazać bogatą mieszankę emocji, co czyni go bardzo wszechstronnym. Jest szczególnie wydajny, gdy jest stosowany w małych dawkach,jak widać na stronie zestawu do przetrwania sera.,

czerwony jest hartowany z bardziej neutralnymi kolorami, a niebieski pomaga spakować cios dla CTAs i innych obszarów, w których firma chce przyciągnąć wzrok odwiedzających.

Nordic Ruby

Nordic Ruby, konferencja w Sztokholmie, ma piękną stronę internetową zaprojektowaną w bogatych odcieniach klejnotów. Kolory wybrane dla tej palety kolorów strony nadają jej wyrafinowania i odróżniają ją od mniej efektownych projektów.,

jezioro Nona

jezioro Nona to strona internetowa dla konkretnego miejsca — konkretnie tego w pobliżu wody. W związku z tym nie jest zaskakujące, aby zobaczyć niebieski kolor reprezentowany tutaj. Pozostałe neutralne kolory pozwalają ładnie wyróżniać się niebieskim.

LemonStand

ponownie, nie ma niespodzianki, że firma o nazwie Lemon Stand miałaby żółty w swojej palecie kolorów na stronie. Błękity i szarości ładnie łączą się z żółtym i pomagają złagodzić jego jasność.,

Mint

Mint to strona poświęcona finansom, więc korzystanie z zieleni i bluesa to dobry wybór. Pomagają przekazać spokój, spokój i zaufanie. Neutralne odcienie z rodziny brown sprawiają, że jest to ogólna, ziemista paleta kolorów, która koi zmysły.

Odopod

Odopod jest dostępny z monotonną paletą kolorów, ale pomaga uniknąć Nudnego wyglądu dzięki gradientowi na stronie głównej., Duża typografia oferuje doskonały kontrast i jest oczywiste, gdzie chcesz kliknąć.

Fiverr

można zauważyć, że wiele firm rezerwuje określony kolor — w przypadku Fiverr, zielony — wyłącznie dla CTAs. Nie pojawia się gdzie indziej na stronie. W rzeczywistości nie został nawet odebrany przez ColorFav, ponieważ jest zdominowany przez bardziej neutralne kolory.,

Szkoła Fotografii Cyfrowej

spodziewasz się, że firma skupiona na grafice będzie miała imponującą paletę kolorów, A Szkoła Fotografii Cyfrowej nie zawodzi. Żywe kolory pomagają przyciągnąć widza. I, podobnie jak Fiverr, pomarańczowy użyty w CTA nie pojawia się nawet na palecie witryny, ponieważ jest używany oszczędnie do uderzenia.,

Ahrefs

Ahrefs jest przykładem strony internetowej, która korzysta z palety kolorów. Ciemniejszy niebieski służy jako kolor dominujący, ale jego odmiany istnieją w całym miejscu. To samo dotyczy kolorów pomarańczowego, różowego i morskiego.

Millo.co

Millo.co używa bardzo prostej palety kolorów strony internetowej i jest dla niej lepiej. Wiemy dokładnie, gdzie szukać, gdy odwiedzamy taką stronę.,

Brian Gardner

niektóre firmy i osoby fizyczne wykorzystują monochromatyczną paletę kolorów do maksimum. Brian Gardner, projektant stron internetowych, wykorzystuje czarno-biały schemat kolorów, który działa idealnie. Opiera się na jego marce minimalizmu, więc odzwierciedla jego wartości i przekonania.

Krosno

miękkie kolory mogą działać dobrze, gdy chcesz ułatwić odwiedzającym. Krosno, Działa dobrze, zwłaszcza z ciemniejszym niebieskim kolorem dostępnym dla CTA i innych ważnych elementów na stronie.

przydatna lista zasobów do wyboru idealnej palety kolorów witryny

oto zasoby palety kolorów 18, aby skonfigurować idealną paletę dla Twojej witryny.

Po pierwsze, potrzebujesz inspiracji?

1: BrandColors

BrandColors pokazuje, w jaki sposób wiodące marki wykorzystują kolor do wyróżniania swoich firm, opowiadają historie swoich marek i informują swoich klientów, co oznaczają., Możesz przewijać Alfabetycznie listę korporacji, organizacji non-profit i startupów lub wyszukiwać według nazwy marki.

szukasz gotowej palety?

2: ColourLovers

ColourLovers to strona poświęcona projektowaniu palet. Możesz polować na „palety zawierające ten kolor”, przeglądać lub śledzić projektantów. Często znajdziesz warianty tej samej palety, dając gotowe opcje odcienia i nasycenia.

(wraz z kapryśnymi nazwami.,)

3: ColoRotate

ColoRotate zawiera bibliotekę schematów kolorów, które można przeglądać, wybierać i modyfikować. Jeśli chcesz zbudować swój własny od podstaw, możesz, za pomocą narzędzia Kolor 3D. Możesz też użyć schematu utworzonego bezpośrednio w Photoshopie lub Fireworks, za pomocą wtyczki ColorRotate i aplikacji na iPada.

Dopasuj swój Branding

ale co, jeśli masz już obrazy, logo lub branding, które Kolory Twojej witryny muszą pasować?,

4: Color Hunter

Color Hunter nie jest narzędziem o ogromnym zakresie funkcji, jak niektóre z uniwersalnych elektrowni na tej liście. Zamiast tego jest to solidne rozwiązanie dla jednej rzeczy: śledzenie określonego koloru. Przejdź do witryny, a następnie upuść obraz, a narzędzie utworzy dla Ciebie paletę z obrazu. Jest to solidny sposób na tworzenie palet kolorów wokół obrazów, z którymi musisz zharmonizować swoją witrynę, a także można go użyć do inżynierii wstecznej palet witryn, które lubisz wyglądać.,

5: Pictaculous

Pictaculous generuje palety kolorów ze zdjęć – Prześlij zdjęcie, a Pictaculous zaproponuje kolory pasujące do niego. Oprócz oferowania palety na podstawie przesłanego zdjęcia, Pictaculous zaoferuje gotowe schematy kolorów, które pasują.

narzędzia te będą generować całe palety kolorów.

6: Adobe Color CC Color Wheel

To narzędzie było znane jako Adobe Kuler, a zaczęło się jako podstawowa porównywarka kolorów. Teraz jest to system konstrukcyjny z pełną paletą kolorów., Pozwala wypróbować, porównać i zapisać kombinacje kolorów oparte na sferze kolorów. Możesz wybierać rodzaje palety i generować palety pięciu kolorów z różnymi poziomami wprowadzania z narzędzia, w tym w pełni niestandardowe i prawie automatyczne.

7: Paletton

Paletton pozwala szybko zbudować paletę kolorów. Wybierz schemat, który chcesz: mono, komplementarny, triadyczny, tetradyczny, analogiczny lub akcentowany analogowy. Następnie, gdy zmienisz jeden kolor w schemacie, inne zmieniają się, aby go dopasować.,

8: Color Spire

Color Spire tworzy paletę kolorów z jednego koloru. Wybierz kolor początkowy, a Color Spire zaproponuje paletę kolorów do użycia w połączeniu z nim. Zapewnia również podgląd, pozwalając zobaczyć, jak kolory, które zaleca, będą wyglądać na przykładowej stronie internetowej.

9: Mudcube Color Sphere

(źródło: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

Mudcube Color Sphere to wtyczka Chrome, która pomaga zharmonizować kolory, kontrolować jasność kolorów i identyfikować kody szesnastkowe., Można również eksportować schematy kolorów bezpośrednio do programów Illustrator, PhotoShop i CoIRD.com.

10: Kolory spójne

Kolory spójne pobiera aktualną paletę i pozwala na manipulowanie nią, dodając nakładkę w wybranym kolorze i generując nową paletę z istniejącej szybko i łatwo.

11: generator schematów kolorów Hex

To narzędzie pozwala generować kolory, które działają w połączeniu z kolorem, który już masz. Jest to trochę bardziej podstawowe niż niektóre narzędzia color sphere z tej listy., Wklejasz numer sześciokątny do narzędzia lub klikasz koło kolorów, a powraca on z zestawem 3 dodatkowych kolorów, które pasują, wraz z kodami sześciokątnymi.

budowanie kolorów

niektóre z tych narzędzi wymagają, aby na początku pamiętać o kolorze. Jeśli nie masz brandingu, który musisz dopasować, A BrandColors nie pokazał ci niczego, co wpadło Ci w oko, możesz zacząć od zera.,

12: Aplikacja kolorów

To narzędzie dla systemu iOS pozwala podejmować trafne decyzje między podobnymi kolorami, układając je wyraźnie z pewną przestrzenią między nimi, a nie w gradientach, jak w kołach kolorów i kulach. Duże kolorowe siatki pozwalają korzystać z całego ekranu (użytkownicy iPada Pro, radujcie się!), a także umożliwia próbkowanie kolorów, wyszukiwanie wartości RGB, Hex i HSLA oraz tworzenie palet kolorów od podstaw.,

13: Color

Color, przez HailPixel, pozwala naprawdę dokładnie określić, który kolor chcesz, a następnie daje Kod Hex dla niego.

najedź kursorem na ekran, a kolor zmienia się bardzo lekko w miarę poruszania się – to jak kolorowa kula, która stale wraca w kodach szesnastkowych. Poruszaj się po ekranie dla koloru, w górę iw dół dla nasycenia.

Pobierz kody do koloru

jeśli gdzieś widziałeś kolor i nie wiesz dokładnie, jak go nazwać, są to narzędzia dla Ciebie.,

14: SpyColor

SpyColor daje informacje o dowolnym kolorze, w tym kody Hex, RGB, CMYK i inne. Narzędzie pokazuje różne typy schematów, takie jak komplementarne, split-komplementarne, triadic, clash i analogiczne, na każdej stronie koloru.

15: Kody kolorów HTML

kody kolorów HTML znajdują kody szesnastkowe dla kolorów obrazów w przeglądarce. Wybierz obrazek z pulpitu i kliknij „Pokaż obraz”, a następnie najedź myszką na niego, aby uzyskać kody szesnastkowe dla różnych części obrazu.,

Przetestuj swoją paletę

gdy masz już paletę kolorów, musisz wiedzieć, czy będzie ona działać dla różnych użytkowników.

16: Check my Colours

Check my Colours pozwala sprawdzić kolory pierwszego planu i tła palety kolorów, upewniając się, że zapewniają one wystarczający kontrast dla osób z deficytami kolorów. Jeśli chcesz zabezpieczyć swoją witrynę przed zaciemnieniem lub po prostu uzyskać najbardziej efektywne i intuicyjne kombinacje kolorów z perspektywy UX, to narzędzie jest nieocenione., Upuść adres URL i wypluwa raport:

…który w zasadzie przechodzi przez cały kod Twojej witryny i ocenia wszystkie elementy wizualne w niej na widoczność.

pasujące obrazy

teraz twoja paleta kolorów jest na miejscu i wiesz, że jest super widoczna, będziesz potrzebować kilku obrazów, aby dopasować.

17: TinEye

TinEye jest lepiej znany jako alternatywa dla Google Image Search., Ale działa również jako sposób na odkrywanie kombinacji kolorów, korzystając z bazy danych ponad 10 milionów zdjęć na licencji Creative Commons zebranych z Flickr. Jeśli szukasz zdjęć w idealnej kombinacji kolorów, jest to świetny, łatwy w użyciu sposób na ich upolowanie.

18: Designspiration

Designspiration pozwala wybrać do pięciu odcieni z palety na całej stronie, co daje możliwość wyraźnego zobaczenia kolorów. Następnie witryna wyświetla wszystkie obrazy w swojej bazie danych z tą kombinacją kolorów., Pokazuje wyraźnie liczby sześciokątne i pozwala kliknąć pojedyncze liczby sześciokątne. Możesz zapisywać obrazy do kolekcji na stronie, a także je pobierać.

Jak korzystać z narzędzia do analizy zachowania strony internetowej, aby analizować najlepsze palety kolorów

Możesz pomyśleć, że wszystko, co musisz zrobić, to wybrać paletę kolorów strony internetowej i iść pełną parą do przodu. To nie jest najlepszy sposób na prowadzenie interesów.

Przemyśl to. Testujesz swoje CTA, nagłówki i inne elementy strony internetowej. Dlaczego kolor ma być inny?,

narzędzie do analizy zachowania witryny, takie jak Crazy Egg, oferuje doskonałą okazję, aby dowiedzieć się, jak Twoi odbiorcy reagują na aktualną paletę kolorów.

raporty zachowań użytkowników, takie jak heatmapy, powiedzą ci, czy twoje kolory przyciągają wzrok osób, które mają największe znaczenie — twoich obecnych i potencjalnych klientów.

Gdy masz surowe dane w swoich rękach, możesz podejmować świadome decyzje dotyczące palety kolorów witryny.,

wyobraź sobie, że stworzyłeś stronę internetową dla publiczności miłośników sportu i wybrałeś kolory niebieski i różowy, a także kilka neutralnych szarości. Twoja publiczność tego nie lubi.

może nie oddaje Twojego wizerunku wystarczająco dobrze. Miłośnicy sportu mogą chcieć odważniejszych, ciemniejszych kolorów i ziemistych odcieni.

nie dowiesz się, dopóki nie sprawdzisz.

zacznij korzystać z Crazy Egg

Utwórz darmowe konto Crazy Egg, aby rozpocząć bezpłatny okres próbny lub zaloguj się, aby skonfigurować raporty zachowań użytkowników.

możesz uruchomić wiele testów w tym samym czasie, aby nie marnować godzin, dni lub tygodni., Zamiast tego możesz przechwytywać dane w czasie rzeczywistym i skupić swoje wysiłki na znalezieniu najlepszej możliwej palety kolorów.

podsumowanie

paleta kolorów witryny powinna nie tylko odzwierciedlać Twoją markę, ale także przyciągać uwagę odbiorców. W przeciwnym razie Twoja witryna może zostać wyłączona, nawet nie zdając sobie z tego sprawy.

zacznij od tego, co lubisz. Rozważ wybór palety, która różni się od innych w twojej niszy, abyś się wyróżniał. Następnie rozpocznij testy.

łatwo zmienić kolory na swojej stronie. Jeśli znasz HTML, możesz ręcznie zmieniać kody szesnastkowe w plikach motywów., Wiele motywów WordPress zawiera również personalizatory, które pozwalają zmieniać kolory bez znajomości kodu.

daj sobie możliwość, aby Twoja strona była jak najbardziej atrakcyjna wizualnie i niezapomniana.