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

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.