Київський національний університет імені Тараса Шевченка
Шевченко Вікторія Едуардівна Доктор наук із соціальних комунікацій, Доцент кафедри електронних видань і медіадизайну
Основи технічної естетики і дизайну видання Електронні дидактичні демонстраційні матеріали
Затверджено Вченою Радою Інституту журналістики Протокол № 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