Шевченко В. Композиційна будова друкованої та електронної продукції by Victoryshe

Київський національний університет імені Тараса Шевченка Інститут журналістики Кафедра мультимедійних технологій і медіадизайну

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

Композиційна будова друкованої та електронної продукції Затверджено Вченою Радою Інституту журналістики Протокол № 8 від 11 березня 2016 р.

Презентація лекції для студентів Інституту журналістики

Шевченко В. Композиційна будова друкованої та електронної продукції: Електронні дидактичні демонстраційні матеріали для студентів напряму підготовки 6.030303 «Видавнича справа та редагування» Інституту журналістики / Вікторія Шевченко. Режим доступу: http://smd.univ.kiev.ua/?p=9868. – К.: Інститут журналістики, 2016. – 241 слайд.

План теми

1. Етапи створення композиції 1.1. Постановка задачі 1.2. Визначення розмірних характеристик 1.3. Вибір композиційної схеми 1.4. Кадрування, групування, вирівнювання, розподіл навантаження. 1.5. Ритміка елементів 1.6. Ієрархія змістових акцентів 2. Правила композиційної побудови 2.1. Правило третин 2.2 Правило непарної кількості об’єктів 2.3. Правило повітря 2.4. Повторення (інтервали, колір, розмір, форма) 2.5. Правило траєкторії погляду 2.6. Структура та правило лінійних схем 3. Поради щодо створення композиції © Шевченко Вікторія, 2016.

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

Характеристики композиції: • • • • • •

колір - відтінок, насиченість, яскравість – світлий, темний елемент, лінія - пряма, зігнута, тонка, жирна, переривчаста; форма – вадрат, коло, трикутник; фігура – точка, куб, піраміда; текстура - якість поверхні (блиск, глянець, "мокра", "пісочна”); • простір - відстань між об'єктами.

Принципи дизайну: • • • • • • • •

рівновага, акцент, гармонія, динаміка, ритм, пропорція, цілісність, різноманітність.

1. Етапи створення композиції: 1. Чітке визначення ідеї, постановка задачі, вибір обов’язкових елементів. 2. Визначення формату, розмірних характеристик всіх елементів. 3. Підбір схеми розташування. 4. Кадрування, групування, вирівнювання, розподіл навантаження. 5. Побудова ритмічного ряду 6. Керування поглядом, ієрархія змістових акцентів

1. Етапи створення композиції:

Чітке визначення ідеї, постановка задачі, аналіз композиції

Визначення формату, розмірних характеристик всіх елементів

1.Етапи створення композиції: 3. Вибір схеми, встановлення зв’язків між елементами головний

диктатура

рух

Вибір схеми: Головний

Вибір схеми: диктатура

3. Вибір схеми: рух

Рух

3. Вибір схеми: рух по колу.

Завдання: • Знайти приклади, створити власні композиції, пояснити значення кожної схеми (диктатура, головний, динаміка). • Запрогпонувати власну схему • Перетворити композицію (з однієї схеми в іншу). Пояснити зсув акценту.

3. Вибір схеми: рух, падіння П. Брейгель Сліпі

тонова схема

Тонова схема, напрямок руху погляду

Між елементами композиції існують явні та приховані зв’язки До явних відносяться елементи, що належать абстрактному рівню сприйняття : • загальний ритм, • повторення, • силует, • пляма, • контраст До прихованих відносять масковані композиційні деталі, сприймані тільки при активному, зацікавленому сприйнятті. © Шевченко Вікторія, 2016.

Вибір схеми: приховані зв’язки

Повторення форми руху елементів

Візуальне продовження руху елементів

Вибір схеми: ритм.

Композиційні схеми: • візуальне продовження руху форми елементів композиції (як засіб керування динамікою погляду глядача).

Пітер Брейгель "Великі риби поїдають маленьких..." чітко видно загальну схему.

Композиційні схеми • рух, • об’єкт і великий порожній простір

Композиційні схеми протиставлення: група об’єктів і самотній об’єкт осторонь чи на тлі цієї групи.

схеми розміщення об’єкта в нижній частині зображальної площини з важкою і перевантажено ю верхньою частиною, наче «тисне» на об’єкт пригніченість © Шевченко Вікторія, 2016.

Композиційні схеми малий об’єкт

Завдання. Підібрати приклади (схеми), створити власні композиції 1. Зображальні елементи врівноважують один одного. 2. Текст контрастує за начисеністю з зображенням. 3. Ширина шпальт і їх кількість на сторінці пропорційно взаємозалежні. 4. Кількість шпальт задає ритм сторінки.

4. Кадрування, групування, вирівнювання, розподіл навантаження. Природні рамки: вікна, двері

4. Кадрування, групування, вирівнювання, розподіл навантаження.

Кадрування • обличчя • плечі • грудь • пояс • вище колін • нижче колін

• повний зріст © Шевченко Вікторія, 2016.

4. Кадрування, групування, вирівнювання, розподіл навантаження.

Розподіл мас:

• • • •

великі об’єкти, компактні групи об’єктів, композиційні плями, колірні плями.

Розподіл мас: • компактні великі групи об’єктів,

Розподіл мас: • великі композиційні плями

Розподіл мас

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

Розподіл мас Рівновага на основі асиметрії

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

Розподіл мас: • активні кольорові плями.

Розподіл мас • тонові співвідношення

Розподіл мас: • наявність великої кількості дрібних деталей і елементів, але головне читається відразу

Розподіл мас (композиційні плями)

• смисловий центр у світлій ділянці

Контраст – фігура і тло

Розподіл мас • основа композиції – кольорові плями

Розподіл мас: тональні композиції

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

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

Розподіл мас: • Рух на другому плані, чітке позначеня головного

Завдання. 1. Зробити фотографію з кількому об’єктами на ній. 2. За допомогою кадрування, групування, вирівнювання, зміни тону, яскравості, розподілу навантаження побудувати певний зоровий центр 3. Зробити акценти на різних об’єктах, перенести увагу на другорядні елементи. Пояснити. © Шевченко Вікторія, 2016.

Ритміка

повторення однотипних елементів

Ритміка

Ритміка: перспектива

• лінійна • повітряна та кольорова • межева

• • • • •

Ієрархія змістових акцентів. Правила керування поглядом

Визначення зони уваги Визначення якості уваги Поділ послідовності уваги на кілька кроків Використання циклічності Розподіл активності уваги на різних етапах сприйняття • Виділення головного

Змістовий акцент • Визначення зони уваги

Керування поглядом Визначення зони уваги

Керування поглядом

• Розподіл активності уваги на різних етапах сприйняття

Керування поглядом • Розподіл активності уваги на різних етапах сприйняття

Керування поглядом Використання циклічності

Керування поглядом

Керування поглядом • Виділення головного – яскраво виражена основна думка

2. Правила композиційної побудови 1. 2. 3. 4. 5.

правило третин правило непарної кількості об’єктів правило повітря правило траєкторії погляду правило повторення (інтервали, колір, розмір, форма) 6. правило лінійних схем (фігури), 7. правило напрямку горизонталь, вертикаль, діагональ) © Шевченко Вікторія, 2016.

Правило третин

Правило третин – фокусні точки на перетині трьох горизонталей і трьох вертикалей Золотий перетин – математична функція ав:вс = ас:ав = 1,618 = a/b = b/c

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

Правило третин

правило третин

• фокусна точка – голова хлопчика, пересунемо сітку

Правило третин

• обрізаємо зображення

Правило третин

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

Правило третин

небо -1/3, акцент - внизу

Правило третин

• акцент в верхній третині

Правило третин

• Горизонт не повинен лежати посередині, він повинен знаходитись або у верхній частині знімка, або в нижній.

•

Правило третин

Горизонт не повинен лежати посередині, він повинен знаходитись або у верхній частині знімка, або в нижній.

•

Правило третин

Горизонт не повинен лежати посередині, він повинен знаходитись або у верхній частині знімка, або в нижній.

Правило третин

•

Єдине дерево на знімку треба з'єднати з однією з двох вертикальних ліній третин

Правило третин • У просторі кадру завжди має залишатися місце для «руху» предмета

Золотий перетин

гармонічний поділ відрізка на дві частини так, що менша частина так відноситься до більшої, як більша до цілого: a/b = b/c, де а – менший відрізок; b – більший відрізок; с = а + b. Або а:b = (а+b) : а © Шевченко Вікторія, 2016.

Парфенон (V ст. до н. е.)

Золотий перетин

Собор Парижської Богоматері

пірамида Хеопса

об’єкт біля центру

Око у центрі композиції

Правило непарної кількості об’єктів

При зображенні непарної кількості об'єктів один з них знаходиться в центрі уваги

Правило непарної кількості об’єктів

Правило повітря

Правило повітря Залишаючи простір на знімку ми переміщаємо основний сюжет в одну з третин знімка

Правило повторення (інтервали, колір, розмір, форма)

На тлі однакових елементів (паттернів) відмінний об’єкт стає акцентом

Правило повторення

Правило траєкторії погляду Щоб спрямувати погляд використовують наступні елементи: • зони якнайкращого сприйняття інформації; • масштаб; • переліки; • графічні елементи, стрілки; • блоки (групування); • колір; • погляд живої істоти; • поступове збільшення (зменшення). © Шевченко Вікторія, 2016.

• зона уваги

• вріз, виділення в тексті, масштаб

• покажчики, дати

блоки

Правило траєкторії погляду • послідовність дій

Правило траєкторії погляду • стрілки

Правило траєкторії погляду

Правило траєкторії погляду • зміна тону

Правило траєкторії погляду

Правило траєкторії погляду • погляд

Правило траєкторії погляду • блоки • колір • зміна тону

Правило траєкторії погляду

Структура та правило лінійних схем • Суть композиційної схеми - це загальна композиційна ідея, виражена на абстрактному рівні. • Схема зображається лініями зі стрілками, кожна форма - у вигляді фігури (трикутника, прямокутника, кола)

Структура та правило лінійних схем Розглядаючи композицію — живопис, фото, графіку, обкладинку, титул ми в більшості випадків можемо встановити структуру і лінійну схему, по якій будується композиція. Структура визначає узагальнений характер композиції, наприклад вертикальність, горизонтальність, діагональність, побудованої на дрібній плямі або на великій Лінійна схема, узагальнена до простої геометричної фігури, утворює головний принцип побудови композиції. У одному випадку це буде трикутник, в іншому — круг, в третьому — діагональ... © Шевченко Вікторія, 2016.

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

Види лінійних схем • • • • • • • • •

Радіальна композиція Трикутна композиція Квадратна композиція Прямокутна композиція Ромбоподібна композиція Кругла композиція Овальна композиція Лінійна композиція Спіральна композиція © Шевченко Вікторія, 2016.

Лінійні схеми Радіальна композиція - всі лінії (видимі і невидимі) спрямовують погляд відразу до центру композиції

Лінійні схеми Трикутна композиція

Лінійні схеми •

Трикутна композиція

Квадратна композиція

Лінійні схеми

Лінійні схеми Прямокутна композиція

Лінійні схеми Ромбоподібна композиція

напівовальна композиція

Лінійні схеми

Лінійні схеми Складні схеми (кілька фігур одночасно): • різні фігури • однакові фігури • хрестоподібна композиція

Лінійні схеми трикутник та прямокутник

Лінійні схеми • однакові фігури

• хрестоподібна композиція

Лінійні схеми

Лінійні схеми Бажано, щоб кожна фігура відрізнялася від інших кольором або тональністю. Домінуючих кольорів повинно бути не більше 3-4х і вони їх пропорції приблизно такі ж, що і для фігур: 4:2:1, тобто, одного кольору повинно бути багато, іншого вдвічі менше і третього в 4 рази менше.

Лінійні схеми

Фігури повинні бути об'єднані в композицію, тобто вони не повинні бути хаотично розкидані по полотну, а об'єднані через групування, вирівнювання, невидимі лінії, і т.д. Серед фігур повинна бути ієрархія і другорядні фігури повинні підкорятися головній.

Лінійні схеми

Лінійні схеми • об’єднання елементів

Структура: горизонталь, вертикаль, діагональ, блок; точка зйомки

діагональ

Види композиційної побудови • • • •

Симетричність чи асиметричність Сталість та рухомість Послідовність погляду, рух очей Об’ємність чи площинність

Симетрична композиція: завершеність, статичність

С т а л а к о м п оз и ц і я

• Елементи сторінки (текстові блоки, зображення), форма яких паралельна межам сторінки, оптично немов би прилипають до полів або обрамлення

• якщо не поставлено за мету створити сталу, закінчену в межах сторінки або розвороту композицію, не слід розташовувати по краях композиції елементи, паралельні обрамленню. © Шевченко Вікторія, 2016.

Стала композиція Обрамлення розвороту

горизонталь

• вертикаль – піднесеність, велич оптичний центр вище геометрич ного верхня частина більша за нижню

Рух погляду

горизонтальні елементи перестають бути статичними, оскільки перериваються

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

• діагональ зліва знизу направо спокійніша

• Лінійні елементи, наприклад, дороги, водні шляхи, й огорожі, встановлені по діагоналі, зазвичай роблять краєвид більш динамічним, ніж ті, які розт ашовані горизонтально

композиція з 2 діагоналей

Якщо дві діагоналі перетинаються, то схема наближається до хрестоподібної і стає статичною.

Правило діагонального золотого перерізу 3 пари ділянок (6 частин).Головні об’єкти в межах зон

• нижня точка, щоб привернути увагу до верхнього об’єкта

опущений горизонт

верхня точка – спокій, статичність

об’ємність вертикальність підкреслює висоту будинку

Об’ємність: діагональна композиція

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

Лінійна композиція

Завдання • Створити композиції на 7 правил композиційної побудови.

Література