ДИЗАЙН Для недизайнерів, заняття 3
Композиція
Як групувати об'єкти?
Як вибудувати динаміку у макеті?
Що таке композиція?
Це порядок, який надає об'єкту цілісність, підпорядковує його елементи один одному і цілому.
Композиція «тримає» простір, організовує його і підпорядковує так званим законам композиції.
Закони композиції
Закон рівноваги
Всі елементи повинні бути пов'язані за смисловим і просторовим розташуванням (за кольором, фактурою і стилем) має бути різноманітною, але не строкатою.
Ваш макет повинен сприйматися цілісно незалежно від кількості зображених на ньому об'єктів. Кожен з них справляє на людину своє враження, і якщо їх не впорядкувати — дизайн буде носити хаотичний характер, дратувати і знизить загальний ефект.
Закон єдності і субпідрядності
Композиція завжди повинна вибудовуватися навколо головного об'єкта або дії.
Всі другорядні елементи повинні підкорятися, не повинні відволікати увагу або бути зайвими (необов'язковими). За допомогою другорядних предметів погляд людини повинен постійно спрямовуватися до головного. Вони повинні немов за певним маршрутом вести погляд глядача до змістового центру композиції.
Гармонія у композиції
Ритм
Всі елементи мають мати однакову міру "руху" відносно один одного.
Ритм надає композиції динаміку і породжує рух зі складнішою характеристикою. Динаміка ритму обумовлюється закономірним чергуванням однорідних елементів і простору.
Контраст
Важливі елементи мають мати більшу міру прояву на тлі
Контраст допомагає виділити головне, створити загальний характер дизайну. Контраст розміру, контраст кольору
Пропорції
  1. арифметична
  2. геометрична
  3. гармонійна
  4. золотий перетин
Під пропорцією розуміється відношення частин цілого між собою і цим цілим. Пропорції вибудовують смислову ієрархію.
Лінія краси
Ця лінія є головним елементом всіх природних об'єктів, яка передає їх динаміку.
запроваджена британським художником Вільямом Хогартом в його книзі «The Analysis of Beauty» 1753 року. На думку Хогарта, ця лінія є невід'ємною частиною краси. За його теорією, S-подібна крива створює враження життя і діяльності, привертаючи увагу глядача, на відміну від прямих, паралельних або ліній, що перетинаються під прямим кутом і створюють підсвідоме враження застою, смерті, неживого предмета.
Правило третин
Важливі частини композиції мають бути розташовані уздовж цих ліній, або на їх перетині — в так званих точках сили.
Для підсилення композиції зображення
слід розділити на 9 частин 4 прямими.
Золотий переріз
Ця лінія є головним елементом всіх природних об'єктів, яка передає їх динаміку.
Вперше запропонований давньогрецьким математиком Евклідом. Характерною рисою цієї фігури є те, що при відтинанні квадратної частки, в залишку утворюється новий золотий прямокутник.

Психологія сприйняття
Картинки залишаються в пам'яті не у вигляді слів.
При погляді на дизайн ми (європейці) пробігаємо поглядом зліва направо і зверху вниз).
Погляд зупиняється спочатку просто на яскравих плямах, а потім на елементах, що несуть смислове навантаження, невимушена увага поступається.
Погляд слідує в напрямку, який задається елементами композиції - конфігурацією фігур, стрілками, динамікою.
Великі і досить яскраві (контрастуючі) елементи також сприймаються раніше дрібних, деталізованих об'єктів макету.
Мислення людини не здійснюється у вигляді слів.
Модульні сітки
Хороша структура модульної сітки допомагає елементам поєднуватися між собою. Реальну користь сітка приносить там, де необхідно організувати різні типи змісту в одному місці.

По суті це калька, табличка із графами, у вузлах котрої нам слід будувати композицію майбутнього макету.
Як застосовувати модульну сітку?
Маємо готовий дизайн, і рівняємо елементи, прикладаючи сітку до дизайну
Тоді ви розбиваєте сітку, керуючись найвживанішим параметром ширини елементів макету і вирівнюєте все по ній.
Створюємо сітку і малюємо
дизайн під неї
Або скористатися вже готовою сіткою, знаючи висоту рядочка тексту і створювати дизайн вже по ній.
Що читати про композицію не-дизайнеру?
http://modulargrid.org/#app
— розрахувати модульну сітку онлайн

https://setka.io/rublog/why-you-should-use-grids/
— навіщо і які є види

Хард-левел:
Владимир Лаптев. "Модульные сетки",
Йозеф Мюллер-Брокман «Модульные системы в графическом дизайне».

https://t.me/dsgnbr
мій Телеграм-канал про дизайн. Там теж буває про модульні сітки.
Груповий чат у Slack
aagencydesign02.slack.com
Made on
Tilda