Zajęcia 3
Kolor- to wrażenie odbierane przez nasze oczy i mózg, powstające w wyniku interakcji światła z powierzchnią. To nie estetyka- kolor ma znaczenie, wpływa na emocje, zachowanie i sposób odbioru informacji.
Dlaczego warto znać język koloru?
- pomaga w tworzeniu spójnych projektów
- pozwala lepiej przekazywać emocje i znaczenia
- ułatwia komunikacje z drukarnią, klientem czy zespołem
Kolor/słowniczek
-Barwa(Hue)- nazwa koloru np. czerwony, zielony, fioletowy
-Ton (Value)- jasność koloru, czy kolor jest ciemny czy jasny
-Nasycenie (saturation)- intensywność koloru, czy jest żywy i mocny, czy przygaszony ( szary)
Koło barw
- barwy podstawowe (w tradycyjnym kole) czerwony, żółty, niebieski
- barwy drugorzędowe: pomarańczowy, fioletowy, zielony ( z mieszania dwóch podstawowych)
- barwy trzeciorzędowe: np. czerwonopomarańczowy ( z mieszania podstawowych z drugorzędowymi)
System kolorów
System kolorów RGB
kolor ekranów
- Red, Green, Blue- kolory światła
- System addytywny- kolory "dodają się", powstaje biały
- stosowany w grafice cyfrowej, prezentacjach, stronach www
- Każdy składnik ma wartość od 0 do 255
- 0 oznacza brak światła , 255 to maksimum intensywności
Dlaczego 255?
Bo to maksymalna liczba w systemie binarnym na 8 bitach ( czyli 2'= 256 możliwych wartości, od 0 do 255). Komputery operują na bajtach i bitach.
System kolorów CMYK
Kolor do druków:
- Cyjan, Magenta, Yellow, BlacK
- System subtraktywny- mieszanie farb pochłania światło --> ciemniejsze kolory
- Po zmieszaniu wszystkich: czarny.
Zamiast świecenia światłem, jak w RGB, w druku barwy powstają przez nakładanie farb, które pochłaniają światło dlatego tu używamy procentów:
- C: 0%, M: 0%, K: 0%- czerwień ( mieszanka magenty i żółtego)
- Kolory CMYK są nieco trudniejsze do odwzorowania na ekranie, dlatego konwersja RGB >< CMYK nigdy nie jest idealna.
System kolorów PMS
Panton- profesjonalne kolory
- profesjonalny system kolorów
- 1000+ predefiniowanych odcieni
- Kolory Pantone nie zawsze można dokładnie odwzorować w RGB/CMYK
W przeciwieństwie do systemów RGB czy CMYK. Pantone opiera się na gotowych mieszankach pigmentów. Kolory Pantone nie powstają z mieszania podstawowych kolorów, tylko są osobnymi recepturami farb- trochę jak gotowe kolory farb ściennych w sklepie budowlanym.
Każdy kolor ma swój numer i często też nazwę np:
- Pantone 186 C- intensywna czerwień
- Pantone 7625 U - ciepła pomarańcz
- Pantone 2905 C - pastelowy błękit
RGB/HEX
HEX to alternatywny sposób zapisu RGB, tylko zamiast dziesiętnych liczb (o-255) używa się systemu szesnastkowego.
Przykłady:
- #FF0000= czerwony
- #000000 = czarny
- #FFFFFF = biały
Każde dwie cyfry odpowiadają jednemu kanałowi (R,G,B), w zapisie #RRGGBB. Używane przede wszystkim w HTML, CSS i aplikacjach webowych.
RGB/HSL
System stworzony dla człowieka- lepiej oddaje nasze postrzeganie kolorów:
- Hue (barwa): od 0 do 360 stopni (kąt na kole barw)
- Saturation (nasycenie) : 0-100%
- Lightness (jasność): 0-100%
Przykład:
- HSL (0%,100%, 50%)= czysta czerwień
W HSL łatwiej jest np. zrobić jaśniejszy lub mniej nasycony wariant tego samego koloru- bo nie trzeba grzebać w trzech niezależnych liczbach RGB
Psychologia kolorów i skojarzeń
Psychologia kolorów to dziedzina nauki, która bada to, w jaki sposób kolory wpływają na twoje zachowanie, twoje emocje czy nawet samopoczucie. Wiele takich badań potwierdza, że kolory mają ogromny wpływ na to, jaką decyzję podejmiesz, jakie są twoje preferencje i jak postrzegasz dane otoczenie.
Kiedy zrozumiesz, jej działanie, możesz to wykorzystać nie tylko w projektowaniu własnego mieszkania. Ta wiedza przyda Ci się przy projektowaniu skutecznej strony internetowej czy identyfikacji wizualnej.
- czerwony- jest bardzo intensywny emocjonalnie. Przyśpiesza akcję serca i podwyższa ciśnienie krwi. Wszystko, co jest w kolorze czerwonym, wysuwa się na pierwszy plan, dlatego powinien być używany ostrożnie, raczej jako akcent. Czerwony jest pełen kontrastów. Z jednej strony dobrze podkreśla siłę, zagrożenia, determinację, a z drugiej strony jest to kolor miłości. To jednocześnie kolor sygnalizacji świetlnej, który każe ci się zatrzymać. A z drugiej to kolor róży, którą wręcza się ukochanej osobie.
- żółty- To kolor słońca. Kojarzymy go z radością, szczęściem oraz energią. Wywołuje ciepłe uczucia. Świetnie nadaje się do biznesów kreatywnych, sprzedających produkty dla dzieci, czy oferujących wypoczynek. Jeśli jednak jesteś marką prestiżową — raczej unikaj żółtego.
- niebieski- To bardzo bliski nam kolor. To kolor wody i nieba. Kolor ten zwiększa poczucie bezpieczeństwa, wzbudza zaufanie i daje poczucie jedności. Łączy się go również z odpowiedzialnością i dojrzałością. Stymuluje akcję mózgu i obniża aktywność ciała. Raczej nie stosuje się go przy produktach żywnościowych — obniża apetyt.
- zielony- to odpoczynek nie tylko dla oczu, ale i całego organizmu. Symbolizuje wzrost, harmonię, naturalność i świeżość. To bardzo bezpieczny kolor, lubiany przez firmy zajmujące się ochroną zdrowia, medycyną naturalną, ochroną środowiska czy instytucje naukowe.
- czarny- Kojarzony jest z mocą, elegancją, tajemniczością, ale także ze złem i śmiercią. Czarny jest dobrym tłem dla zdjęć — uwypukla inne barwy. Symbolizuje też wysoki standard i luksus. Idealny dla marek luksusowych i drogich, jak auta czy biżuteria. Najmocniejsze zestawienie barw w identyfikacji połączenie czerni i czerwieni.
- biały- symbolizuje czystość, niewinność, spokój, nowe początki i otwartość. Daje poczucie świeżości i harmonii, potrafi optycznie powiększyć małe przestrzenie, a w aranżacji wnętrz działa uspokajająco i jest dobrym tłem dla innych kolorów. Nadmiar bieli może jednak prowadzić do poczucia osamotnienia, smutku czy obojętności, zwłaszcza w połączeniu z innymi zimnymi barwami.
- fiolet- bogactwo skojarzeń, od luksusu, tajemniczości i wyrafinowania, po duchowość i kreatywność, odzwierciedlając połączenie energetycznej czerwieni i kojącego niebieskiego. Może on wzmacniać intuicję i wyobraźnię, ale w zależności od odcienia, może też działać relaksacyjnie, a nawet uspokajająco. W zależności od kontekstu kulturowego, fiolet może symbolizować także magię, żałobę lub prestiż.
Barwy ciepło/zimno
Kolory sprawiają wrażenie cieplejszych, gdy zmniejsza się udział barwy żółtej, a zwiększa obecność czerwieni. W palecie barw to niebieski uznawany jest za najzimniejszy kolor, podczas gdy zieleń odbierana jest jako nieco cieplejsza- plasuje się pomiędzy chłodnym błękitem a cieplejszymi tonami czerwieni i żółci.
Kolory wysunięte i cofnięte
"Kolory wysunięte i cofnięte" to pojęcia związane z perspektywą barw, gdzie kolory wysunięte (ciepłe, jasne) wydają się być bliżej widza, podczas gdy kolory cofnięte (zimne, ciemne) optycznie oddalają się. Efekt ten jest wykorzystywany w projektowaniu graficznym, malarstwie i architekturze do tworzenia iluzji głębi, nadawania kształtu przestrzeni lub podkreślania pewnych elementów.
Kolory wysunięte
- Cechy: Są to zazwyczaj kolory ciepłe, jasne i o wysokim stopniu nasycenia (np. czerwienie, żółcie, pomarańcze).
- Działanie: Optycznie "wychodzą" do przodu, wydają się być bliżej obserwatora.
- Zastosowanie: Do podkreślania obiektów, tworzenia poczucia bliskości i przyciągania uwagi.
Kolory cofnięte
- Cechy: Zwykle są to kolory zimne, ciemne i o niskim stopniu nasycenia (np. niebieskie, fioletowe, zielone).
- Działanie: Wydają się oddalać, "cofać" w głąb obrazu lub przestrzeni.
- Zastosowanie: Do tworzenia wrażenia głębi, oddalania drugoplanowych elementów lub uspokajania kompozycji.
Czytelność
- Ciemny tekst na jasnym tle (lub odwrotnie)
- Prosty font, wystarczający rozmiar
- Nieprzeładowane tło
- Łatwość w odbiorze informacji
Kontrast
- Różnice barwy, jasności lub stylu
- Im większy kontrast- tym większa uwaga
Harmonia
- Kolory które do siebie pasują:
- Analogiczne- sąsiadujące na kole barw
- Komplementarne- naprzeciw siebie (np. niebieski i pomarańczowy)
- Monochromatyczne- różne odcienie tej samej barwy
https://color.adobe.com/create/color-wheel
