Następnym razem, gdy wyjdziesz na zewnątrz, zagraj w szpiega oczu: zwróć uwagę, jak wschód słońca maluje na niebie odcienie czerwieni, czerwono-pomarańczowy i pomarańczowy. Lub obejrzyj pawia dumnie przechadzającego się po zoo z żywymi niebiesko-zielonymi piórami. Przyjrzyj się sukulentom, zwracając uwagę na ich doskonałe wykorzystanie odcieni niebieskiego, niebiesko-zielonego i zielonego.
Czy zastanawiałeś się kiedyś, dlaczego te grupy kolorów wydają się tak harmonijne? Cóż, te zabytki to naturalne zjawiska analogicznych schematów kolorów lub schematu z kolorami obok siebie na kole kolorów. Ponieważ są one szczególnie przyjemne dla oka (i łatwe do wymyślenia), projektanci często czerpią inspirację z tych schematów kolorów przy projektowaniu produktów.
Jak stworzyć analogiczną kolorystykę
Wybierz dowolny kolor w dowolnym miejscu koła i zwróć uwagę na jego bezpośrednich sąsiadów, po prawej lub lewej stronie. I masz to: analogiczna kolorystyka. To tak, jakby wyjąć mały, od trzech do pięciu wycinków odcieni z koła kolorów. Jednym ze sposobów wybrania analogicznego schematu jest rozpoczęcie od koloru podstawowego (tj. Czerwonego, żółtego lub niebieskiego) i użycie kolorów drugorzędnych i trzeciorzędowych jako akcentów.
Przykłady analogicznych kolorów
Analogiczne kolory oznaczają, że grupowanie kolorów ma podobieństwa. Te typy schematów kolorów są ze sobą ściśle powiązane.
Oto kilka przykładów analogicznych schematów kolorów:
- Żółty, żółto-zielony, zielony
- Fioletowy, czerwono-fioletowy i czerwony
- Czerwony, czerwono-pomarańczowy, pomarańczowy
- Niebieski, niebiesko-fioletowy, fioletowy
A godnym uwagi przykładem analogicznego schematu kolorów jest niedawne przeprojektowanie Dropbox. Ich schemat wykorzystuje odcienie różu, fioletu i niebieskiego.
Dropbox używa odważnych kolorów, które sprawiają wrażenie, że nie powinny ze sobą współpracować – ale tak jest!
Analogiczna paleta kolorów
W najbardziej tradycyjnym sensie analogiczna paleta kolorów to trzy kolory. Ale może mieć do czterech lub pięciu kolorów. Projektanci mogą polegać na analogicznej palecie, aby nadać projektom odpowiednią temperaturę. Ciepła analogiczna paleta kolorów z czterema kolorami składałaby się z czerwonego, czerwono-pomarańczowego, pomarańczowego i żółto-pomarańczowego. Fajna paleta zawierałaby niebieski, niebiesko-zielony, zielony i żółto-zielony.
Zestaw Velocity UI w analogicznej palecie kolorów
Chcesz zobaczyć, jak wygląda analogiczna paleta kolorów w testowym interfejsie użytkownika? Wypróbuj narzędzie Kolory Muzli.
Analogiczne kolory w sztuce
Nie tylko można dostrzec analogiczne schematy kolorów w naturze, ale także w pracach znanych artystów, którzy zwracają się ku spokojnym plenerom jako muzy .
Na przykład Vincent Van Gogh w swoim obrazie „Irysy w wazonie” użył chłodnej, analogicznej kolorystyki – zielonego, niebiesko-zielonego, niebieskiego i niebiesko-fioletowego. Znany z talentu do kolorów, fajną analogiczną kolorystykę można również uchwycić na jego obrazie olejnym Drzewa oliwne. Innym studium przypadku w analogicznych kolorach jest obraz Claudea Moneta The Water-Lily Pond.
Monochromatyczne kolory
Analogiczne schematy kolorów tworzą nieco monochromatyczny wygląd, ponieważ używają kolorów podobnych do siebie. Jednak schemat monochromatyczny opiera się na kolorze podstawowym z różnymi odcieniami, tonami i odcieniami, aby stworzyć wizualnie spójny wygląd. Projektanci często używają monochromatycznej palety, gdy chcą stworzyć prostą, czystą estetykę – być może dlatego, że strona zawiera informacje-h Mocniejsze i więcej kolorów sprawiłoby, że wyglądałby na zajęty.
Uwzględnienie analogicznych kolorów
Decydując się na analogiczny schemat kolorów, zawsze należy wziąć pod uwagę dostępność. Na przykład niektóre analogiczne palety kolorów mogą być wykluczające dla osób z daltonizmem lub niedowidzeniem kolorów (CVD).
„Nie polegaj tylko na kolorach, aby wykonać swoją pracę” – Luis Gonzalez, starszy projektant marki w InVision mówi: „Możesz zostawić znaczną część swoich użytkowników, a to po prostu nie jest dobre doświadczenie użytkownika.