Художні засоби дизайну (закони гармонії). Ч. 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