Шевченко В. Художні засоби композиції. Ч.3. Змістовий центр

Художні засоби дизайну (закони гармонії) Ч. 3. Змістовий центр

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

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

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

Художні засоби дизайну Частина 3. Змістовий центр

Електронні дидактичні матеріали (презентація лекції) для студентів напряму підготовки 6.030303 «Видавнича справа та редагування» з дисципліни

Архітектоніка і медіадизайн

Рекомендовано кафедрою електронних видань і медіадизайну Протокол № 4 від 23.11.2015 © Шевченко Вікторія, 2015

План теми Види симетрії.

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

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

Центр композиції виділяється      

розміром, освітленістю, кольором, насиченістю, декоративними елементами, розташуванням відповідно до законів композиції.

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

Центральний елемент композиції змістовий центр

(С) Шевченко Вікторія, 2014

Композиційний центр – частина композиції

Змістові акценти

(С) Шевченко Вікторія, 2014

Композиційний центр контрастно виділений

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

Центр акцентований іншими елементами

Композиційний центр – посередині сторінки – фото Олександра Педана. На центр спрямовані всі елементи композиції

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

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

Поле зору - кутовий простір, видимий оком при фіксованому погляді і нерухомій голові Людина має поле зору: 55 ° вгору, 60 ° вниз, 90 ° назовні і 60 ° - всередину Дані вірні тільки для ахроматичних кольорів Найменший кут поля зору - у зеленого кольору , найбільший у синього . Поле зору оптичного приладу залежить від його збільшення - чим вище збільшення, тим менше поле зору. (С) Шевченко Вікторія, 2015

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

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

Прийоми розміщення композиційного центру:   

    

оптичний центр зсунутий центр перший чи другий просторовий план трикутник діагональ - рух погляду у точках золотого перетину лінія, пляма декоративні елементи © Шевченко Вікторія, 2015

        

шрифт світло тон колір маса форма збільшення, розмір повторення шок

Розміщення акценту в оптичному центрі

(С) Шевченко Вікторія, 2014

(С) Шевченко Вікторія, 2014

Суміщення композиційного центра з геометричним 

«Тайна вечеря» Леонардо да Вінчі

(С) Шевченко Вікторія, 2014

Суміщення композиційного центра з геометричним

«Оленка» В. М. Васнєцова

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

Зв’язок композиційного центру з іншими елементами композиції на основі закону цілісності

Попри велику кількість елементів, композиція врівноважена за рахунок чітких форм

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

Композиційний центр зсунутий, вибудовує траєкторію погляду

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

Діагональ - рух погляду

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

Другий просторовий план

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

Засоби встановлення композиційного центру: розмір, повтор

(С) Шевченко Вікторія, 2014

Центр – розмір, форма, повтор

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

Засоби встановлення композиційного центру: колір, шрифт

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

Орнамент 

центр може бути відсутнім, але є головний мотив і елементи, що його підкреслюють

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

Головне та другорядне в композиції без центру

(С) Шевченко Вікторія, 2014

(С) Шевченко Вікторія, 2014

Кілька композиційних центрів svet2023

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

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

(С) Шевченко Вікторія, 2015

Композиційний центр спеціально зсувають від оптичного центру, щоб побудувати траєкторію погляду людини за певною схемою:  діагональ,  трикутник,  прямокутник,  трапеція,  горизонталь,  вертикаль

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

Побудова композиції

Елементи композиції мають форму геометричної фігури (трикутник, прямокутник, квадрат...).

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

Композиційний центр

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

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

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

Позначення композиційного центру тоном

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

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

Акцент зсунутий через освітленість

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

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

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

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

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

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

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





Композиційний центр нечіткий тому, що колонка перетягує увагу від заголовка до себе і погляд повільно йде вниз до слів «Новий еталон звучания». Висвітлена колонка робить сторінку легше





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



око людини чіпляється за смислові точки, і переходить по композиції. Подразник - рух

(С) Шевченко Вікторія, 2014

Людина реагує на подразник: •рух •світловий ефект •зміна освітленості •контраст кольору •контраст розмірів •контраст форм. Погляд зупиняється на яскравому елементі

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

(С) Шевченко Вікторія, 2014

Композиційний центр залежить від: 1. Своєї величини і величини другорядних елементів.

2. Положення на площині. Довкола елементу організовується порожній простір, а другорядні елементи зближуються, вказують на головний елемент силовими лініями.

3. Форми композиційного центру, яка контрастує з формою інших елементів.

4. Фактури елементу, яка відрізняється від фактури інших елементів.

5. Кольорів. Шляхом вживання контрастного (протилежного кольору) до кольору другорядних елементів (яскравий колір в нейтральному середовищі, і навпаки; хроматичний колір серед ахроматичних; теплий колір при загальній холодній гаммі другорядних елементів; темний колір серед світлих).

6. Виділення елемента. Головний елемент більш контрастний, ніж другорядні.

7. Освітлення елементу.

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

Композиційний центр залежить від: 1. Своєї величини і величини другорядних елементів.

(С) Шевченко Вікторія, 2014

Композиційний центр залежить від:

Композиційний центр залежить від своєї величини та розміру другорядних елементів

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

Композиційний центр залежить від: 2. Положення на площині. Довкола елементу організовується порожній простір, а другорядні елементи зближуються, вказують на головний елемент силовими лініями.

(С) Шевченко Вікторія, 2014

Композиційний центр залежить від: 3. Форми композиційного центру, яка контрастує з формою інших елементів.

(С) Шевченко Вікторія, 2014

Форма

(С) Шевченко Вікторія, 2014

Композиційний центр залежить від:

4. Фактури елементу, яка відрізняється від фактури інших елементів чи від звичного

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

Композиційний центр залежить від:

5. Кольорів. Шляхом вживання контрастного (протилежного кольору) до кольору другорядних елементів (яскравий колір в нейтральному середовищі, і навпаки; хроматичний колір серед ахроматичних; теплий колір при загальній холодній гаммі другорядних елементів; темний колір серед світлих).

(С) Шевченко Вікторія, 2014

Композиційний центр залежить від: 6. Виділення композиційного центра. Головний елемент більш контрастний, ніж другорядні.

(С) Шевченко Вікторія, 2014

7. Освітлення елементу

(С) Шевченко Вікторія, 2014

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

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

 

неправильні акценти: зображення відвернуті, масштаб, підкладки

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

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

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

(С) Шевченко Вікторія, 2014

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

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

(С) Шевченко Вікторія, 2014

Рух вгору (шар, діти, діагональ)

(С) Шевченко Вікторія, 2014

Активна дія, контрасти, повтор, розворот

(С) Шевченко Вікторія, 2014

(С) Шевченко Вікторія, 2014

Васнецов Шум старого парка

(С) Шевченко Вікторія, 2014

Композиційний центр 

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

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

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

Композиційний центр – Шкода і старовинний храм – на першому плані

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

Розташування композиційного центру на передньому та другому просторових планах Композиційний центр – фото Боба Марлі на другому плані, на першому – “Перье”

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

glumangel

Композиційний центр на другому плані

(С) Шевченко Вікторія, 2014

Сутність прихована другорядними деталями

(С) Шевченко Вікторія, 2014

Збільшення розміру

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

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

Композиційний центр відсутній

(С) Шевченко Вікторія, 2014

Правила побудови композиції 1. Розбити сторінку на 3 частини 2. Складові частини розташувати по діагоналі 3. Акцент розмістити в центрі або зверху 4. Сформулювати головне (передній план) та другорядне (тло) і слідкувати, щоб кожне було на своєму місці

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

Варіанти побудови композиційного центру

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

(С) Шевченко Вікторія, 2014

(С) Шевченко Вікторія, 2014

(С) Шевченко Вікторія, 2014

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

2. Пояснити, на що впливає зсув композиційного центру.

3. Побудувати композицію, в якій композиційний центр виділений:  розміром,  освітленістю,  кольором,  насиченістю,  декоративними елементами,  розташуванням відповідно до законів композиції.

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

Завдання: знайти сайти, що мають композицію відповідно до схем

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

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

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