#модуль1
03.1 Композиція. Її види.
Напевно, ви бачили сайти, які хочеться швидше покинути. Або ж ви гортаєте його вже півгодини, але не можете зрозуміти, де ви знаходитесь і навіщо це вам потрібно . Погана композиція уб'є сайт, навіть якщо контент цікавий, а графіка ідеальна.
Композиція беззаперечно є одним із ключових понять в дизайні. Можливо, навіть наріжним. Про те, як важливо вміти працювати з композицією, говорить ледь не кожна людина, так чи інакше пов’язана з галуззю. Але, хоч саме слово «композиція» добре знайоме кожному з нас, його зміст лишається загадкою навіть для багатьох фахових дизайнерів.
Розуміючи принципи композиції, ви можете зробити сайт єдиним, правильно розставити акценти, де всі елементи доповнюють один одного. З яких елементів складається композиція і як правильно їх поєднувати, я постараюся описати в цій статті.
Фокальна точка
Керувати увагою користувача — яке завдання може бути важливішим? Фокальна точка це саме те, що привертає погляд насамперед до найважливішого елемента композиції сайту. Вона займає невелике місце на видимій частині макету.
Найбільш простий спосіб додати фокальну точку на свій макет - це виділити предмет (припустимо, яскраво-зелена кнопка або великий текст).
Правильні кольори
За допомогою кольору можна говорити з користувачем, грати з його емоціями та сприйняттям, залучати та перемикати увагу на певні елементи.
Типографіка
Вибір шрифту, його розмір та вага грають не останню роль у складанні правильної композиції. Вміння поєднувати між собою різні типи та розміри шрифтів і є типографікою.
Баланс
Остання і, мабуть, найважливіша частина композиції. Баланс - це методи взаємодії вищеописаних елементів композиції. Ви створюєте ефект гармонії в дизайні, вибираючи розташування і розмір елементів.
Симетричний баланс
Найпоширеніший вид балансу. Ви будуєте свій макет, розміщуючи елементи з обох боків від центральної вертикальної або горизонтальної осей.
Асиметричний баланс
Ви всі знаєте, що не буває симетричних людей: одна половина обличчя відрізняється від іншої, саме це робить нас унікальними та красивими. Також у дизайні. Створення асиметрії потребує більше знань та зусиль, ніж симетрії. Асиметричний баланс підійде при використанні складних форм та ілюстрацій, коли потрібно спочатку зацікавити користувача, а потім змусити його прочитати текст та натиснути кнопку.
Лінки на вивчення:
📄Стаття "Композиція в графічному дизайні"
📄Стаття "Яким був вебдизайн у 2020 році"
🔗nonkkzee🔗