Композиция

Это сборник правил, на которые мы ориентируемся при создании коммуникаций и интерфейсов. Принимая решения по визуалу, ориентируйся на них. Одно большое исключение — спецпроекты: там отдельный мир со своими законами

Предпочитаем солид аутлайну

Наше базовое средство выразительности — большие цветовые пятна. Это распространяется на всё: от интерфейсных иконок до баннеров. Аутлайн используем только в редких случаях.

Можно
Нельзя

Когда аутлайн к месту

Пустое аутлайновое сердечко превращается в заполненное по клику

Что в макете главное

В макете должен быть один главный элемент — то, ради чего человек задержал на нём взгляд. Мы называем его акцентом. Рядом с ним можно поставить ещё одну штуку поменьше — добавку. Больше не нужно: два акцента спорят друг с другом, и непонятно, куда смотреть.

Один акцент плюс максимум одна добавка

Двух акцентов в макете не бывает. Двух добавок без акцента — тоже: если набралось две, макет надо упростить до обычного заголовка. А одна добавка без акцента — нормально: например, заголовок и стикеры

Что считается акцентом

Фото на весь фон

Обтравленное фото

Коллаж

Скриншот интерфейса

Несколько фотографий

Блок фото-стикеров

Заголовок с украшениями

Пересадка с визой в Лондоне

Заголовок на плашках со стикерами

Пересадка с визойв Лондоне

Большой текстовый блок

Куда лететь без визы

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

Коллаж и несколько фотографий рядом идут в счёт целиком: это один акцент, а не два. Что лежит внутри коллажа — вторая обтравка, линия, стикеры — отдельно не считаем.

Что считается добавкой

Линия

Глазья

Блок стикеров

Спичбабл у обтравки

Вот это гвардия

Оранжевая плашка-уточнение

Только до конца недели

Заголовок на плашках без стикеров

Пересадка с визойв Лондоне

Что не считается вовсе

Остальные базовые компоненты, которые живут в макетах независимо и место акцента или добавки не занимают.

Обычный заголовок

Куда лететь в ноябре

Фон

Лого, кнопка и бейдж

Иконка + текст

Сколько может быть одинаковых добавок

Спичбаблы — до 3

Плашки-сосиски у фото — до 3

СтамбулТри дня20 тысяч

Глазья — одни

Стикеры — от 2 до 4

Если мы используем несколько одинаковых мелочей, они считаются как одна добавка.

4 стикера используем в одном случае — если в макете только заголовок и больше ничего. Если там есть фотография, линия или глазья — юзаем максимум 2–3 стикера.

Что с чем не ставим

Несколько сочетаний не работают никогда — даже если по счёту акцентов всё сходится.

Заголовок с украшениями и персонаж

Летим в Ереван
Нельзя

Заголовок с украшениями и второй акцент

Лететь Куда? дешевле
Нельзя

Линия и текстовая конструкция

Море и горы рядом
Нельзя

Свободные стикеры и стикеры у текста

Море и горы рядом
Нельзя

Паттерн шейпов и фото

Нельзя

Стикеры при живом фото

Гуляем в парке
Нельзя

Одно фото стикером

Нельзя

Есть обтравленное фото — фоном ставим один повёрнутый шейп

Паттерн из шейпов с фото и героями не сочетается, а один шейп за героем — обычное дело