Zajęcia 2

Zajęcia 2

Kompozycja- dotyczy procesu łączenia odrębnych elementów w całość. Wymaga spostrzegania całości spójnego zbioru a nie skupienia się na poszczególnych częściach.

Najważniejsze zasady kompozycji:

Hierarchia- To uporządkowanie elementów wizualnych w taki sposób, aby odbiorca widział je w odpowiedniej kolejności. Hierarchia opiera się na naturalnych nawykach percepcyjnych (np. czytamy od lewej do prawej, z góry na dół).

Dlaczego to działa? Mózg ludzki skanuje treści- nie czyta ich linearnie. Tworząc hierarchię pomagamy mózgowi "złapać sens" szybciej.

https://www.canva.com/learn/visual-hierarchy/

Równowaga i proporcje- równowaga polega na rozłożeniu elementów graficznych w taki sposób by projekt nie był przeciążony po jednej stronie. Proporcja to wzajemna relacja między obiektami.

Rodzaje równowagi:

  • symetryczna (formalna): elementy po obu stronach są identyczne lub bardzo podobne
  • asymetryczna (dynamiczna): różne elementy, ale zrównoważone wizualnie

Równowaga i proporcje:

  • asymetria ekspresywna i chaotyczna- asymetryczny układ na siatce modułowej. Wszystkie elementy były precyzyjnie rozmieszczone w niewidocznej siatce, co dawało wrażenie porządku mimo braku symetrii
  • dużo negatywnej przestrzeni (bieli). Puste obszary były aktywnym elementem kompozycji, równoważącym tekst i obrazy
  • Typografia wyrównana do lewej. Zamiast centrowania, tekst był składany do chorągiewki, co jest formą asymetrii.

Konstruktywizm rosyjski:

  • Ukośne linie i diagonalne. kompozycje często opierają się na mocnych ukośnych osiach, które wprowadzają wrażenie ruchu i niestabilności
  • Fotomontaż- zderzenie różnych skali i perspektyw w jednym obrazie
  • Mocna typografia- użycie dużych, pogrubionych, bezszeryfowych czcionek o różnej wielkości, często ułożonych pod kątem

Bauhaus- mózg preferuje wizualny spokój, lubi równowagę, która przypomina mu naturalne zjawiska. Brak równowagi powoduje niepokój lub dezorientację, ale może powodować poczucie dynamiki.

Foundational UX Design Principles | Adobe XD Ideas
From foundational concepts to emerging trends, stay current on UX principles for app design, web design, and hci at Adobe XD Ideas.

Kontrast i powtórzenie- kontrast podkreśla różnice- stosowany do uwydatniania ważnych informacji. Powtórzenie wzmacnia spójność porządek i rozpoznawalność w projekcie. Kontrast przyciąga uwagę i tworzy strukturę, powtórzenie daje poczucie estetyki, buduje rytm i przewidywalność.

Punkt centralny- to element najbardziej przyciągający uwagę- pierwsze miejsce, gdzie zatrzymujemy wzrok. Może być osiągnięty przez: - rozmiar, kolor, nietypowy kształt, pozycję centralną, lub "złoty podział"

White space- to pusta przestrzeń wokół i między elementami graficznymi. Pozwala na oddech i skupienie uwagi. Zastosowanie: - marginesy, - przerwy między ikonami, - tekstami, - blokami. Zgodnie z zasadą Gestalt, nasz mózg lepiej przetwarza informacje pogrupowane i oddzielone pustką. Przestrzeń poprawia czytelność i elegancję.

Najważniejsze układy kompozycji

Zasada trójpodziału (rule of thirds)- polega na podzieleniu przestrzeni projektu na 9 głównych części- za pomocą dwóch linii poziomych i dwóch linii pionowych, tworzących siatkę 3x3. Najważniejsze elementy kompozycji powinny znajdować się na liniach podziału lub ich przecięciach. Ludzki wzrok naturalnie "szuka" struktury. Elementy ustawione nie w samym centrum, ale lekko przesunięte, są odbierane jako bardziej dynamiczne i estetyczne. Odbiorca nie "nudzi się" patrzeniem w środek.

Złoty podział , spirala Fibonacciego

Witruwiusz, rzymski architekt podał wzór na podział przestrzeni w obrazie. To rozwiązanie, znane jako złoty podział lub boska proporcja, to sposób podziału odcinka na dwie części w taki sposób, aby stosunek długości dłuższego odcinka do krótszego, był równy stosunkowi długości całego odcinka do dłuższego odcinka. Ten stosunek jest w przybliżeniu równy 1,618 i jest zaznaczany grecką literą phi. Złoty podział występuje w naturze (muszle, liście, galaktyki). Nasze mózgi są z nim oswojone i postrzegają go jako "naturalnie piękny". W grafice pozwala stworzyć kompozycje harmonijne i zbalansowane bez potrzeby stosowania symetrii.

https://www.youtube.com/watch?v=8A3JnWzgXGk
https://www.youtube.com/watch?v=c8ccsE_IumM
https://www.youtube.com/watch?v=1Jj-sJ78O6M

Kompozycja centralna- główne elementy znajdują się w środku projektu, daje wrażenie stabilności, równowagi i siły, często stosowana w projektach formalnych, minimalistycznych.

Wędrowiec nad morzem mgły - opis obrazu -Mako-Academy-kurs rysunku i malarstwa -kurs historii sztuki

Kompozycja diagonalna- elementy są ustawione po przekątnej np. z lewego dolnego rogu, do prawego górnego. Nadaje projektowi ruch, dynamikę i kierunek. Często stosowana w materiałach sportowych, młodzieżowych, dynamicznych postach.

Kompozycja otwarta- elementy "uciekają" poza kadr, sugerując, że są częścią większej całości. Tworzy wrażenie przestrzeni, nowoczesności i swobody. Popularna w kolażach, ilustracjach edytorskich.