Główna » Projektowanie stron » Podstawy za teorią kolorów dla projektanta stron internetowych

    Podstawy za teorią kolorów dla projektanta stron internetowych

    Jako zbiorowy artysta cyfrowy ważne jest zrozumienie fundamentalnej nauki stojącej za teorią kolorów. Jest to popularny temat z ogromnym rozpowszechnieniem informacji, które należy zachować i przetworzyć. Ten temat nie tylko koncentruje się na sztuce i designie, ale obejmuje także naukę optyki.

    Na ten temat jest wiele do omówienia, więc omówimy kilka kluczowych punktów, aby wydobyć to, co należy podkreślić. Każdy z tych tematów składa się z przykładów, które dotyczą schematów kolorów i kombinacji. Poszerzanie wiedzy na tak bogaty temat rozwinie twoją kreatywność w przyszłych projektach.

    Początki teorii kolorów

    Rozpoczynając od puli kolorów, powinniśmy opierać się na kwadracie. Po przebiciu wszystkich miksów pozostaje nam tylko 3 kolory podstawowe. Są to czerwony, niebieski i żółty, i są to składniki korzenia, z których manifestują się wszystkie inne kolory.

    Te podstawowe kolory mogą być łączone razem w procesie mieszania, aby utworzyć inny schemat kolorów. Są znane jako kolory wtórne i zawsze zawiera mieszankę 2 prawyborów. Te trzy dodatkowe kolory to pomarańczowy, fioletowy i zielony. Ten schemat kolorów jest oparty na domyślnym stylu próbki. Po rozpoczęciu projektowania stron internetowych i drukowania może być konieczne przełączenie się między różnymi modelami kolorów. Należą do nich RGB i CMYK, które są notorycznie wykorzystywane odpowiednio w projektowaniu cyfrowym i drukowanym.

    Paleta kolorów trzeciorzędnych

    Po uruchomieniu naszego koła kolorów możemy użyć tych zasobów do stworzenia kolorów trzeciorzędnych. Ta grupa zawiera drugą warstwę pod pierwotną / wtórną, która jest tworzona podczas mieszania wszystkich sześciu oryginalnych kolorów. Dzięki temu jesteśmy teraz w stanie stworzyć sześć zupełnie nowych kolorów (2 z każdego podstawowego). To daje mieszankę 12 kolorów w sumie. Na tym etapie jesteśmy w stanie zaprojektować pełną paletę i wypełnić 12-stronne koło kolorów. Jest to często używane w programie Adobe Illustrator do tworzenia próbek kolorów i wzorów.

    Następnie omówimy niektóre z najpopularniejszych schematów kolorów. Są one przydatne dla wszystkich artystów cyfrowych, którzy chcą tworzyć ilustracje, ikony, wektory lub grafikę Photoshopa. Zrozumienie, w jaki sposób łączyć kolory, aby uderzyć akord, wymaga praktyki, ale dzięki determinacji będziesz w stanie stworzyć prawie wszystko!

    Monochromatyczne kolory

    Podczas zagłębiania się schematy kolorów możemy znaleźć nieskończoną ilość kreatywności. Ta dziedzina posiada możliwość tworzenia setek różnych palet kolorów o różnej intensywności.

    Monochromatyczne schematy kolorów są surowymi kolorami, ponieważ odnoszą się tylko do jednego odcienia. Może to być zielony, niebieski, pomarańczowy, aqua lub cokolwiek, co najlepiej pasuje do twojego projektu. Są one powszechnie postrzegane z wzorami marki i tła, aby pasowały do ​​istniejącej palety.

    W tym przypadku kolory są zwykle tworzone przez przyciemnienie nieprzezroczystości pomiędzy każdym kolorem (lub odcieniem) a tłem. Najczęstszym przykładem jest tworzenie kanału alfa i dodawanie więcej bieli / czerni do wybranego odcienia w różnym stopniu. Dzięki tej metodzie możesz zaprojektować użyteczny monochromatyczny schemat kolorów, który wtapia się w prostą cyfrową grafikę.

    Analogiczny schemat

    Kolory te są generowane w oparciu o ich lokalizację na standardowym kole kolorów. Analogiczne zestawy są tworzone przez punkty położone bezpośrednio obok siebie. Typowe przykłady to zielony / żółto-zielony / żółty lub czerwony / pomarańczowy / żółty.

    Są to trójczęściowe schematy znane również jako a triada bazowa. Możesz połączyć dwa analogiczne schematy, aby utworzyć zestaw hybrydowy. Często analogiczne zestawy znajdują się naturalnie i promują przyjemny wzrok dla oczu.

    Pomiędzy 3 kolorami zazwyczaj przypisuje się role w elemencie projektu. Jedna z trzech jest wykorzystywana jako baza do trzymania projektu razem. Drugi to kolor towarzyszący, a trzeci to akcent. Ten efekt można wykorzystać do stworzenia kontrastu i żywych krawędzi lub cieni.

    Tematy uzupełniające

    Kolory znajdujące się w przeciwnych pozycjach na kole kolorów są znane jako uzupełniający. Naturalnie się uzupełniają i zapewniają równy poziom energii dziełu sztuki. Przykłady obejmują czerwony i zielony, fioletowy i żółty lub niebieski i pomarańczowy. Te schematy kolorów stworzą wysoki poziom kontrastu między elementami. są świetne, gdy są używane w ilustracjach, aby podkreślić fragment scenerii lub postać z kreskówki. Często zobaczymy to na artykułach odzieżowych lub garderobie. Mecze mogą stać się bardzo przytłaczające, więc używaj ich oszczędnie.

    Tekst często zachowuje się dobrze w stosunku do czerni / bieli o wysokim kontraście, ale najlepiej renderować go z nieco mniejszym nasyceniem. W ten sposób tekst ze strony nie zaszkodzi oczom czytelników, ale nadal jest łatwy do naśladowania. Jest też drugi mniej znany schemat zatytułowany podzielone uzupełniające. Zawiera kolor bazowy, który również wnosi dwa kolory naprzeciw widma. Pochodzi od dwóch sąsiadujących sąsiadów do bazy uzupełniającej.

    Jako przykład podziału komplementarnego z czerwonym jako naszą bazą potrzebowalibyśmy obydwu sąsiadujących kolorów obok zielonego (ale nie w tym zielonego). Miałoby to na celu zielono-żółty i niebiesko-zielony. Ta para zapewnia zalety wysokiego współczynnika kontrastu bez poszarpanego napięcia wynikającego ze ściśle komplementarnej relacji. Często mogą to być trudne schematy kolorów, aby zrównoważyć. Wybrany podstawowy kolor zazwyczaj znajduje się w cieplejszym regionie, więc masz 2 chłodniejsze opcje kolorów dla świateł, tła i mniejszej grafiki.

    Zestawy kolorów triady

    Triadyczna kolorystyka jest jedną z najpopularniejszych wśród projektantów, a szczególnie dotyczy to artystów cyfrowych. Ten schemat wykorzystuje 3 kolory, które są równe odległości od siebie na kole kolorów. Jako typowe przykłady możemy włączyć czerwony, niebieski i żółty lub pomarańczowy, fioletowy i zielony. Wyprowadzamy to, wybierając nasz podstawowy kolor (czerwony) i przesuwając 3 równe kroki w prawo. Gdy trafimy w ten kolor (niebieski), przesuń 3 kolejne jednostki zgodnie z ruchem wskazówek zegara, aby trafić na żółty, z trzema kolejnymi miejscami oddzielającymi czerwony.

    Triady tworzą poczucie równości i bezpieczeństwa. W większości przypadków masz równomierny rozkład kolorów, aby ładnie zrównoważyć grafikę i ikony. Można ich używać do tworzenia pięknych artystycznych ilustracji miast, oceanów, lasów i wielu innych scen.

    Wniosek

    Ten podstawowy przegląd obejmuje ogólne aspekty rozpoczynania pracy z teorią kolorów. Zrozumienie ogromnej liczby opcji dostępnych dla Ciebie jako projektanta stron internetowych jest ważne dla tworzenia dzieł najwyższej jakości.

    Istnieją również niezliczone zasoby, które można znaleźć w Internecie. Spróbuj przejrzeć Google lub inne popularne blogi projektowe, aby uzyskać artykuły uzupełniające na temat szczegółowej teorii kolorów. Możesz również zainteresować się popularnymi narzędziami kolorystycznymi dla projektantów, które mogą naprawdę skrócić czas pracy nad projektem.