Як ефективно поєднувати типографію та зображення
На початку квітня запустився Марафон Креативної Практики, цикл лекцій та майстер-класів від експертів українських креативних індустрій на підтримку Збройних сил України, благодійних фондів, волонтерів та всіх, хто наближає нашу перемогу.
Анна Сенюк, креативна директорка агенції Postmen, присвятила лекцію взаємодії з типографією та поділилася 12 ефективними методами злиття шрифту та зображення. Основні ідеї лекції викладені нижче, проте ви можете переглянути повний виступ за посиланням.
Робота зі шрифтом і зображенням, а також інтеграція цих двох елементів є основою та базою гарного графічного дизайну. Ці навички знадобляться фахівцям у будь-якій сфері: від книжкової графіки до брендингу.
![](https://cdn.cases.media/image/wide/594a5052-b725-4bd3-a43a-28712cde5671.jpg)
Ідея лекції натхненна діяльністю креативної пари Nancy Skolos та Tomas Wedell, які займаються дослідженням типографії. Для більшого занурення в тему Анна Сенюк рекомендує ознайомитися з книгою їхнього авторства «Type, Image, Message: A Graphic Design Layout Workshop».
![](https://cdn.cases.media/image/wide/dcb4dc68-187c-4322-b837-a8c129fe2c54.png)
Методи ефективної взаємодії тексту та зображення
На першому етапі можна виділити 4 ключові методи інтеграції типографії з зображенням: розділення, злиття, фрагментація та інверсія. Кожному з них підпорядковуються ще три способи. Усі вони мають певні властивості й допомагають вирішувати різні дизайн-задачі: від привернення уваги до створення гармонійної композиції між елементами.
Перший метод — розділення
Головне: типографія та зображення існують окремо один від одного.
У разі використання цього методу принцип поділу наділяє текст і зображення чіткою автономією (такого ефекту розділення можна досягти, наприклад, за допомогою додаткових графічних елементів).
Які бувають типи розділення?
- Шари (напис та зображення взаємодіють, але розташовані на різних незалежних шарах).
- Фрейми (як у вебдизайні — кадр є окремою зоною, у якій міститься певний вид інформації; спостерігається чіткий поділ на зону типографії та зону зображення).
- Маски (зображення обмежене маскою, що відокремлює його від шрифту та від іншого зображення).
Метод розділення використовуємо для того, щоб:
- Посилити зображення типографією або навпаки, протиставити їх одне одному;
- Організувати ієрархію для спрощення сприйняття;
- Додати більше змісту та об’єднати різні сенси тексту та зображення;
- Створити серійність робіт (використовується в дизайні обкладинок журналів, приклад — The New Yorker).
![](https://cdn.cases.media/image/wide/5afece02-aec1-46fd-aa38-0cf4ec00f891.png)
![](https://cdn.cases.media/image/wide/198da385-64ed-4632-aa9f-8d335f498f91.png)
Другий метод інтеграції тексту та зображення — злиття
Головне: типографія та зображення об’єднуються в загальну структуру
Принцип злиття використовує силу синтезу та образу. Він стане в пригоді у випадку, коли потрібно створити цілісну та гармонійну картинку.
Типи злиття:
- Оптична взаємодія (використання графікою та типографією взаємної перспективи, єдиного оптичного простору).
- Злиття — загальна площина (коли важко відокремити шрифти від зображення, можливе проникнення та накладання).
- Злиття — загальний рух (на типографію та зображення діють спільні сили чи закони фізики, або одне є продовженням руху іншого).
Функції злиття в дизайні:
- Посилення концептуального напрямку;
- Створення складного нереального простору;
- Залучення глядача поглянути на певний предмет із несподіваної точки зору;
- Змішування протилежних між собою речей для створення міцної асоціації.
![](https://cdn.cases.media/image/wide/c5c24f3a-8614-46c2-877c-63aa5930ea85.png)
![](https://cdn.cases.media/image/wide/692c4533-5d73-4273-8813-509bd5e8da8f.png)
Ще один ефективний тип взаємодії — фрагментація
Головне: типографія та зображення зміщують, перекривають, руйнують цілісність один одного.
Принцип фрагментації виникає, коли текст і зображення порушують стан один одного. Елементи часто розрізнені, розділені або нерівномірно розподілені. Під час фрагментації головна роль дістається візуальній частині, а текстова переходить на задній план.
Які є різновиди фрагментації?
- Іррегулярність (елементи розрізнені, розміщені хаотично, нерівномірно).
- Проникнення (текст проникає в зображення або одне витісняє інше).
- Перебільшення (завдяки розміру та кольору — зображення виділяється на тлі напису або навпаки. Ефекту перебільшення можна досягти будь-якою ознакою: розміром, пластикою чи кольором).
Використання фрагментації допоможе:
- Привернути увагу, зробити правильний акцент;
- Створити відчуття занепокоєння або хаосу;
- Передати ефект сюрреалістичності;
- Побудувати складне повідомлення з кількома сенсами.
![](https://cdn.cases.media/image/wide/09b80282-4094-49e6-a637-44e2f4462a82.png)
![](https://cdn.cases.media/image/wide/d2103a5b-4593-4cdc-af62-f427ccd0044c.png)
Кінцевий тип інтеграції — інверсія
Головне: типографія та зображення міняються ролями
Принцип інверсії — це доволі специфічна категорія взаємодії з обміном ролями. Він посилює зв’язок між словом та образом і створює міцний візуальний союз, що здатний передати нові значення образу.
Інверсію поділяємо на такі типи взаємодії:
- Реалізм (можливе використання крафту, фотографії або 3D-рендера, наприклад, зображення стає типографією, відбувається зміна ролей, графічна візуальна частина = текстовій).
- Структури (типографія є структурною частиною зображення, тож у випадку, коли типографія виконує роль зображення, вона має залишатися читабельною).
- Маски (типографія стає отвором, крізь який ми спостерігаємо за зображенням).
З інверсією можемо працювати, щоб:
- Створити ефект несподіванки;
- Показати зв’язок між елементами;
- Надати композиції гармонійності.
![](https://cdn.cases.media/image/wide/e88ec5a7-7317-4d49-9ce4-379d726b055b.png)
![](https://cdn.cases.media/image/wide/0d2c77e6-3038-4dd4-b48d-ee35b460f2a9.png)
Текст підготувала Дарина Пономаренко.