Основні засоби та принципи композиції
Малобюджетні сайти.
Просування веб-сайту.
Основні засоби та принципи композиції
ПЕРЕЛІК ПРИНЦИПІВ КОМПОЗИЦІЇ
Рівновага
Знову ж таки йдеться про особливості психофізичного сприйняття. Всі наші умовні та безумовні рефлекси, динамічні стереотипи та асоціативність сприйняття змушують мозок аналізувати дійсність (те, на що ми дивимося) у певному порядку. Те, що сприймається легко і швидко, так само легко аналізується та запам'ятовується. Те, на чому сприйняття "спотикається", викликає загальмованість рефлексів і як наслідок - дисгармонію сприйняття. Спробую довести, що я розумію, що написав :o)
Про рефлекси, гадаю, не варто. Вчили у 5 класі. Згадайте про собачок Павлова. І нещасних мавп у клітках.
Що таке динамічний стереотип? Це напрацьована система умовних рефлексів. Коли досвідчений користувач працює на комп'ютері, він не замислюється - яку клавішу натиснути, де клацнути мишею або як відкрити файл. Він робить це автоматично. Але це не закладено від народження. Це вироблено практикою. Якоюсь мірою наші звички (добре слово визначення динамічного стереотипу) є також набором умовних рефлексів. Те саме і з нашим сприйняттям. Багато хто читає робить це не замислюючись, часом він забуває про літери в процесі читання і бачить перед собою не 3-4 рядки в книзі, а майже реальну дійсність.
Що таке асоціативність сприйняття? Це коли ми весь час порівнюємо один предмет з іншим, одні якості з іншими, щоб згенерувати якусь оцінку спостерігається. Не можна сказати, що ця баклажанна ікра смачніша за іншу, якщо не пробував іншу. Але коли ми бачимо велику річ, миприпускаємо, що він важчий за маленького, навіть якщо маленького не бачимо.
Вихідною точкою, що визначає рівновагу композиції, є оптичний центр. Він знаходиться приблизно на одну восьму вище фізичного центру, або на відстані п'яти восьмих від нижнього краю композиції. Рівнавага - це розташування елементів ліворуч і праворуч від опт. центру та зверху та знизу. Існує два види рівноваги - формальна та неформальна.
Ключ до формальної рівноваги - абсолютна симетрія зліва та праворуч від опт. центру. Така рівновага використовується, коли потрібно підкреслити гідність, стабільність і консерватизм образу.
Розміщуючи елементи різних розмірів, форм, колірної інтенсивності різних відстанях від оптичного центру, можна досягти візуального рівноваги. Так само, як на дошці, що хитається, об'єкт з великою оптичною вагою поблизу центру можна врівноважити меншого розміру об'єктом, що знаходиться далі від центру. Найчастіше використовується неформальна рівновага, т.к. воно робить сторінку більш цікавою, образною та емоційно насиченою.
Принцип побудови елементів сторінки, завдяки якому увага читача переміщається сторінкою у потрібній послідовності, називається переміщенням. Це досягається цілою низкою прийомів.
Механічні пристрої, такі, як вказівний палець, прямокутник, лінія або стрілка (у телебаченні - переміщення акторів або камери, зміна мізансцени) переводить увагу з одного об'єкта на інший.
Комікси або картинки, розташовані у певній послідовності, змушують починати читання спочатку і продовжувати його в потрібній послідовності.
Використання пробілів та кольорів виділяє текстову частину або ілюстрацію. Погляд переходитиме з темного об'єкта насвітлий, із кольорового на некольоровий.
У першу чергу увагу привертають елементи більшого розміру, що домінують на сторінці, і тільки потім - дрібніші.
Контрастність
Послідовність
Мається на увазі стильовий взаємозв'язок цієї композиції (сторінки) з усіма сторінками сайту (або журналу). Це досягається застосуванням одного і того ж формату, стилю, тональності, постійного використання єдиних прийомів: логотипу, мальованого персонажа, яскравого девізу.
Єдність - це поєднання всіх елементів у єдине ціле. Незважаючи на те, що композиція складається з багатьох різних частин, вони повинні бути взаємопов'язані так, щоб композиція в цілому справляла гармонійне враження. Свій внесок у досягнення єдності можуть зробити рівновагу, переміщення, пропорційність, контраст та колір. Крім цих, можуть бути використані інші прийоми.
- Один шрифт.
- Накладення одного зображення на інший або один елемент на інший.
- Продумане використання прогалин
- Графічні прийоми: стрілки, рамочки, штрихування, тон.
Чіткість та простота
Будь-який елемент, від відсутності якого композиція не постраждає, має бути прибраний. Перевантаженість різними стилями шрифту, надто дрібними літерами, негативами, ілюстраціями чи непотрібним текстом ускладнює та захаращує композицію. Сторінка стає складною для сприйняття, і її ефект знижується.
Виділення пробілами (паузами)
ЗАСОБИ КОМПОЗИЦІЇ
ЛІНІЯ Однією з основних засобів композиції є лінія. Там, де потрібно обмежити простір, натякнути на форму, створити визначення середовища – застосовується лінія. Пряма, крива, ламана, складна - вона є практично у всьому, хоча і не завжди явно.
ПЛЯМА Пляма в композиції часто допомагає акцентувати важливий об'єкт і визначити центр композиції (смислової). Пляма в залежності від розв'язуваних завдань може бути як кольоровим, так і тональним.
У цьому прикладі велика чорна пляма будинку тримає всю композицію, а світла пляма піднебіння та частина дерева відтіняють силует будинку. Стовбури та гілки дерев утворюють певний ритмічний лад у поєднанні з паузами. При зовнішній простоті – дуже строга та вивірена композиція. У другому прикладі – пропорційність. Розмір плями по відношенню до всього формату може дати відчуття великого простору, порожнечі, самотності, або навпаки, тісноти та суєти.
РИТМ Чіткість сприйняття композиції, її запам'ятовуваність безпосередньо залежить від ритму. Ритм може проявляти себе у багатьох іпостасях - від блоків у сторінці до пауз та стійок у шрифтових композиціях. Чим монотонніший ритм - тим нудніша композиція. Мозок не любить монотонності. У сторінкових оголошеннях та композиціях важливий ритм зображень, елементів та пауз.
КОНТРАСТ Контраст дозволяє виділити та гіперболізувати особливості двох і більше зображень, предметів, кольорів. Товстий і тонкий - поруч із товстим тонкий здається ще худшим (Дон Кіхот і Санчо Панса), і навпаки. Цей прийом дозволяє посилити властивості предмета проти його антиподом.
СИЛУЕТ Силует є комбінацією лінії та плями, але в основному він проявляє себе як темна пляма на світлому тлі. Краса та граціозність обрисів силуету можуть надати композиції неповторності та певної чарівної індивідуальності.
КОМПОЗИЦІЯ НА РИТМІ Одна з найпоширеніших композицій, бо ритм - основа життя. Навіть у найстатичніших композиціях можна знайти прояви ритму - ритм плям, кольору, ліній,ритм руху тощо.
РУХ Композиційний прийом, коли погляд, увійшовши в певному місці в композицію, починає завдяки лініям, напрямкам пересуватися від одного об'єкта до іншого, утворюючи складну криву, що охоплює майже весь робочий простір.
Який вид композиції найефективніший?
Заголовки так само повинні затримувати увагу, і їхня роль може бути навіть більш важливою, ніж роль ілюстрації. Шрифт має бути помірно великим. Заголовок, розташований нижче ілюстрації, може розраховувати на 10% збільшення числа читаючих.
Призначення візуальних засобів
Багато читачів сприймають сторінку в такому порядку:
- Дивляться на картинку
- Читають заголовок
- Читають текст