Маркетолог не должен быть дизайнером. Но должен отличать хороший дизайн от плохого и создавать приемлемые креативы в Canva/Figma.
#beginner #block-05
Основные принципы
1. Hierarchy (Иерархия)
Глаз читает по F-pattern (текст) или Z-pattern (лендинги). Самое важное - сверху-слева и крупнее.
[Крупный заголовок]
[Средний подзаголовок]
[Мелкий body text]
[CTA Button]
2. Contrast (Контраст)
- Светлый фон + тёмный текст (или наоборот) - обязательно
- CTA-кнопка должна контрастировать с фоном
- Красный/зелёный/оранжевый CTA на нейтральном фоне
3. Alignment (Выравнивание)
- Все элементы на сетке (grid)
- Текст выровнен по левому краю (не по центру для длинных текстов)
- Consistent margins и padding
4. Whitespace (Воздух)
- Не забивайте каждый пиксель
- Пустое пространство = дышащий, читаемый дизайн
- Больше whitespace = premium feel
5. Typography
- Максимум 2 шрифта: один для заголовков, один для body
- Размер body: 16px+ (mobile), 18px+ (desktop)
- Line-height: 1.4-1.6× от font-size
Цвет
Минимальная палитра
- 1 primary color (brand)
- 1 accent color (CTA, highlights)
- Neutrals (black, white, gray)
Психология цвета (baseline, не абсолют)
| Цвет | Ассоциация | Использование |
|---|---|---|
| Blue | Trust, stability | Финтех, корпорат |
| Green | Growth, money, health | Finance, eco, health |
| Red | Urgency, passion | Sale buttons, alerts |
| Orange | Friendly, energetic | CTAs, e-commerce |
| Black | Premium, luxury | High-end products |
Форматы рекламных креативов
| Платформа | Формат | Размер |
|---|---|---|
| Instagram Feed | Square / Vertical | 1080×1080 / 1080×1350 |
| Instagram Stories/Reels | Vertical | 1080×1920 |
| Facebook Feed | Square | 1080×1080 |
| Google Display | Various | 300×250, 728×90, 160×600, 336×280 |
| TikTok | Vertical video | 1080×1920 |
Safe Zones
- Instagram: текст не выше 14% площади (Meta рекомендация, не enforcement)
- TikTok: UI elements закрывают нижние 15% и верхние 10%
- Stories: CTA-зона внизу - не помещайте текст туда
Инструменты
| Инструмент | Для кого | Стоимость | Best for |
|---|---|---|---|
| Canva | Non-designers | Free / $13/мес | Quick banners, social posts |
| Figma | Designers + marketers | Free / $15/мес | LP mockups, complex designs |
| CapCut | Video editing | Free | TikTok/Reels video |
| Remove.bg | Background removal | Free (limited) | Product photos |
| Unsplash/Pexels | Stock photos | Free | When no custom photos |
🔧 Практика
- Создайте в Canva 3 рекламных баннера (1080×1080) для одного продукта - разные angles
- Проверьте: hierarchy, contrast, alignment, whitespace, typography
- Покажите коллеге - поняли ли за 3 секунды, что рекламируется?