Kolor jest najbardziej względnym medium w sztuce
-Josef Albers
Wszyscy postrzegamy światło i kolor inaczej. To, co ty widzisz jako czerwień, jest inne niż to, co ja widzę jako czerwień, choć obaj nazwiemy to czerwienią. Jak kolor wpływa na nas i jak na niego reagujemy, jest również inny dla każdego z nas. Kolor jest względny.
Dobry projekt powinien działać przy braku koloru. Powinien działać, gdy oglądamy go w skali szarości. Jednak kolor jest jedną z pierwszych rzeczy, które ktoś zauważy w projekcie i będzie przejść długą drogę w określaniu, czy widzowie uważają, że projekt estetycznie przyjemne.
Jak wszystko inne twój wybór w kolorze powinny być podporządkowane do koncepcji i tematu. Kolor powinien być używany do wzmocnienia Twojego projektu, ale nie powinien być Twoim projektem.
Możesz używać koloru do tworzenia wizualnych hierarchii i poprawy ogólnej równowagi w Twoich projektach.
Wiele można powiedzieć o kolorze. Znacznie więcej niż można powiedzieć w jednym poście. Jak zaplanowałem ten post, wróciłem i wróciłem do tego, czy utrzymać ten pojedynczy post lub rozszerzyć go na kilka postów, aby objąć więcej. W końcu zdecydowałem się podzielić tę rozmowę o kolorze na dwa posty.
Ten pierwszy skupi się na teorii kolorów, systemach kolorów, kole kolorów i schematach kolorów. Następnym razem zajmiemy się znaczeniem koloru i przemyśleniami na temat tego, jak możesz wykorzystać kolor do ulepszenia swoich projektów.
Teoria koloru
Kolor to światło. Światło jest promieniowaniem elektromagnetycznym i w pewnym zakresie długości fal wywiera wrażenie na ludzkim oku. Ten zakres długości fal to spektrum wizualne.
Gdy światło uderza w obiekt, niektóre długości fal są pochłaniane, a inne odbijane. Widzimy odbite długości fali światła jako kolor. Kiedy wszystkie długości fal w spektrum wizualnym są pochłaniane widzimy czarny, a kiedy wszystkie są odbijane widzimy biały. Kiedy niektóre są pochłaniane i niektóre są odbijane widzimy różne kolory widma.
Kolor może być opisany na trzy sposoby. Przez nazwę, przez czystość, i przez wartość lub jasność. Mamy kilka terminów, aby pomóc nam opisać kolory w tych trzech sposobów. Jak czytać warunki poniżej spojrzeć z powrotem na obraz powyżej.
- Hue: Kiedy ktoś mówi o odcieniu, mówią o rzeczywistym kolorze obiektu. Zielony jest odcień jak są czerwone, żółte, niebieskie, fioletowe, etc.
- Chroma: Odnosi się do czystości odcienia w stosunku do szarości. Kiedy nie ma żadnych odcieni szarości w kolorze, że kolor ma wysoki chroma. Dodawanie odcieni szarości do odcienia zmniejsza jego chromatyczność.
- Nasycenie: jest stopniem czystości odcienia. To jest podobne do chroma, choć nie całkiem to samo. Czyste odcienie są bardzo nasycone. Gdy szary jest dodawany kolor staje się desaturated.
- Intensywność: Jasność lub matowość koloru. Dodanie białego lub czarnego do koloru obniża jego intensywność. Intensywny i bardzo nasycony kolor ma wysoką chroma.
- Wartość/Luminancja: Jest miarą ilości światła odbitego od koloru i jest w zasadzie jak jasny lub ciemny jest odcień. Dodanie bieli do odcienia sprawia, że staje się on jaśniejszy i zwiększa jego wartość lub luminancję. W konsekwencji dodanie czarnego czyni go ciemniejszym i obniża wartość lub luminancję.
- Odcień: Wynik dodania czerni do odcienia, aby uzyskać ciemniejszy odcień
- Tinta: Wynik dodania bieli do odcienia, aby uzyskać jaśniejszy odcień
- Tonacja: Pomiędzy czernią a bielą mamy szarość. Ton koloru jest wynikiem dodawania szarości do odcienia. Cienie i odcienie są tonami na krańcach skali.
Kiedy znalazłem związek wszystkich tonów, rezultatem musi być żywa harmonia wszystkich tonów, harmonia nie podobna do tej z kompozycji muzycznej.
-Henri Matisse
Systemy kolorów
Systemy kolorów odnoszą się do tego, jak produkujemy kolory. Podczas produkcji fizycznych kolorów, jak w farbie system subtraktywny jest używany i podczas produkcji kolorów cyfrowo jak na komputerze system addytywny jest używany.
Kolory, które widzisz na ekranie komputera nie może skończyć się są takie same kolory inni widzą na ekranach swoich komputerów. Różnice mogą być jeszcze bardziej wyraźne, jeśli twoje obrazy kończą się w druku. Zarządzanie kolorami może pomóc uczynić rzeczy bardziej spójne, ale zrozum, że prawdopodobnie zawsze będą pewne różnice.
Kolory subtraktywne (CMYK) Kiedy widzimy kolory w fizycznych obiektach, widzimy światło odbite. Kiedy widzimy kolor czerwony, to dlatego, że wszystkie inne długości fal światła zostały pochłonięte i tylko czerwony jest odbity. Jest to system odejmowania, ponieważ do produkcji koloru jesteśmy usuwając wszystkie długości fal światła, którego kolor nie chcemy zobaczyć.
Jak dodać więcej kolorów do systemu więcej światła jest pochłaniany i ogólny kolor dostaje ciemniejsze. Subtrakcyjne systemy zaczynają się od białego i nadal dodawać kolor, aż wynik jest czarny.
CMYK (Cyan, Magenta, Yellow, Black) jest subtraktywny system używany do tworzenia kolorów do druku.
Dodatkowe kolory (RGB) Aby utworzyć kolory na ekranie komputera musimy dodać światło, ponieważ źródło światła pochodzi z wewnątrz zamiast odbijać światło pochodzące z zewnątrz systemu. Kiedy nie ma światła widzimy czerń i w miarę jak dodajemy więcej koloru (więcej długości fal światła) zmierzamy w kierunku bieli.
RGB (Red, Green, Blue) to system addytywny używany do tworzenia kolorów w mediach cyfrowych. Ponieważ systemy addytywne różnią się od tego, jak postrzegamy kolor w naturze, nasze podstawowe kolory uległy zmianie. Zielony (a nie żółty) jest teraz głównym do systemu zamiast być wtórnym produktem niebieskiego i żółtego.
Koło kolorów
Koło kolorów jest wizualną reprezentacją większości wszystkiego, o czym rozmawialiśmy powyżej. Oryginalne koło kolorów jest przypisywane Sir Isaacowi Newtonowi, który połączył czerwone i fioletowe końce widma wizualnego w koło.
W następujących obrazach można zobaczyć, jak koło kolorów jest tworzone. Zaczynasz z podstawowych kolorów znajdujących się w rogach trójkąta równobocznego, a następnie ustawić podobne trójkąty obrócone o 180 stopni, aby utworzyć drugorzędne kolory. Pomiędzy tymi kolorami będą kolory trzeciorzędowe.
Zauważ na obrazkach poniżej, że trzy podstawowe kolory tutaj są czerwony, żółty i niebieski.
Teraz spójrz na koło kolorów poniżej. Zauważysz, że wygląda ono inaczej niż to powyżej. Podstawowe kolory tutaj są czerwony, zielony i niebieski, a także zauważysz, że pokazuje różne odcienie kolorów, aż osiągnie biały w centrum. To jest RGB koło kolorów tints.
Można również znaleźć koła kolorów, które pokazują odcienie i tony. W rzeczywistości istnieje wiele różnych kół kolorów i trójkątów kolorów. Pamiętaj koło kolorów jest tylko reprezentacją koloru i istnieją różne sposoby wyrażania relacji kolor.
Schematy kolorów
Schematy kolorów wychodzą z koła kolorów i różne schematy kolorów są różne kombinacje kolorów na podstawie ich relacji do siebie.
W obrazach poniżej obniżyłem nasycenie wszystkich kolorów z wyjątkiem tych, które mogą być częścią typu schematu kolorów opisywanego.
Monochromatyczne schematy kolorów są oparte na różnych tonach tego samego koloru. Tutaj pokazano odcienie czerwieni.
Analogiczne schematy kolorów są oparte na kolorach sąsiadujących ze sobą na kole kolorów
Komplementarne schematy kolorów opierają się na kolorach znajdujących się naprzeciwko siebie na kole barw
Triadyczne schematy kolorów wykorzystują trzy kolory równo rozmieszczone na kole barw
Tetradic/Quadratic schematy kolorów są tworzone przez wybór kolorów w rogach prostokąta wpisanego na kole kolorów
Split Complementary schematy kolorów są tworzone przez wybór jednego koloru, a następnie dwa inne kolory, które są przylegające do komplementarnego koloru początkowego. Pomyśl o tym jako o połączeniu komplementarnego i analogicznego schematu kolorów.
Dodatkowo istnieją schematy kolorów nie do końca opisane przez koło kolorów.
Neutralne schematy kolorów zawierają tylko kolory nie znaleziono na kole kolorów (różne odcienie brązu i szarości)
Accented Neutralne schematy kolorów zawierają neutralne kolory jak powyżej i jeden lub więcej rozprysków kolorów znalezionych na kole kolorów.
Jeden ostatni rodzaj schematu kolorów możemy mówić o są te znalezione w naturze. Jak można się domyślać, są one schematy kolorów oparte na tym, co widzisz występujących w przyrodzie. Możesz stworzyć naturalny schemat kolorów oparty na kolorach, które można znaleźć w fotografii.
Podsumowanie
Ten post skupił się na teorii za kolorem, ale jest o wiele więcej do pokrycia, takich jak znaczenie, które postrzegamy w kolorze, jak również jak używać koloru w projekcie dla efektu.
Na razie spróbuj zapoznać się z terminami używanymi do opisania koloru, jak również z różnymi schematami kolorów, które wychodzą z koła kolorów.
Podniesiemy się następnym razem z większą ilością szczegółów na temat schematów kolorów i kiedy możesz wybrać użycie każdego z nich.
Źródła
Przez ten post połączyłem się z kilkoma artykułami, które oferują więcej myśli i pomysłów na temat koloru. Poniżej znajdują się niektóre dodatkowe artykuły i serie artykułów na temat teorii koloru.
Zważywszy na znaczenie koloru i jak wiele jest do poznania o kolorze, możesz chcieć spędzić trochę czasu przeglądając każdy z poniższych linków. Wiele z tego, co jest zawarte w kolejnych artykułach będzie podobne do tego, co jest tutaj, ale każdy artykuł prawdopodobnie będzie zawierał kilka rzeczy, o których nie wspomniałem i zwiększy twoją ogólną wiedzę na temat koloru.
- Podstawowe schematy kolorów – Wprowadzenie do teorii kolorów
- Teoria kolorów – Wikipedia
- Teoria kolorów – Dev.Opera
- Teoria kolorów – Wrox
- Teoria kolorów – Liquisoft
- Tworzenie spójnie kolorowych doświadczeń użytkownika: Part 1,
W minionym tygodniu Cameron Chapman napisał doskonałą serię artykułów dla Smashing Magazine na temat kolorów, na które szczególnie chciałem zwrócić Waszą uwagę.
- Color Theory for Designers, Part 1: The Meaning of Color
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology
- Color Theory for Designer, Part 3: Creating Your Own Color Palettes
The 7 Components of Design
- Unity
- Gestalt
- Space
- Dominance
- Hierarchy
- Balance
- Color Part I: Teoria koloru
- Kolor Część II: Jak używać koloru
Ściągnij darmową próbkę z mojej książki, Podstawy projektowania.