Шевченко В. Художні засоби дизайну. Ч.2. Динаміка та статика

Художні засоби дизайну (закони гармонії). Ч. 2. Динаміка та статика Шевченко Вікторія

Шевченко В. Художні засоби дизайну (закони гармонії) : Електронні дидактичні матеріали для студентів напряму підготовки 6.030303 «Видавнича справа та редагування». - Ч. 2. Динаміка та статика. – К. : Інститут журналістики, 2015. – 141 слайда.

Київський національний університет імені Тараса Шевченка

Шевченко В. Е.

Художні засоби дизайну

Частина 2. Рівновага та рух, динаміка та статика Електронні дидактичні матеріали (презентація лекції) для студентів Інституту журналістики Рекомендовано кафедрою електронних видань і медіадизайну Протокол № 4 від 23.11.2015 © Шевченко Вікторія, 2015

План теми

1. Види симетрії.

2. Рівновага та рух, динаміка та статика 3. Центральний елемент композиції – змістовий центр © Шевченко В. Е., 2015

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

© Шевченко В. Е., 2015

Рівновага - основа зорової композиції Композиційна рівновага забезпечує сумісність деталей, кольору, пластики. Рівновага – стан, у якому всі елементи збалансовані між собою. Існує два види рівноваги – формальна і неформальна.

© Шевченко В. Е., 2015

Рівновага кольору. Що за фрукт?

© Шевченко В. Е., 2015

Рівновага в природі

Велике-маленьке

Центр рівноваги Геометричний центр - це поділ композиції по горизонталі та вертикалі навпіл. Точка перетину і є геометричним центром. Оптичний центр знаходиться на 1/8 вище геометричного центру, або у точці, що відповідає принципу золотого перетину (5/8 від краю композиції)

© Шевченко В. Е., 2015

Оптичний та геометричний центр

Рівновага - розташування елементів зліва, справа, зверху та знизу від

центру

Формальна рівновага

абсолютна симетрія ліворуч і праворуч від центру

© Шевченко В. Е., 2015

Формальна рівновага

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Неформальна рівновага

Неформальна рівновага Візуальна рівновага, якої можна досягти розміщенням елементів різних розмірів, форм, колірної інтенсивності на неоднакових відстанях від оптичного центру

© Шевченко В. Е., 2015

Рівновага буває симетричною або асиметричною

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Симетрична рівновага досягається за допомогою такого розташування елементів, за якого частини однакової «ваги» розміщуються на рівних відстанях від оптичного центра (формальна рівновага

© Шевченко В. Е., 2015

Асиметрична рівновага

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

Що за вид симетрії? Який вид рівноваги?

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Рівновага несиметричної композиції • рівновага завдяки розміщенню головного елементу вище центру ліворуч

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

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

© Шевченко В. Е., 2015

Рівновага несиметричної композиції Складна геометрична форма одного елемента врівноважена кількома іншими об'єктами більш простої форми

© Шевченко В. Е., 2015

Рівновага несиметрично ї композиції

Рівновага кольору

Динаміка та статика Композиційна рівновага може бути сталою або мати внутрішню динаміку

© Шевченко В. Е., 2015

Стала рівновага

Неформальна рівновага – чоловік врівноважує другого чоловіка, дитячий візок врівноважують листки дерева і ліхтар © Шевченко В. Е., 2015

Внутрішня динаміка

© Шевченко В. Е., 2015

Порівняти

© Шевченко В. Е., 2015

Варіанти рівноваги з однакових елементів

© Шевченко В. Е., 2015

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

Рівновага в асиметричній композиції з активним рухом досягається застосуванням: •просторових пауз між елементами, які або наближаються один до одного, або віддаляються; •протиставленням великих та малих форм, контрастів темного і світлого, яскравого та млявого; •взаємодією композиційних засобів – контрасту, ритму, пропорцій; •сполученням асиметричних груп елементів з симетричними; •кольорових акцентів. © Шевченко В. Е., 2015

Рівновага в асиметричній композиції просторові паузи

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Симетричні групи елементів можуть сполучатися з асиметричними

© Шевченко В. Е., 2015

Порушення рівноваги яскравим кольоровим акцентом

© Шевченко В. Е., 2015

Рівновага несиметричної композиції рівновага завдяки розміщенню головного елементу вище центру ліворуч

© Шевченко В. Е., 2015

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

© Шевченко В. Е., 2015

Рівновага несиметричної композиції Складна геометрична форма одного елемента врівноважена кількома іншими об'єктами простішої форми

© Шевченко В. Е., 2015

Врівноважено за рахунок погляду і руки

© Шевченко В. Е., 2015

Порушення рівноваги, динаміка Насичені кольори здаються важчими, ніж світлі та прозорі, тому яскравий предмет здається більшим, аніж блідий і, якщо потрібно досягти рівноваги, змінюють форму і розмір об’єктів

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Формальна рівновага Рівновага вимагає такого розміщення всіх графічних елементів, щоби жодна частина не здавалася зорово важчою, ніж інша. Це легко досягти симетричною побудовою, коли однакові елементи розташовуються на однаковій відстані від вертикальної або горизонтальної лінії © Шевченко В. Е., 2015

Статична композиція

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Рух за схемою

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Неформальна рівновага Іноді оформлювачі свідомо відступають від принципу рівноваги, спеціально «переміщуючи» погляд читача у бік великої «плями», яка виокремлює важливий елемент. © Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Динаміка і рівновага досягаються горизонтальним зсувом однієї плями» щодо двох інших, розташованих по статичній вертикалі

© Шевченко В. Е., 2015

Зворотня діагональ

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Однакові або приблизно однакові конфігурації і ваги протистоять один одному в діагональних напрямках

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Статична композиція

© Шевченко В. Е., 2015

Динамічна композиція

© Шевченко В. Е., 2015

Акцент за рахунок повороту

© Шевченко В. Е., 2015

Акцент за рахунок кольору

© Шевченко В. Е., 2015

Статика: • відсутність діагональних напрямків; • мінімум вільного простору; • статичні пози; • симетрія, врівноваженість; • композиція, вписана в просту геометричну форму (квадрат, овал). © Шевченко В. Е., 2015

© Шевченко В. Е., 2015

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

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Для вираження динаміки, руху використовуються • фігури з гострими кутами; • вільний простір перед "рухомим" об'єктом; • напрям по діагональних лініях.

© Шевченко В. Е., 2015

Динамічна композиція

© Шевченко В. Е., 2015

Динамика Якщо в композиції присутня яскраво виражена динаміка, потрібна протидія. Вона надасть рівноваги, об’єкт буде в межах композиції, не буде «падати» чи «вилітати» за межі.

© Шевченко В. Е., 2015

Рух досягається 1. Поглядом живої істоти.

2. Механічними пристосуваннями, такими, як: стрілки, покажчики, вказівний палець, прямокутник, лінія 3. Послідовністю сюжету в кількох однотипних зображеннях (фоторепортаж, комікси, різні ракурси з одного місця.

4. Зміною яскравості та насиченості, тонової насиченості певного кольору.

5. Цифрами, зміною масштабу однакових елементів, дією в часі.

6. Зображенням перспективи, дороги, ріки.

7. Рухом об’єктів композиції, спрямованістю у певному напрямку.

8. Емоційним рухом композиції:.

9. Частковим виходом об’єкта за межі композиції.

10. Зсувом композиційного центру вбік від оптичного; вільним простором перед об’єктом , що рухається.

11. Застосуванням світлотіні, освітленості об’єкта з одного боку, виділення силуету 12. Діагональним чи вертикальним принципом розташування елементів 13. Інтервалами між елементами 14. Природною звичкою читача починати читання з верхнього лівого кута сторінки. © Шевченко В. Е., 2015

Погляд

© Шевченко В. Е., 2015

Переміщення

© Шевченко В. Е., 2015

Механічні пристосування

© Шевченко В. Е., 2015

Механічні пристосування

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

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Зміною яскравості та насиченості певного кольору.

Темне-світле

© Шевченко В. Е., 2015

Колір-монохром

© Шевченко В. Е., 2015

Цифри-послідовність дій Розставити послідовність – як побудувати будинок

© Шевченко В. Е., 2015

Послідовність

Як вийти з віражу на лижах

© Шевченко В. Е., 2015

Послідовність Футбол: атака від центру

© Шевченко В. Е., 2015

Зміна масштабу

© Шевченко В. Е., 2015

Дія в часі

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Зображенням перспективи

Рух об’єктів композиції, спрямованість у певному напрямку

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Динаміка - емоційність

© Шевченко В. Е., 2015

Емоційність

© Шевченко В. Е., 2015

Вихід за межі композиції

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Зсув композиційного центру

© Шевченко В. Е., 2015

Зсув композиційного центру вбік від оптичного

© Шевченко В. Е., 2015

Вільний простір перед об’єктом

© Шевченко В. Е., 2015

Світлотінь, перспектива

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Освітлення збоку

© Шевченко В. Е., 2015

Виділення силуету

© Шевченко В. Е., 2015

Діагональ

© Шевченко В. Е., 2015

Діагональним чи вертикальним принципом розташування елементів

© Шевченко В. Е., 2015

Вертикаль

© Шевченко В. Е., 2015

Інтервали між елементами

© Шевченко В. Е., 2015

Інтервали

© Шевченко В. Е., 2015

Зліва направо

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Динамічна композиція

© Шевченко В. Е., 2015

Якщо головний елемент композиції - фігура з м'якими округлими формами, найчастіше вона розташовується на площині трохи вище центру і зрушена вліво

© Шевченко В. Е., 2015

У нижній частині синій колір важкий

© Шевченко В. Е., 2015

У верхній частині синій колір легкий

© Шевченко В. Е., 2015

Червоний вверху - важкий

© Шевченко В. Е., 2015

Червоний вверху - важкий

© Шевченко В. Е., 2015

Червоний внизу - спокійний

© Шевченко В. Е., 2015

Жовтий вверху легкий

© Шевченко В. Е., 2015

Жовтий внизу - важкий

© Шевченко В. Е., 2015

Рівновага кольору

© Шевченко В. Е., 2015

Статично-динамічна композиція

© Шевченко В. Е., 2015

© Шевченко В. Е., 2015

Завдання: 1. Схематично зобразити обкладинку журналу та його розворот. Пояснити тип композиції. Зрушити рівновагу кольором, переформатуванням композиції (залишити ті самі елементи, але створити з них іншу композицію) .

2. Створити власні композиції, які виражають: • статику, спокій: – відсутність діагональних напрямків; – мінімум вільного простору; – статичні пози; – симетрія, врівноваженість; – уся композиція уписана в просту геометричну форму (квадрат, овал).

• динаміку: ‒ фігури з гострими кутами; ‒ вільний простір перед "рухомим" об'єктом; ‒ напрям по діагональних лініях. ‒ послідовний рух погляду ‒ порушення рівноваги кольором (світлі та яскраві кольори) • рівновагу в асиметричній композиції з активним рухом через: – просторові паузи між елементами, які або наближаються один до одного, або віддаляються; – протиставлення великих та малих форм, контрастів темного і світлого, яскравого та млявого, – взаємодію контрасту, ритму, пропорцій. © Шевченко В. Е., 2015

Діагональ

Масштаб

© Шевченко В. Е., 2015

Зміст, сюжет

Питання і завдання: 3. Продемонструвати відображення руху у композиціях: • Поглядом живої істоти.

• Механічними пристосуваннями, такими, як: стрілки, покажчики, вказівний палець, прямокутник, лінія • Послідовністю сюжету в кількох однотипних зображеннях (фоторепортаж, комікси, різні ракурси з одного місця.

• Зміною яскравості та насиченості, тонової насиченості певного кольору.

• Цифрами, зміною масштабу однакових елементів, дією в часі.

• Зображенням перспективи, дороги, ріки.

• Рухом об’єктів композиції, спрямованістю у певному напрямку.

• Емоційним рухом композиції:.

• Частковим виходом об’єкта за межі композиції.

• Зсувом композиційного центру вбік від оптичного; вільним простором перед об’єктом , що рухається.

• Застосуванням світлотіні, освітленості об’єкта з одного боку, виділення силуету • Діагональним чи вертикальним принципом розташування елементів • Інтервалами між елементами • Природною звичкою читача починати читання з верхнього лівого кута сторінки.

© Шевченко В. Е., 2015

Питання і завдання: 4. Зробити приклади відповідно до схем

© Шевченко В. Е., 2015

Дякую за увагу!

© Шевченко В. Е., 2015