Про композиції в дизайні

Станіслав Петровський, http://design.lnet.ru

Як сказав хтось із
великих, створити геніальну картину – це
покласти в потрібні місця потрібні фарби. Теж саме
і з вебдизайну 🙂

Композиція, якщо не
вдаватися в складності – це певне
поєднання частин зображення (співвідношення їх
розмірів – пропорції, кольорів, фактур і т.д.)

Правила композиції

Цілісність – У
правильної композиції жоден з елементів
не можна вилучити, додати або пересунути без
збитку для цілого. Для знаходження цілісної
композиції зазвичай розглядають майбутнє
зображення як набір плям – силуетів окремих
елементів, які компонують на площині до
досягнення необхідного ефекту. Всі елементи
композиції повинні бути пов'язані чим-небудь воєдино –
стилем малюнка, вирівнюванням, квітами,
розмірами і т.д. Стосовно до вебдизайн – не
може бути цілісною композиція, де дизайн
сторінки ніяк не перегукується з логотипом.

Виразність
формалізації якість композиції,
проявляється в тому, що зображення швидко
захоплює увагу глядача, ясно показує
процеси, які дизайнер хотів відобразити.
Фактично – це соотвествие вашої ідеї та форми,
знайденої для її вираження. Коли глядачі не
розуміють вашу ідею – швидше за все кульгає
композиція, а не сприйняття глядача 🙂

Виразність
проявляється у вмілому використанні контрастів
за кольорами, светлоте, розмірами. Наприклад,
ефектно виглядають об'ємні фігури (контраст
відблисків і тіні предмета). Контраст тим
виразніше, чим більше він відповідає ідеї
зображення (напр. контраст заголовка і тексту по
розміром соотв. ідеї більшої важливості заголовка).

Виявлення центру
підкреслення тій частині, яка виражає
головну ідею. Як правило, центр знаходиться десь
трохи вище середини екрану, але він може бути
зміщений яких-небудь "активним" елементом
композиції – яскравим, великим предметом, іншим
контрастним об'єктом. Прикладом зміщення
композиції є картина Рєпіна "Не
чекали ", де глядач спочатку губиться в
здогадах дивлячись на порожній центр і потім бачачи
напрямки вдивися всіх учасників композиції
дивиться на двієчника – центр композиції 🙂

На практиці часто
використовують метод виділення центру шляхом
вписування композиції в просту геометричну
фігуру – квадрат, ромб, трикутник (4,5,6>), коло,
овал. Типовий приклад – використання ліній,
з'єднують логотип і кнопки або окреслюють
весь екран і захоплюючих кнопки.

Разом з тим, необхідно
лише приблизний проходження геометрії зі
зміщеннями, більш яскраво виділяють центр.

Неоднорідність
площині зображення – Різниця у сприйнятті
об'єктів залежно від їх положення в полі
зображення вивчалася вченими експериментально.
У результаті доведено:

1. Похилі відрізки
сприймаються йдуть в глибину в бік
кінця відрізка, далекого від краю екрану.

2. Якщо один кінець
похилого відрізка примикає до краю екрану, то
"Ефект обсягу" пропадає і відрізок
сприймається лежачим на тій же площині, що і
площину краю екрана.

3. Предмет далі від краю
екрана сприймається лежачим в глибині, ближче –
на поверхні.

4. Низ композиції
сприймається більш важким, стійким,
тому дисгармонійні композиції, де важкий
верх (напр. великі об'ємні літери) і легкий низ
(Звичайний текст). Важкі предмети вгорі створюють
відчуття їх падіння, напруга (це м.б.
використано як спеціальний прийом).

Розгляньте роботи інших
вебдизайнерів під кутом композиційних правил і
ви побачите, як часто ці правила порушуються.

Дисбаланс композиції
буде, як правило, тоді ефектно виглядати,
коли він зроблений усвідомлено, а не допущений по
незнання. Читайте підручники з живопису і
ходите в картинні галереї!

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*