Закони дизайн-композиції

Page 1

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

Шевченко Вікторія Едуардівна Доктор наук із соціальних комунікацій, Доцент кафедри електронних видань і медіадизайну

Основи технічної естетики і дизайну видання Електронні дидактичні демонстраційні матеріали

Затверджено Вченою Радою Інституту журналістики Протокол № 8 від 11 березня 2015 р.

© Вікторія Шевченко, 2015


Тема ЗАКОНИ

ДИЗАЙН-КОМПОЗИЦІЇ © Вікторія Шевченко, 2015


План теми

1. Композиційна побудова повідомлення. 2. Універсальні закони сприйняття композиції. Закон цілісності. Закон типізації. Закон контрастів. Закон підпорядкованості ідейному задуму. 3. Відображення фізичних законів у композиції

© Вікторія Шевченко, 2015


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

особливостей Око

людини

людського переміщається

по сторінці за певним «маршрутом». Завдання. У наступних творах мистецтва пояснити послідовність «читання» картини, схему руху погляду

© Вікторія Шевченко, 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


Підпорядкування частини цілому

Логотип до 60-річчя хорватського театру сліпих

перукарня Бар “Black Olive”

© Вікторія Шевченко, 2015

Логотип фотографа. F з символом градусів алюзія на шкалу Фаренгейта і його прізвище "Frosty" - "Заморожений".


Підпорядкування частини цілому

Магазин меблів “Roomea”

© Вікторія Шевченко, 2015


Динаміка

© Вікторія Шевченко, 2015


Динаміка

© Вікторія Шевченко, 2015


Динаміка

© Вікторія Шевченко, 2015


Динаміка

© Вікторія Шевченко, 2015


Динаміка

© Вікторія Шевченко, 2015


Рівновага, гармонія

© Вікторія Шевченко, 2015


Рівновага, гармонія

© Вікторія Шевченко, 2015


Рівновага, гармонія

© Вікторія Шевченко, 2015


Рівновага, гармонія

© Вікторія Шевченко, 2015


Основні принципи побудови зовнішньої форми Об`єднання за однорідними ознаками: формою, кольором, технікою виконання тощо; акцентування на найважливішій однорідності, яка підкреслюється у композиції; використання контрасту для створення «напруги» на сторінці; дотримання закону обмеження (не більше трьох характеристик) у деталях, кольорі, шрифтах; симетричність та асиметричність; домірність у використанні пробільних елементів; дотримання оптичної рівноваги шляхом правильного розміщення великих, важких, темних форм відносно малих, легких та світлих. Завдання. Знайти приклади використання основних принципів побудови зовнішньої форми © Вікторія Шевченко, 2015


Сприйняття краси закладено в її структурній основі: 1. Розчленування (тобто форма у природі та мистецтві повинна складатися з декількох частин). 2. Різноманітність (тобто частини форми відрізняються розміром, кольором; різноманітність потрібна людині, одноманітність втомлює її розум). 3. Пропорційність (розмір частин у порівнянні між собою та цілим предметом). 4. Групування (розподіл частин у формі). 5. Шляхетність – краса ліній. 6. Єдність – це коли створюється така форма, всі фактори якої узгоджені між собою та виражають спільну ідею.

© Вікторія Шевченко, 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


Закон цілісності

Дотримання закону цiлiсностi, коли всi елементи рiвнозначнi;

© Вікторія Шевченко, 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. Смисловий.

© Вікторія Шевченко, 2015


Закон контрасту

© Вікторія Шевченко, 2015

Розмірний контраст


Закон контрасту Виділення силуетом, світом, кольором, розміром, розташуванням

© Вікторія Шевченко, 2015


Закон контрасту

© Вікторія Шевченко, 2015


Закон контрасту

© Вікторія Шевченко, 2015


Закон контрасту

Контрастне виділення силуетом

2)

© Вікторія Шевченко, 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.Завдання на слайдах 4, 51. 2.Підібрати приклади дотримання законів композиції. 3. Переглянути фільм «Урок композиції» та законспектувати його https://www.youtube.com/watch?v=jSCcH1PLNGA#t=1772 4. З однакових елементів (заголовок, текст, підзаголовки, логотип, слоган, зображення) створити композиції на дотримання законів композиції: 1) дотримання закону цілісності, коли всі елементи рівнозначні; 2) контрастне виділення силуетом, світом, кольором, розміром, розташуванням (дотримання закону контрастів); 3) закон типізації – передача руху, розвиток дії в часі; 4) закон підпорядкованості.

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


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

© Вікторія Шевченко, 2015


Симетричне розташування елементів

дисиметричне, антисиметричне, асиметричне розташування

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

© Вікторія Шевченко, 2015

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

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

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


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

© Вікторія Шевченко, 2015


Підібрати акценти встановити акценти на різних словах •кольором; •розміром; •тоном.

© Вікторія Шевченко, 2015


Врівноважена композиція

© Вікторія Шевченко, 2015


Зсунутий композиційний центр у рекламі (наявність усіх елементів)

© Вікторія Шевченко, 2015


Література

1. Голубева О. Л. Основы композиции. М.: Издательский дом «Искусство», 2004. - 120 с. http://www.newsman.tsu.ru/wpcontent/uploads/library/photojourn/golubeva.pdf 2. Законы композиции на экране // http://v-montaj.narod.ru/publik/St-15.html 3. Кибрик Е. Объективные законы композиции в изобразительном искусстве // «Вопросы философии» 1967. № 106. http://www.e-reading.link/bookreader.php/149085/Kibrik_-_Obektivnye_zakony_kompo 4. Шевченко В. Е. Основні поняття, що визначають зовнішню форму друкованого видання: Текст лекції для студентів Інституту журналістики. – К. : Інститут журналістики, 2004. — 28 с. 5. Шевченко В. Е. Основи дизайн-композиції рекламної продукції: текст лекції / В. Шевченко. – К.: Інститут журналістики, 2010. – 48 с.

© Вікторія Шевченко, 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.