Elementy i zasady projektowania wizualnego - Visual design elements and principles

Elementy i zasady projektowania wizualnego opisują podstawowe idee dotyczące praktyki projektowania wizualnego .

Elementy projektu sztuki

Zobacz też: Elementy sztuki

Elementy projektu to podstawowe jednostki każdego projektu wizualnego, które tworzą jego strukturę i przekazują komunikaty wizualne. Malarz i teoretyk designu Maitland E. Graves (1902-1978), który próbował zaszczepić fundamentalne zasady ładu estetycznego w projektowaniu wizualnym, w swojej książce The Art of Color and Design (1941) zdefiniował elementy projektu jako linię, kierunek, kształt , rozmiar , fakturę , wartość i kolor , stwierdzając, że „te elementy są materiałami, z których zbudowane są wszystkie projekty”.

Elementy sztuki i designu
Gwiazdka koloru zawierająca kolory podstawowe, drugorzędne i trzeciorzędne.

Kolor

Kolor jest wynikiem odbijania się światła od przedmiotu do naszych oczu. Kolor, który postrzegają nasze oczy, zależy od pigmentu samego obiektu. Teoria kolorów i koło kolorów są często przywoływane podczas badania kombinacji kolorów w projektowaniu wizualnym. Kolor jest często uznawany za ważny element projektowania, ponieważ jest uniwersalnym językiem, który prezentuje niezliczone możliwości komunikacji wizualnej.

Odcień , nasycenie i jasność to trzy cechy opisujące kolor.

  • Odcień można po prostu określić jako „kolor”, na przykład czerwony, żółty lub zielony.
  • Nasycenie nadaje kolorowi jasność lub matowość, co wpływa na wyrazistość koloru.
  • Wartości , odcienie i odcienie kolorów są tworzone przez dodanie czerni do koloru dla odcienia i bieli dla odcienia. Tworzenie odcienia lub odcienia koloru zmniejsza nasycenie .

Teoria kolorów w projektowaniu wizualnym

Teoria koloru bada mieszanie kolorów i kombinacje kolorów. Jest to jedna z pierwszych rzeczy, które wyznaczyły progresywne podejście do projektowania. W projektowaniu wizualnym projektanci odwołują się do teorii kolorów jako zbioru praktycznych wskazówek, jak osiągnąć określone efekty wizualne za pomocą określonych kombinacji kolorów. Teoretyczna wiedza na temat kolorów jest wdrażana w projekty w celu osiągnięcia udanego projektu kolorystycznego.

Harmonia kolorów , często określana jako „miara estetyki”, bada, które kombinacje kolorów są harmonijne i przyjemne dla oka, a które nie. Harmonia kolorów jest główną troską projektantów, ponieważ kolory zawsze istnieją w obecności innych kolorów w formie lub przestrzeni.

Kiedy projektant harmonizuje kolory, relacje między zestawem kolorów są wzmacniane, aby zwiększyć ich wzajemne uzupełnianie. Kolory są zharmonizowane, aby uzyskać zrównoważony, jednolity i estetyczny efekt dla widza.

Harmonię kolorów uzyskuje się na różne sposoby, z których niektóre polegają na łączeniu zestawu kolorów o tej samej barwie lub zestawu kolorów o tych samych wartościach dla dwóch z trzech cech kolorów (barwa, nasycenie, jasność). . Harmonię kolorów można również osiągnąć po prostu łącząc kolory, które są uważane za kompatybilne ze sobą, zgodnie z reprezentacją na kole kolorów .

Kontrasty kolorów są badane za pomocą pary kolorów, w przeciwieństwie do harmonii kolorów, która bada zestaw kolorów. W przypadku kontrastowania kolorów dwa kolory z dostrzegalnymi różnicami w aspektach, takich jak luminancja lub nasycenie, są umieszczane obok siebie w celu uzyskania kontrastu.

Johannes Itten przedstawił siedem rodzajów kontrastów barwnych: kontrast jasnego i ciemnego, kontrast odcienia, kontrast temperatury, kontrast nasycenia , kontrast symultaniczny, kontrast wielkości oraz kontrast dopełnienia. Te siedem rodzajów kontrastów kolorystycznych zainspirowało wcześniejsze prace dotyczące schematów kolorów w projektowaniu.

Schematy kolorów są zdefiniowane jako zestaw kolorów wybranych do projektu. Często składają się z dwóch lub więcej kolorów, które wyglądają atrakcyjnie obok siebie i które razem tworzą wrażenie estetyczne . Schematy kolorów zależą od harmonii kolorów, ponieważ wskazują, które kolory wyglądają ładnie obok siebie.

Zadowalającemu projektowemu produktowi często towarzyszy udana kolorystyka. Z biegiem czasu opracowano narzędzia do projektowania kolorów z funkcją generowania schematów kolorów, aby ułatwić projektantom harmonizację kolorów.

Wykorzystanie koloru w projektowaniu wizualnym

  • Kolor służy do tworzenia harmonii, równowagi i komfortu wizualnego w projekcie
  • Kolor służy do wywołania u widza pożądanego nastroju i emocji
  • Kolor służy do tworzenia motywu w projekcie
  • Kolor ma znaczenie i może być symboliczny. W niektórych kulturach różne kolory mogą mieć różne znaczenia.
  • Kolor służy do podkreślenia pożądanych elementów i stworzenia wizualnej hierarchii w dziele sztuki
  • Kolor może tworzyć tożsamość dla określonej marki lub produktu projektowego
  • Kolor pozwala widzom na różne interpretacje projektów wizualnych. Ten sam kolor może wywoływać różne emocje lub mieć różne znaczenia dla różnych jednostek i kultur
  • Strategie kolorystyczne są wykorzystywane do organizacji i spójności w produkcie projektowym
  • W projekcie architektonicznym obiektu handlowego kolory wpływają na podejmowanie decyzji, co motywuje konsumentów do zakupu określonych produktów
Podobnie gwiazdy w konstelacji połączone wyimaginowanymi liniami są naturalnym przykładem użycia linii w kompozycji

Linia

Linia to element sztuki określony przez poruszający się w przestrzeni punkt. Linie mogą być pionowe, poziome, ukośne lub zakrzywione. Mogą mieć dowolną szerokość lub teksturę, mogą być ciągłe, dorozumiane lub łamane. Do tego dochodzą różne rodzaje linii oprócz tych, o których wcześniej wspomniano. Na przykład możesz mieć linię poziomą i zygzakowatą lub linię pionową i zygzakowatą. Różne linie tworzą różne nastroje, wszystko zależy od tego, jakiego nastroju używasz do stworzenia linii.

Punkt

Punkt jest w zasadzie początkiem „czegoś” w „nic”. Zmusza umysł do myślenia o swojej pozycji i daje coś, na czym można budować zarówno w wyobraźni, jak iw przestrzeni. Niektóre abstrakcyjne punkty w grupie mogą prowokować ludzką wyobraźnię do łączenia jej ze znanymi kształtami lub formami.

Kształt

Główny artykuł: Kształt i forma (sztuki wizualne)

Kształt jest zdefiniowany jako obszar dwóch wymiarów, które wyróżnia się z miejsca obok lub wokół niego ze względu na określone lub dorozumiane granica, albo z powodu różnic w wartości, koloru lub tekstury. Kształty są rozpoznawalnymi przedmiotami i formami i zwykle składają się z innych elementów projektu.

Na przykład kwadrat narysowany na kartce papieru jest uważany za kształt. Tworzy go seria linii, które służą jako granica kształtująca kwadrat i oddzielająca go od otaczającej go przestrzeni, która nie jest częścią kwadratu.

Rodzaje kształtów

Kształty geometryczne lub kształty mechaniczne to kształty, które można narysować za pomocą linijki lub cyrkla, takie jak kwadraty , koła , trójkąty , elipsy , równoległoboki , gwiazdy itd. Mechaniczne kształty, proste lub złożone, dają poczucie kontroli i porządku.

Kształty organiczne to nieregularne kształty, które często są złożone i przypominają kształty występujące w naturze . Kształty organiczne można narysować ręcznie, dlatego bywają subiektywne i istnieją tylko w wyobraźni artysty.

Kształty krzywoliniowe składają się z zakrzywionych linii i gładkich krawędzi. Dają bardziej naturalny kształt. Natomiast kształty prostoliniowe, złożone z ostrych krawędzi i kątów prostych , dają poczucie porządku w kompozycji . Wyglądają na bardziej stworzone przez człowieka, uporządkowane i sztuczne . Artyści mogą zdecydować się na stworzenie kompozycji, która obraca się głównie wokół jednego z tych stylów kształtu lub mogą połączyć oba.

Tekstura

Główny artykuł: Tekstura (sztuki wizualne)
Jest to tylko dwuwymiarowy obraz drzewa, ale wydaje się mieć teksturę trójwymiarowej kory.

Tekstura odnosi się do fizycznych i wizualnych właściwości powierzchni.

Zastosowania tekstury w projektowaniu

  • Teksturę można wykorzystać do przyciągnięcia lub odrzucenia zainteresowania elementem, w zależności od tego, jak przyjemna jest postrzegana tekstura.
  • Teksturę można również wykorzystać do dodania złożonych szczegółów do kompozycji projektu.
  • W projektach teatralnych, cechy powierzchni kostiumu rzeźbią wygląd postaci, co wpływa na sposób, w jaki publiczność reaguje na postać.
Rodzaje tekstury

Tekstura dotykowa , znana również jako „faktyczna tekstura”, odnosi się do fizycznej trójwymiarowej tekstury obiektu. Teksturę dotykową można wyczuć zmysłem dotyku. Człowiek może wyczuć dotykową fakturę rzeźby, przesuwając dłonią po jej powierzchni i czując jej grzbiety i wgniecenia.

  • Malarze używają impast do budowania szczytów i tworzenia faktury w swoich obrazach.
  • Teksturę można stworzyć za pomocą kolażu . To wtedy artyści montują trójwymiarowe obiekty i nakładają je na dwuwymiarową powierzchnię, taką jak kartka papieru lub płótno, aby stworzyć ostateczną kompozycję.
  • Papier collé to kolejna technika kolażu, w której artyści przyklejają papier do powierzchni, aby uzyskać różne tekstury na jej powierzchni.
  • Asamblaż to technika polegająca na łączeniu różnych trójwymiarowych obiektów w rzeźbę, która może również ujawnić widzowi tekstury.

Tekstura wizualna , zwana także „teksturą dorozumianą”, nie jest wykrywalna zmysłem dotyku, ale zmysłem wzroku. Tekstura wizualna to iluzja prawdziwej tekstury na dwuwymiarowej powierzchni. Każda tekstura postrzegana na obrazie lub fotografii jest teksturą wizualną. Zdjęcie szorstkiej kory drzewa jest uważane za teksturę wizualną. Tworzy wrażenie prawdziwej faktury na dwuwymiarowej powierzchni, która pozostanie gładka w dotyku, niezależnie od tego, jak chropowata jest reprezentowana faktura.

W malarstwie używa się różnych farb, aby uzyskać różne rodzaje tekstur. Farby takie jak olej , akryl i enkaustyka są grubsze i bardziej kryjące i służą do tworzenia trójwymiarowych odcisków na powierzchni. Inne farby, takie jak akwarele , są zwykle używane do tekstur wizualnych, ponieważ są cieńsze i mają przezroczystość i nie pozostawiają zbyt dużej tekstury dotykowej na powierzchni.

Wzór

Wiele tekstur wydaje się powtarzać ten sam motyw . Kiedy motyw powtarza się w kółko na powierzchni, powstaje wzór . Wzory są często wykorzystywane w projektowaniu mody lub tekstyliów , gdzie motywy są powtarzane w celu stworzenia dekoracyjnych wzorów na tkaninach lub innych materiałach tekstylnych . Wzory są również wykorzystywane w projektowaniu architektonicznym , gdzie dekoracyjne elementy konstrukcyjne, takie jak okna , kolumny czy frontony , są włączane do projektu budowlanego.

Przestrzeń

W projektowaniu przestrzeń dotyczy obszaru głęboko w momencie wyznaczonego projektu, na którym będzie się odbywał projekt. W przypadku projektu dwuwymiarowego przestrzeń dotyczy stworzenia iluzji trzeciego wymiaru na płaskiej powierzchni:

  • Nakładanie to efekt polegający na tym, że obiekty wydają się leżeć jeden na drugim. Ta iluzja sprawia, że ​​górny element wygląda bliżej obserwatora. Nie ma sposobu na określenie głębokości przestrzeni, tylko kolejność bliskości.
  • Cieniowanie dodaje znaczniki gradacji, aby obiekt o dwuwymiarowej powierzchni wydawał się trójwymiarowy.
  • Podświetlenie, Światło przejściowe, Rdzeń cienia, Światło odbite i Rzuć cień nadają obiektowi trójwymiarowy wygląd.
  • Perspektywa liniowa to koncepcja odnosząca się do tego, jak obiekt wydaje się mniejszy, im dalej się znajduje.
  • Perspektywa atmosfery opiera się na tym, jak powietrze działa jak filtr, który zmienia wygląd odległych obiektów.

Formularz

W projektowaniu wizualnym forma określana jest jako sposób, w jaki artysta układa elementy w całości kompozycji. Można go również opisać jako dowolny obiekt trójwymiarowy . Formę można mierzyć od góry do dołu (wysokość), z boku na bok (szerokość) i od tyłu do przodu (głębokość). Formę określa również światło i ciemność. Może być zdefiniowany przez obecność cieni na powierzchniach lub ścianach obiektu. Istnieją dwa rodzaje formy, geometryczna (sztuczna) i naturalna (forma organiczna). Formę można stworzyć przez połączenie dwóch lub więcej kształtów. Może być wzmocniony odcieniem, fakturą lub kolorem. Może być zilustrowany lub skonstruowany.

Zasady projektowania sztuki

Zobacz także: Gestalt prawa grupowania

Zasady stosowane do elementów projektu, które łączą je w jeden projekt. Sposób, w jaki stosuje się te zasady, określa, jak udany może być projekt.

Jedność/harmonia

Według Alexa White'a, autora The Elements of Graphic Design , osiągnięcie wizualnej jedności jest głównym celem projektowania graficznego. Gdy wszystkie elementy są zgodne, projekt uważa się za jednolity. Żadna pojedyncza część nie jest postrzegana jako ważniejsza niż cały projekt. Należy zachować równowagę między jednością a różnorodnością, aby uniknąć chaotycznego lub martwego projektu.

Metody

  • Perspektywa : poczucie odległości między elementami.
  • Podobieństwo : umiejętność sprawiania wrażenia powtarzalnego z innymi elementami.
  • Kontynuacja: poczucie przedłużenia linii lub wzoru.
  • Powtórzenie: elementy wielokrotnie kopiowane lub naśladowane.
  • Rytm : jest osiągany, gdy powtarzająca się pozycja, rozmiar, kolor i użycie elementu graficznego ma przerwę w punkcie ogniskowym.
  • Zmiana podstawowego tematu zapewnia jedność i pomaga utrzymać zainteresowanie.

Saldo

Jest to stan wyrównanego napięcia i równowagi, który nie zawsze może być spokojny.

Rodzaje balansu w projektowaniu wizualnym

Górny obraz ma symetryczną równowagę, a dolny obraz ma asymetryczną równowagę
  • Symetria
  • Równowaga asymetryczna tworzy nieformalną równowagę, która przyciąga uwagę i jest dynamiczna.
  • Równowaga promieniowa jest ułożona wokół centralnego elementu. Elementy umieszczone w równowadze promieniowej wydają się „promieniować” z centralnego punktu w sposób kołowy.
  • Ogólnie jest to mozaikowa forma równowagi, która zwykle wynika z umieszczenia zbyt wielu elementów na stronie. Ze względu na brak hierarchii i kontrastu ta forma równowagi może wydawać się głośna, ale czasami cicha.

Hierarchia/Dominacja/Nacisk

Główny artykuł: Hierarchia wizualna

Dobry projekt zawiera elementy, które prowadzą czytelnika przez każdy element w kolejności ich znaczenia. Rodzaj i obrazy powinny być wyrażone od najważniejszego do najmniej ważnego. Dominację tworzy kontrastujący rozmiar, położenie, kolor, styl lub kształt. Centralny punkt powinien dominować nad projektem skalą i kontrastem bez poświęcania jedności całości.


Skala/proporcja

Użycie względnej wielkości elementów względem siebie może przyciągnąć uwagę do punktu centralnego. Kiedy elementy są projektowane jako większe niż życie, skala jest używana do pokazywania dramatu.

Podobieństwo i kontrast

Zaplanowanie spójnego i podobnego projektu jest ważnym aspektem pracy projektanta, aby uwidocznić jego centralny punkt. Zbyt duże podobieństwo jest nudne, ale bez podobieństwa ważne elementy nie zaistnieją, a obraz bez kontrastu jest spokojny, więc kluczem jest znalezienie równowagi między podobieństwem a kontrastem.

Podobne środowisko

Istnieje kilka sposobów na stworzenie podobnego środowiska:

  • Zbuduj unikalną wewnętrzną strukturę organizacyjną.
  • Manipuluj kształtami obrazów i tekstu, aby były ze sobą skorelowane.
  • Wyraź ciągłość od strony do strony w publikacjach. Elementy do obejrzenia obejmują nagłówki, motywy, obramowania i spacje.
  • Opracuj podręcznik stylu i przestrzegaj go.

Kontrasty

  • Przestrzeń
    • Wypełniony / Pusty
    • Blisko daleko
    • 2-D / 3-D
  • Pozycja
    • Lewo prawo
    • Izolowane / Zgrupowane
    • Wyśrodkowany / Niewyśrodkowany
    • Góra dół
  • Formularz
    • Prosty / złożony
    • Piękna / Brzydka
    • Całe / Zepsute
  • Kierunek
    • Stabilność / ruch
  • Struktura
    • Zorganizowane / Chaotyczne
    • Mechaniczne / Ręcznie Rysowane
  • Rozmiar
    • Duży mały
    • Głębokie / Płytkie
    • Gruby chudy
  • Kolor
    • Skala szarości/kolor
    • Czarno-biały/kolor
    • Jasna ciemność
  • Tekstura
    • Drobny / Gruby
    • Gładki / Szorstki
    • Ostry / matowy
  • Gęstość
    • Przezroczysty / Nieprzezroczysty
    • Gruby cienki
    • Ciecz / Stała
  • Powaga
    • Lekki / Ciężki
    • Stabilny/Niestabilny

Ruch to droga, którą oko widza przechodzi przez dzieło sztuki, często do obszarów ogniskowych. Taki ruch można kierować wzdłuż krawędzi linii, kształtu i koloru w grafice i nie tylko.

Zobacz też

Uwagi

Bibliografia

Zewnętrzne linki