Używaj rodzin i palet kolorów w swojej witrynie

Jednym z najlepszych sposobów na zmianę nastroju projektu strony internetowej jest zmiana schemat kolorów. Jeśli zamierzasz użyć koloru, aby wpłynąć na nastrój, warto zrozumieć rodziny kolorów i to, co reprezentują. Rodziny kolorów to podziały koła kolorów na trzy typy kolorów:

• Ciepłe kolory
• Fajne kolory
• Neutralne kolory

Chociaż możliwe jest stworzenie projektu wykorzystującego kolory ze wszystkich trzech rodzin, większość projektów daje ogólne wrażenie ciepła, chłodu lub neutralności.

Dodaj energii ciepłymi kolorami

Ciepłe kolory obejmują odcienie czerwieni, pomarańczy i żółci oraz wariacje tych kolorów. Nazywane są ciepłymi kolorami, ponieważ wywołują wrażenie światła słonecznego i ognia — rzeczy, które są ciepłe. Projekty, w których zastosowano ciepłe kolory, bywają energetyzujące i podnoszące na duchu. U większości ludzi niosą za sobą pasję i pozytywne uczucia. Ciepłe kolory są zazwyczaj kolorami kreatywności, świętowania, pasji, nadziei i sukcesu.

Ciepłe kolory powstają przy użyciu zaledwie dwóch kolorów: czerwonego i żółtego. Te podstawowe kolory łączą się, tworząc pomarańczowy. Podczas mieszania kolorów nie stosuje się żadnych chłodnych kolorów w ciepłej palecie.

Zrelaksuj się w chłodnych kolorach

Fajne kolory obejmują odcienie zieleni, błękitu i fioletu oraz wariacje tych kolorów. Nazywane są chłodnymi kolorami, ponieważ wywołują wrażenie wody, drzew i nocy. Wywołują uczucie odprężenia, wyciszenia i rezerwy. Projekty wykorzystujące chłodne kolory są często postrzegane jako profesjonalne, stabilne i biznesowe.

W przeciwieństwie do ciepłych kolorów, w chłodnych barwach występuje tylko jeden kolor podstawowy, niebieski. Aby uzyskać inne kolory w palecie, mieszasz trochę czerwieni lub żółci z niebieskim, aby uzyskać zielony i fioletowy. To sprawia, że ​​zielony i fioletowy jest cieplejszy niż niebieski, który jest czystym chłodnym kolorem.

Neutralne kolory

Kolory neutralne składają się z brązu, który jest kombinacją wszystkich trzech kolorów podstawowych oraz dwóch pozostałych kolorów: czarnego i białego. Im bardziej zabłocony lub szary kolor, tym bardziej staje się neutralny. Neutralne projekty są najtrudniejsze do zdefiniowania, ponieważ większość wrażenia, jakie wywołują, pochodzi z ciepłych i chłodnych kolorów, które na nie wpływają. Czarno-białe projekty są uważane za eleganckie i wyrafinowane, ale ponieważ te kolory są tak surowe, mogą stanowić wyzwanie przy tworzeniu skutecznych projektów internetowych.

Innym sposobem na stworzenie neutralnej palety jest dodanie czerni lub bieli do ciepłego lub chłodnego koloru, aby kolor był bardziej szary.

Korzystanie z rodzin kolorów w projektowaniu stron internetowych

Jeśli próbujesz wywołać nastrój przy projektowaniu stron internetowych rodziny kolorów pomogą Ci to zrobić. Dobrym sposobem sprawdzenia tego jest utworzenie różnych palet w trzech rodzinach kolorów i porównanie projektu przy użyciu wszystkich trzech. Możesz zauważyć, że po zmianie rodziny kolorów zmienia się cały ton strony.

Oto kilka przykładowych palet, które możesz wypróbować na swojej stronie internetowej w różnych rodzinach kolorów:

Ciepły

• #cc333F, #eb6841, #edc951
• #ffd573, #ff773d, #f73e3e
• #ffe545, #fefbaf, #c2a34f, #fbb829
• #ffab03, #fc7f03, #fc3903, #d1024e

Fajny

• #69d2e7, #a7dbd8, #e0e4cc
• #2a044a, #0b2e59, #0d6759, #7ab317, #a0c55f
• #8ca315, #5191c1, #1e6495, #0a4b75
• #8fbfb9, #6493a7, #bddb88, #e0f3b2, #eefaa8

Neutralny

• #d9ceb2, #948c75, #d5ded9, #7a6a53, #99b2b7
• #e6cba5, #ede3b4, #8b9e9b, #bd7578
• #d8d0c8, #d2d0c8, #cbd0c8, #c4d0c8
• #182009, #464b35, #757661, #d1ccb9