The Science Behind Design Teoria kolorów
Teoria kolorów od lat jest przedmiotem zainteresowania społeczności artystycznej. Zasady i wytyczne obowiązują podczas pracy nad projektami cyfrowymi tak samo, jak elementy fizyczne.
Jest wiele rzeczy do nauczenia się w temacie koloru, więc omówię tylko niektóre kluczowe punkty. Terminologia jest czymś, co przykuwa wielu projektantów, a tak naprawdę nie powinno cię straszyć ani powstrzymywać. Nauka leżąca u podstaw teorii koloru jest błyskotliwa, ale elegancka. Powinien być przedmiotem zainteresowania każdego artysty cyfrowego.
Przeglądaj zasoby projektowe
Terminologia kolorów
Warunki są bardzo ważne, jeśli chodzi o pracę jako projektant. W końcu, jak przekażesz swoją wiedzę kolegom z drużyny lub klientom, jeśli sam jej nie rozumiesz? Poniżej opiszę kilka terminów, które powinien znać każdy projektant.
Barwa jest jedną, o której z pewnością większość słyszała wcześniej. Mówiąc prościej, odcień to kolor zastosowany w dowolnym pikselu w projekcie. Mogą to być nazwy referencyjne, takie jak „czerwony” lub „fioletowy”, ale ogólnie barwę opisujemy innymi metodami.
Większość twórców stron internetowych zna wartości RGB dla odcieni. 2 domyślne sposoby wypisywania kolorów to pary wartości RGB (takie jak „255, 0, 0” dla czystej czerwieni) lub kod szesnastkowy (# FF0000). Jeśli kiedykolwiek pracowałeś z makietą projektu w programie Adobe Photoshop lub Illustrator, prawdopodobnie pracowałeś z kołem kolorów i ustawiłeś wartość koloru. To jest to samo co ustawienie odcienia, po prostu lubimy komplikować rzeczy.
Nasycenie to kolejne modne słowo, o którym prawdopodobnie słyszeli projektanci, ale nigdy tak naprawdę nie zdefiniowano. Nasycenie nazywamy intensywnością wyświetlaną w kolorze, bardzo jasnym lub przyciemnionym. Możesz także spojrzeć na nasycenie jako intensywność odcienia dowolnego pojedynczego koloru - im bardziej nasycony, tym czystszy kolor.
Zestawy kolorów o mniejszym nasyceniu działają najlepiej jako elementy tła na stronie internetowej. Wynika to z faktu, że są one generalnie bliższe czystej bieli niż ich oryginalny odcień, co powoduje, że cofają się za głęboko nasycone elementy. Jeden z takich przykładów można znaleźć w starym projekcie Digga (na zdjęciu poniżej).
Ich jasnoniebieskie tło stanowi idealny poziom nasycenia pasujący do ustawienia tła. Jest to prawdą tylko w porównaniu z pozostałymi funkcjami witryny, a mianowicie intensywnymi zieleniami i błękitami w całym nagłówku i treści strony.
Ton lub wartość to termin, o którym większość nie słyszała. Odnosi się do ilości jasności w kolorze umieszczonym wzdłuż spektrum czerni (brak tonu) do bieli (najwyższy ton). Różni się to od nasycenia, ponieważ nie zajmujemy się dodawaniem / odejmowaniem więcej podstawowego odcienia, ale zamiast tego pracujemy z dodawaniem wartości czerni lub bieli do koloru.
Jako przykład znajdziesz więcej tonów w jasnym kolorze żółtym lub czerwonym niż granatowym. Po prostu wyobrażając sobie każdy z tych kolorów, możesz powiedzieć, jak jasny żółty słonecznik jest bardziej bogaty w swój pierwotny odcień (pierwotny żółty) w porównaniu do granatowego, który jest głębszy i ciemniejszy niż jego pierwotny odcień (pierwotny niebieski).
Odcienie i odcienie są biegunowymi przeciwieństwami i pasują podobnie do tonów. Odcienie są tworzone przez przyjęcie odcienia i dodanie czystej czerni, aby stworzyć nowy głębszy kolor. Odcienie są podobne, z tym wyjątkiem, że dodajesz czystą biel, aby stworzyć nowy kolor. Wielu projektantów myli te terminy i uważa je za takie same jak rozjaśnianie / przyciemnianie zestawu kolorów.
Główną różnicą, którą tutaj widzimy, jest tworzenie całkowicie unikalnych zestawów kolorów. Na przykład czyste odcienie z dodatkiem białych odcieni mogą tworzyć kolory określane jako pastele. Są one często stosowane w celu dodania kobiecości i miękkości do schematu kolorów (często znajdziesz pastele na zabawkach i witrynach dla dzieci).
Relacje dla teorii koloru
Nauka leżąca u podstaw relacji kolorów jest bezpośrednio połączona z kołem kolorów. Jestem pewien, że większość z nas pamięta o tym w klasie licealnej, ale odłożyła go na bok. Zależności przedstawione na kole kolorów są w rzeczywistości bardzo ważne, jeśli chodzi o schematy projektowania.
Kolory można podzielić na 3 zawierające grupy pierwotne, wtórne i trzeciorzędowe. Podstawowe kolory składają się z czerwonego, niebieskiego i żółtego. Są to 3 najbardziej podstawowe kolory, które można łączyć, aby stworzyć (dosłownie) każdy inny kolor w naszym spektrum. Łącząc te kolory razem, otrzymujesz nasz zestaw kolorów wtórnych. Mianowicie są to pomarańczowe, zielone i fioletowe.
Kolory trzeciorzędowe powstają przez zmieszanie kolorów podstawowych i wtórnych w celu stworzenia zupełnie nowych zestawów. Przykładem może być tworzenie pomarańczy poprzez połączenie czerwonego i żółtego. Możesz także uzyskać naprawdę wyjątkowe mieszanki, takie jak niebiesko-zielony lub głęboki brąz.
Wraz z relacjami dotyczącymi tworzenia kolorów możemy również pogrupować je w miejsca docelowe na podstawie ich więzi emocjonalnych. Grupy kolorów są podzielone na 3 podobne kategorie: ciepłe, chłodne i neutralne.
Jestem pewien, że ciepłe kolory zawierają wszystkie ogniste, pobudzające odcienie. Wywołują one ciepło i energię i można je znaleźć w górnej części dowolnego koła kolorów. Najbardziej znanymi przykładami są czerwony, żółty i pomarańczowy.
Fajne kolory są wręcz przeciwnie. Wywołują one rozluźniony związek i promują spokój, spokój i rozluźnienie napięcia. Przykłady tutaj obejmują niebieski, zielony i fioletowy.
Neutralne to nieemocjonalne kolory stosowane w celu dopasowania do luk kolorów. Ustawione są w odcieniach czerni, bieli, szarości, a czasem głębokiego brązu. Chociaż te formy kolorów nie budzą poczucia więzi emocjonalnej, mogą być przydatne do nakreślenia elementów na stronie lub w sekcji. Zazwyczaj do akapitów i treści stron używamy neutralnych kolorów.
Teoria kolorów w praktyce
Głównym celem wykorzystania teorii kolorów jest wywołanie zestawu emocji z dowolnego zestawu kolorów. Opracowanie schematu może być początkowo trudne, ale jest to ważna część procesu projektowania (dotyczy to zwłaszcza projektowania stron internetowych i brandingu).
Wielu twierdzi, że kolory nie przenikają żadnej bariery mentalnej i nie przenoszą emocji. Na większości kont okazuje się to nieprawdą, a przy prawidłowym stosowaniu niektóre schematy kolorów mogą pomóc interfejsowi witryny przy większej liczbie rejestracji i zamówień.
Ogólnie cieplejsze kolory przyniosą poczucie szczęścia i energii. Te kolory są często używane do wyświetlania wezwania do działania dla odwiedzających. Możesz wzbudzić emocje i wymagania sensoryczne, umieszczając cieplejsze kolory wokół regionów, z którymi użytkownicy będą wchodzić w interakcje.
Chłodniejsze kolory przywodzą na myśl spokój i podobieństwo. Często na blogach lub korporacjach cyfrowych stosuje się fajniejsze programy, aby oderwać oczy czytelników i zatrzymać ich na dłużej na stronie. Głębokie błękity i purpurowe uspokajają emocje i ustawiają się na rodzaj bierności, jeśli chodzi o wchłanianie treści.
Znajdziesz również fajne kolory reprezentujące potencjalną moc i autorytet. Zobaczysz te kolory używane na pierwszym planie w wielu firmach i bankach, aby promować niezawodność wśród swoich klientów. Na przykład zarówno Microsoft, jak i Blackberry używają głębokich błękitów i zieleni, aby zachować spokój, szacunek i poczucie korporacji na swoich stronach.
Wniosek
To tylko kilka pojęć przydatnych projektantom, jeśli chodzi o teorię kolorów. Kolory są wszędzie, a ich prawidłowe użycie może promować emocje lub działania, które chcesz od odwiedzających. W całej sieci istnieje wiele artykułów związanych z teorią kolorów i zarządzaniem kolorami. Sprawdź Google, jeśli chcesz zagłębić się w naukę.
Należy pamiętać, że kolory mogą być ważną częścią pracy projektowej, ale nie są jedynym kluczem do idealnego układu. Teoria kolorów to tylko narzędzie w gamie niezliczonych narzędzi, z których korzystamy jako projektanci stron internetowych. Przełamanie normy i granie z nowymi regułami dla koloru może pomóc ci rozwinąć się zarówno jako cyfrowy, jak i relacyjny współczesny artysta.
