Рекламні макети: від ескізу до розміщення

Рекламний макет — це не «гарна картинка для затвердження». Це фінальний файл із чіткими розмірами, колірною моделлю, полями безпеки й текстом, який має спрацювати в конкретних умовах: на білборді біля траси, у стрічці Instagram чи на флаєрі в руках клієнта.

Більшість затримок у друкарні й провалених креативів у кабінеті реклами починаються не з ідеї, а з техніки: RGB замість CMYK, текст у зоні люверсів, обрізаний логотип у Stories, російськомовний слоган на зовнішній конструкції. Нижче — як зібрати макет так, щоб його прийняли з першого разу й він не розвалився після монтажу чи адаптації під плейсмент.

Матеріал зібраний під українські реалії: поліграфія, зовнішня реклама, Meta Ads, Google Ads і вимоги Закону України «Про рекламу» щодо мови та ідентифікації реклами.

Рекламний макет — не картинка, а робочий документ

У розмовній мові «макет» змішують із трьома різними речами. Якщо їх не розвести, команда сперечається про файл, який ніхто не може віддати в друк.

• Концепт / ескіз — начерк ідеї: композиція, меседж, настрій. Його показують замовнику, але в друкарню чи кабінет реклами він не йде.
• Шаблон — готова сітка в Canva, Figma чи Photoshop, куди підставляють фото й текст. Це прискорювач, не готовий макет.
• Мокап — фотореалістична сцена, де дизайн «натягнутий» на білборд, сітілайт або телефон. Потрібен для презентації клієнту, а не для виробництва.
• Оригінал-макет — файл у масштабі 1:1 (або зі вказаним масштабом), з правильним кольором, шрифтами в кривих, вильотами й безпечною зоною. Саме його приймає друкарня, підрядник зовнішньої реклами або модератор майданчика.

У цій статті під рекламними макетами маємо на увазі оригінал-макет плюс логіку креативу: що саме людина має встигнути зрозуміти й куди клікнути або поїхати.

З практики агенцій і друкарень одна й та сама помилка повторюється щотижня: замовник затверджує мокап із телефону, а у виробництво відправляє JPEG з Instagram. Мокап добре продає ідею. Виробничий файл має витримати обрізку, люверси, стиснення платформи й читабельність з відстані.

З чого складається макет, який читають за секунди

Око не «розглядає» рекламу як картину. Воно сканує її за фіксованим маршрутом: контрастний акцент → заголовок → офер → заклик до дії → бренд. Якщо цей ланцюжок розірваний, макет виглядає охайно в портфоліо й нічого не робить на носії.

Ієрархія, а не «все важливе»

На білборді 6×3 м водій має 1–2 секунди. На екрані смартфона — ще менше, бо палець уже гортає стрічку. Тому в макеті має бути один головний об’єкт і один головний текст. Другий рівень — уточнення. Третій — контакти, адреса, умови акції.

Працює просте правило трьох шарів:

1. Візуальний якір: обличчя, продукт крупним планом, сильний колірний блок.
2. Короткий заголовок: вигода або конкретна дія, а не назва компанії.
3. CTA + розпізнаваний бренд: кнопка, QR, телефон, логотип у безпечній зоні.

Якщо заголовок довгий, його все одно скоротять обставини: відстань, дощ на склі сітілайта, обрізка алгоритмом Meta. Краще скоротити самим.

Контраст і «повітря»

Читабельність тримається не на красивому шрифті, а на різниці між текстом і тлом. Світло-сірий на білому «зникає» і на екрані з автояскравістю, і на банері проти сонця. Тонкі гарнітури ламаються на широкоформаті, бо друк має растр, а вітер і шви конструкції з’їдають тонкі штрихи.

Для зовнішньої реклами орієнтир такий: основний текст має читатися з відстані, що в 10 разів перевищує висоту літери. Якщо літера 20 см, текст «працює» приблизно з 2 м; для траси цього замало. Тому на білборді заголовок часто роблять 40–80 см заввишки, а дрібні умови акції взагалі прибирають.

Бренд не повинен ховатися в кутку

Логотип ставлять туди, де його не зріже обрізка, не закриє люверс і не відріже адаптивний кроп у соцмережах. У цифрових макетах це центральна «safe zone». У друкованих — відступ від краю плюс технологічне поле під кріплення.

Друкований і цифровий макет живуть за різними правилами

Один дизайн рідко переживає копіювання «як є» з банера на Reels. Носій змінює не лише розмір, а фізику сприйняття.

Джерело даних: технічні вимоги українських друкарень і гайди форматів Google Ads / Meta Ads станом на 2026 рік.

На екрані RGB виглядає соковитіше. Після переведення в CMYK червоний «темніє», синій може піти у фіолет, неоновий градієнт — у бруд. Якщо клієнт затвердив макет із монітора без профілю, претензія «на друці не ті кольори» майже гарантована. Чесний шлях: закласти запас насиченості або зробити кольоропробу.

Цифровий макет страждає від іншого. Responsive-оголошення Google і гнучкі медіа Meta самі обрізають краї. Логотип біля рамки, ціна внизу кадру, дрібний дисклеймер — перші кандидати на зникнення.

Техпараметри, без яких файл не візьмуть у роботу

Технічні вимоги відрізняються між друкарнями, але ядро однакове. Нижче — робочий мінімум, який закриває більшість замовлень в Україні.

Поліграфія: листівки, флаєри, постери, журнальна смуга

• Масштаб 1:1.
• Колір CMYK, без RGB і без плашкових кольорів, якщо їх окремо не замовляли.
• Растрові зображення 300 dpi у реальному розмірі.
• Виліт 3–5 мм з кожного боку: тло й фото мають заходити за лінію різу.
• Значущі елементи не ближче 4–5 мм до різу (у журналі ще відступ від корінця).
• Шрифти переведені в криві або вбудовані в PDF.
• Чорний для тексту — звичайно 0/0/0/100, а не «багатий» чорний. Для великих плашок інколи використовують глибокий чорний на кшталт 20/20/20/100 — це треба узгодити з друкарнею.

Типові формати: A4 210×297 мм, A5 148×210 мм, єврофлаєр 99×210 мм. Для журналу на кшталт повносмугового модуля орієнтир післяобрізного формату близько 203×267 мм, дообрізного — з вильотом; точні цифри завжди беруть із media kit видання.

Банер, сітілайт, білборд

Для щита 3×6 м макет готують у реальному розмірі або в масштабі 1:10 / 1:4 з обов’язковою позначкою. Роздільність 72–100 dpi на великих площах нормальна: з 20–30 метрів око не бачить «пікселі», зате гігабайтний файл гальмує RIP друкарні.

Критично інше:

• Текст і логотип не ближче 20–30 см від краю білборда; на сітілайті 1,2×1,8 м — не ближче 70 мм.
• Під люверси залишають технічне поле близько 40 мм; під кишені верх–низ — до 60 мм.
• Формат часто TIFF з LZW, один шар, без альфа-каналів, CMYK.
• На зовнішній рекламі в Україні текст має бути державною мовою.

Для фасадного банера враховуйте не лише рамку, а реальность монтажу: складки, шви, тінь від карниза, сітку mesh, крізь яку видно стіну. Дрібний орнамент на mesh просто розчиняється.

Цифрові формати, якими варто стартувати

Універсальний пакет креативів на 2026 рік для більшості кампаній:

• 9:16 — 1080×1920 px для Reels і Stories.
• 4:5 — 1080×1350 px для стрічки Facebook / Instagram.
• 1:1 — 1080×1080 px для каруселі.
• 1.91:1 — 1200×628 px для горизонтальних плейсментів і частини Google.
• Логотип 1:1 (від 128×128, краще 1200×1200) і горизонтальний 4:1 для кабінетів Google.

Для завантажених банерів КМС «велика п’ятірка» досі закриває левову частку показів: 300×250, 336×280, 728×90, 300×600, 320×100. Вага класичного GIF/JPG-банера часто обмежена 150 КБ — дизайн із важкою фотографією сюди не влізе без спрощення.

Як зібрати макет: порядок дій, а не «намалювати красиво»

Порядок важливіший за програму. Canva впорається з Stories, InDesign — із багатосторінковим буклетом, Illustrator — із векторним банером, Photoshop — із фотоколажем. Якщо почати з декору, доведеться все перекладати під носій.

1. Зафіксуйте носій і мету. «Зробити рекламу кав’ярні» — не ТЗ. «Сітілайт біля метро + креатив 4:5 для запису в Instagram, офер — друга кава за 1 грн до кінця місяця» — уже можна верстати.
2. Зберіть обмеження. Розмір, виліт, мова, обов’язкові юридичні позначки, QR чи коротке посилання, чи є ліцензія, яку треба показати, чи потрібне маркування «Реклама».
3. Напишіть текст окремо від картинки. Заголовок, один абзац, CTA, дрібні умови. Потім викидайте все, що не влізає в носій. На білборді часто лишається 5–7 слів.
4. Побудуйте сітку. Поля, колонки, зона під логотип, зона під офер. Сітка рятує, коли з одного макета треба зробити серію: акція, відгук, наявність товару.
5. Підкладіть візуал під сітку, а не навпаки. Фото обрізають так, щоб обличчя й продукт не потрапили в мертву зону.
6. Перевірте технічку. Колір, dpi, криві, виліт, overlays інтерфейсу соцмереж, читабельність у ч/б (так перевіряють контраст).
7. Зробіть версії, не один файл «на всі випадки». Друкований PDF і окремий RGB-експорт для таргету. Одна «універсальна» картинка майже завжди програє в одному з каналів.

Короткий сценарій. Локальна студія йоги готує набір: A5-листівка в кав’ярні поруч, ролап на вході 85×200 см і оголошення в Instagram. Замість трьох різних ідей беруть одну обіцянку («Перше заняття 0 грн цього тижня»), одне фото викладача крупним планом і три композиції. На ролап ідуть великі літери й мінімум тексту. На листівку — розклад і QR. У Stories — той самий офер, але заголовок вище центру, бо знизу налізе інтерфейс. Одна кампанія, три технічно різні макети.

Типові помилки, через які зривають дедлайн

Друкарні рідко відмовляють «через смак». Вони повертають файл через те, що його неможливо коректно вивести.

• RGB у друкованому файлі. Кольори перерахуються непередбачувано, чорний текст може розкластися на чотири фарби й дати кольорову облямівку.
• Немає вильоту. Після обрізки з’являється біла смуга. «Підженемо в друкарні» працює не завжди: якщо тло складне, розтягнути край означає зіпсувати композицію.
• Важливе в зоні люверсів і кишень. Телефон або QR опиняється під кільцем кріплення — і макет треба переверстувати вже після узгодження.
• Ефекти, які не зведені. Прозорості, тіні, лінзи в Corel, спотові канали. На RIP частина ефектів зникає або дає артефакти.
• Дрібний кегль на великому носії. Парадокс: на моніторі 12 pt виглядає нормально, на банері з 10 метрів — як шум.
• Переспам тексту на креативі для Meta. Платформи давно не ріжуть оголошення жорстким «20% тексту», але перевантажений плакат усе одно гірше проходить навчання кампанії й виглядає як оголошення з 2014 року.
• Один файл для всіх співвідношень. Квадрат, розтягнутий у 9:16, обрізає голови й ціни.
• Непідписаний масштаб. Макет «як на екрані» без розміру в мм друкарня не може поставити в чергу.

У реальних кейсах часто «ламається» не дизайн, а комунікація. Замовник затвердив ескіз у месенджері, дизайнер відправив JPG, менеджер друкарні відкрив його на ноутбуці в RGB і сказав «норм». Через три дні банер на сонці йде плямами, бо вихідник був 72 dpi з соцмережі. Ланцюжок без контрольного PDF — це лотерея.

Що робити, якщо макет уже «поїхав»

Якщо друкарня повернула файл — не перемальовуйте все. Запитайте конкретний список: колір, виліт, шрифти, оверпрінт, імена плашок. Виправте точковим чек-листом.

Якщо креатив у кабінеті реклами не набирає покази, проблема не завжди в «некрасивості». Перевірте обрізку на всіх плейсментах, читабельність перших 3 секунд відео, відповідність оферу посадковій і мову. Новий макет без нової гіпотези — це просто інша картинка з тією самою помилкою.

Що вимагає українське законодавство від макета

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

Мова. Стаття 6 Закону України «Про рекламу» прямо каже: мовою реклами є державна мова. Об’єкти інтелектуальної власності можна лишати мовою реєстрації знака. Адреси сайтів і електронної пошти дозволено латиницею. Зображення товару має відповідати тому вигляду, в якому його продають в Україні. На практиці це означає: слоган і офер українською; англійський логотип — так; увесь текст білборда російською — ні.

Ідентифікація реклами. Реклама має бути розпізнавана як реклама. У блозі, інтеграції чи Stories потрібне помітне маркування на кшталт «Реклама», «На правах реклами», «Співпраця». Дрібний хештег у кінці підпису або натяк «дякую бренду» такою позначкою не є. Якщо реклама в Stories — позначка має бути на кадрах, а не лише в першому.

Зовнішня реклама як конструкція. Окремо від дизайну діють правила розміщення: видимість знаків і світлофорів, висота над проїзною частиною не менше 5 м, заборона копіювати дорожні знаки. Макет не повинен імітувати навігацію так, ніби це вказівник, а не оголошення.

Достовірність. Ціна, знижка, «найкращий», «№1», гарантія й обмеження акції мають витримувати перевірку. Якщо «−50%» діє лише на один SKU до п’ятниці, це пишуть у макеті, а не «де-небудь на сайті».

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

Чек-лист перед відправкою і коли кликати дизайнера

Пройдіть список вголос, не «на око». Кожен пункт — окрема причина повернення файлу.

• Носій і точний розмір підтверджені підрядником, не «приблизно як минулого разу».
• Є виліт і безпечна зона; логотип, ціна, телефон, QR поза зоною різу й люверсів.
• Колірна модель відповідає каналу: CMYK для друку, RGB для екрана.
• Шрифти в кривих або вбудовані; немає «квадратиків» замість кирилиці.
• Текст українською, офер зрозумілий без розшифровки, акційні умови не сховані.
• Є маркування реклами там, де його вимагає формат.
• Файл названо так, щоб виробництво не гадало: виріб_розмір_сторона_версія.
• Зроблено прев’ю в реальному контексті: мокап білборда, накладення UI Stories, роздрук A4 для листівки.
• Перевірено макет на зменшенні: якщо з телефону заголовок не читається, на щиті теж не допоможе «гарне фото».

Фахівець потрібен не завжди. Шаблон у Canva закриває сторіз зі знижкою на каву, якщо ви тримаєте бренд-колір і не лізете в складний друк. Дизайнера або бюро верстки варто брати, коли:

• тираж дорогий або носій великий — помилка в білборді коштує дорожче за гонорар;
• потрібна серія макетів в одній системі (фірмовий стиль, кілька форматів, кілька мовних версій для експорту);
• є складне фото, ретуш, добір Pantone, висічка, лак, біла фарба на прозорій плівці;
• макет іде в медіа з жорстким technical spec;
• ви вже двічі відправляли файл і двічі отримували перелік помилок.

Окремо варто відрізняти дизайнера макета від таргетолога. Перший відповідає за те, щоб файл був збірним і читабельним. Другий — за гіпотезу, аудиторію й тест. Якщо «макет не працює» після тижня показів, спочатку дивляться офер і посадкову, і лише потім малюють нову картинку.

Рекламний макет виграє не той, у якому більше ефектів. Виграє той, який пережив технічні вимоги носія, залишив один зрозумілий меседж і не змусив людину здогадуватися, що від неї хочуть. Зберіть обмеження до відкриття макета в редакторі — і половина «творчих» проблем зникне ще до першого ескізу.