Предпочитаем солид аутлайну
Наше базовое средство выразительности — большие цветовые пятна. Это распространяется на всё: от интерфейсных иконок до баннеров. Аутлайн используем только в редких случаях.
Когда аутлайн к месту
Пустое аутлайновое сердечко превращается в заполненное по клику
Что в макете главное
В макете должен быть один главный элемент — то, ради чего человек задержал на нём взгляд. Мы называем его акцентом. Рядом с ним можно поставить ещё одну штуку поменьше — добавку. Больше не нужно: два акцента спорят друг с другом, и непонятно, куда смотреть.
Один акцент плюс максимум одна добавка
Двух акцентов в макете не бывает. Двух добавок без акцента — тоже: если набралось две, макет надо упростить до обычного заголовка. А одна добавка без акцента — нормально: например, заголовок и стикеры
Что считается акцентом
Фото на весь фон
Обтравленное фото
Коллаж
Скриншот интерфейса
Несколько фотографий
Блок фото-стикеров
Заголовок с украшениями
Заголовок на плашках со стикерами
Большой текстовый блок
Собрали города, куда пускают без визы, и посчитали, сколько стоит долететь в ноябре
Коллаж и несколько фотографий рядом идут в счёт целиком: это один акцент, а не два. Что лежит внутри коллажа — вторая обтравка, линия, стикеры — отдельно не считаем.
Что считается добавкой
Линия
Глазья
Блок стикеров
Спичбабл у обтравки
Оранжевая плашка-уточнение
Заголовок на плашках без стикеров
Что не считается вовсе
Остальные базовые компоненты, которые живут в макетах независимо и место акцента или добавки не занимают.
Обычный заголовок
Фон
Лого, кнопка и бейдж
Иконка + текст
Сколько может быть одинаковых добавок
Спичбаблы — до 3
Плашки-сосиски у фото — до 3
СтамбулТри дня20 тысяч Глазья — одни
Стикеры — от 2 до 4
Если мы используем несколько одинаковых мелочей, они считаются как одна добавка.
4 стикера используем в одном случае — если в макете только заголовок и больше ничего. Если там есть фотография, линия или глазья — юзаем максимум 2–3 стикера.
Что с чем не ставим
Несколько сочетаний не работают никогда — даже если по счёту акцентов всё сходится.
Заголовок с украшениями и персонаж
Заголовок с украшениями и второй акцент
Линия и текстовая конструкция
Свободные стикеры и стикеры у текста
Паттерн шейпов и фото
Стикеры при живом фото
Одно фото стикером
Есть обтравленное фото — фоном ставим один повёрнутый шейп
Паттерн из шейпов с фото и героями не сочетается, а один шейп за героем — обычное дело