Kolory stonowane: Definition and How to Use Them In Websites and Apps

Koncepcja użycia stonowanych kolorów w twoim projekcie z pewnością nie jest nowa. Kiedy porównuje się ją z trendem żywych kolorów, który mamy niemal wszędzie, to z pewnością wydaje się czymś nowym.

Każdy nowoczesny projektant UX wie, że minimalistyczny, płaski trend zyskał na popularności w ciągu ostatnich kilku lat.

Istnieją firmy takie jak Microsoft, Apple i Twitter, które wykorzystują ten wyłaniający się styl przy projektowaniu swoich produktów cyfrowych.

Płaski projekt idzie w parze z minimalistycznym podejściem.

Płaski projekt eliminuje głębię poprzez nieużywanie cieniowania i gradientu, oraz faworyzuje jednowymiarową geometrię.

The minimalist design will eschew unnecessary features and content, replacing it with a clean, sleek monochromatic approach. Together, the two approaches will give you legibility and clarity, and reject ornamentation and excess.

However, even though these two practices make the UI interface very simple, their intersection has created some usability issues for certain users.

Zbytnie uproszczenie spowodowało efekt odwrotny do zamierzonego, a użytkownikom trudniej jest się zorientować, gdzie mogą kliknąć i dlaczego.

Na szczęście istnieje trzeci trend, który może temu zaradzić. Wyciszone kolory również nabrały rozpędu.

Wyciszone schematy kolorów są wszędzie w reklamie drukowanej. Jednak w kampanii drukowanej, nie trzeba minimalistyczny design lub płaski efekt, ponieważ użytkownik nie jest interakcji z kawałkiem papieru, ale zamiast tego muszą tylko patrzeć.

Jednakże, wyciszona paleta kolorów przyjęła nową rolę poza swoją podstawową w funkcjonalnych praktykach UX.

Jeśli spróbujesz znaleźć definicję wyciszonych kolorów, przekonasz się, że najlepszą odpowiedzią na pytanie „Co to są wyciszone kolory” jest fakt, że te kolory reprezentują nowoczesność, efektywność i progresywność.

Przekazują one widzowi, że jakakolwiek substancja, na którą patrzy, jest istotna, a nie przestarzała. Na przykład, można zobaczyć wyciszony kolor w teledysku Drake’a „Hotline Bling”.

Te kolory i wyciszone pastele były bardzo celowe i przemawiają do współczesnej kultury i mas. Oznaczają one również coś z chwili obecnej. Są o wiele łatwiejsze do oglądania niż surowe, ostre kolory, są one bardzo modne koncepcyjnie zbyt.

Reklama

W dzisiejszych czasach projektanci UX powinni wiedzieć, że ich wybory kolorystyczne są tak naprawdę ich wyborami projektowymi, a kolor może wiele wskazywać, podobnie jak przepływ, treść, użyteczność i funkcja.

Wybór pomiędzy żywą zielenią a stonowanymi odcieniami zieleni może stanowić różnicę pomiędzy użytkownikiem pozostającym na stronie, a natychmiastowym jej opuszczeniem. Podobnie jak sposób w jaki toporny UI może wydawać się nieco analogowy, te jasne, żywe kolory mogą wyglądać jak wybuch z przeszłości.

Wyciszone kolory pojawiają się tak jak one z powodu:

1. Niższa wartość
2. Niższe nasycenie
3. Mieszanie z sąsiednimi kolorami
4. Kombinacja któregokolwiek z powyższych

Istnieją odmiany płaskiej palety kolorów, które widziałeś tysiące razy, a często po prostu nie pasują do estetyki projektu, do którego dążysz. Nawet jeśli wszystko inne do niej przemawia.

To właśnie tutaj opcja stonowanych kolorów może zdziałać cuda, ponieważ kiedy używasz jej z płaską estetyką, jest to klasyczny, wypolerowany wygląd, który jest na tyle inny, że wyróżnia się spośród wszystkich innych płaskich projektów.

Ale, co to jest wyciszona paleta kolorów?

Dla celów tej rozmowy, jest to każdy odcień, który jest bardzo nasycony i dodanie tonu, odcienia lub cienia, aby uczynić go stonowanym i mniej jaskrawym. Często uzyskuje się w ten sposób bardziej miękki, spokojniejszy kolor, z którym łatwiej się pracuje, jak również dopasowuje do ogólnego projektu.

„Kolor” to tak naprawdę bardzo nieprecyzyjny termin, którym posługujemy się na co dzień. Składa się on z trzech głównych elementów, czyli odcienia, nasycenia i wartości.

Jeśli masz balon, w którym równik to barwa na osi 360 stopni, oś pionowa to wartość, a pozioma to nasycenie, kolory mogą być wizualizowane na wewnętrznej objętości.

Istnieją jeszcze inne pojęcia, które mogą pomóc w tym pytaniu, takie jak „shading” i „tinting”. Na przykład, mieszanie dowolnego koloru z czarnym jest znane jako „cieniowanie”, a jego wynikiem jest nieco bardziej wyciszony kolor.

Jednakże, dodanie białego do koloru jest znane jako „barwienie” i skutkuje jaśniejszym kolorem. Jednak nie wszystkie kolory mogą stać się jasne lub ciemne, takie jak żółty na przykład. Czyniąc go ciemniejszym zamienimy go w brązowy.

Tinty w wyciszonych kolorach

Dodanie białego do koloru, lub zabarwienie, daje kolor, który jest znacznie lżejszy niż oryginał, i zazwyczaj znany jako pastel. Mogą one wynosić od prawie białego, do nieco jaśniejszego niż w pełni nasycony kolor.

Their feel is lighter, softer, and gives you a more soothing aesthetic compared to the bolder, brighter options.

Są one bardzo popularne w ilustracjach, a także działają cuda na zdjęciach. Odpadają od głównej estetyki i są najczęściej używane, gdy masz inny punkt centralny w przeciwieństwie do głównej estetyki.

Odcienie w stonowanych kolorach

Odcienie, z drugiej strony, sprawiają, że kolor wydaje się cięższy dla oka, i wahają się od prawie czarnego koloru, do odrobinę ciemniejszego niż oryginalny. Działają one dobrze w różnych środowiskach, zwłaszcza gdy są używane z mniejszą ilością czerni.

Istnieją projekty, które są naprawdę ciemne i mają dużo czerni, co wiąże się z problemami z czytelnością, chyba że wykonasz je wyjątkowo dobrze. Ludzie często błędnie zakładają, że cienie muszą wyglądać na czarne, ale kiedy ewoluujesz jeden z tradycyjnych kolorów płaskich schematów projektowych, tak nie jest.

Tony w wyciszonych kolorach

Połączenie czerni i bieli z kolorem, aby uczynić go bardziej miękkim, daje ci tony. Większość kolorów jest tworzona przy użyciu tonów, ponieważ są to złożone kolory o niemal uniwersalnym zastosowaniu.

Wynika to z faktu, że czerpią one z kilku różnych części spektrum kolorów, i to dlatego tony są pierwszym wyborem artystów i projektantów dla większości ich projektów.

Kończące przemyślenia na temat wyciszonych kolorów

Niezależnie od tego, czy odchodzisz od tradycyjnych kolorów flat design, wybranie jednej z powyższych technik kolorystycznych nie jest jedynym wyborem. Możesz łączyć odcienie, barwy i tony, aby stworzyć coś, co jest inne i absolutnie wciągające.

Lekcja z tych prostych badań jest taka, że nie możesz dać się złapać na używanie „książkowego” trendu. Użyj innego rodzaju techniki, aby stworzyć swój własny trend. Paleta kolorów i jej zmiana może być wspaniała, a Ty nadal możesz uzyskać płaski projekt.

Jeśli podobał Ci się ten artykuł o stonowanych kolorach, powinieneś sprawdzić również te:

• Photography Website: Design, Ideas, How to Create One
• Sports Websites Design: Tips, Inspiration, and Best Practices
• Restaurant Websites Design: Tips, Inspiration, and Best Practices