Изображения

Промо-иконки
Иллюстрации

Промо-иконки

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

Случаи применения

— Преимущества продукта, где 3 и более пунктов.
— Последовательные шаги.
— Листовки и печатная продукция.

Интерфейсные иконки и иконки категорий делайте контурными.
Скачать набор интерфейсных иконок.

Иллюстрации

Иллюстраций выполняются в стиле флэт. Изображения могут не соответствовать реальным физическим пропорциям.

На баннерах используйте иллюстрации с меньшей детализацией. В промо-материалах большего размера, например, на лендингах и в e-mail рассылках, можно использовать иллюстрации с имитацией объема и рельефа. Передавайте объем с помощью градиентов и оттенков фирменных цветов.

                                         

В качестве основных цветов иллюстраций выбирайте оранжевый и фиолетовый. Дополнительные цвета используйте для более мелких деталей, чтобы донести идею или передать определенную метафору. Дополнительные цвета занимают не более 15% иллюстрации.

Принцип создания

В иллюстрации важно использовать точечные акценты на эмоции и/или сюжете. Герой может заявляться частично.


Минималистичное использование цветовой палитры:
1. Однородная обводка: палитра оранжевых оттенков (4-6 pt);
2. Фон: светлые цвета основной палитры;
3. Цвета иллюстрации: комбинация из палитры основных и дополнительных цветов (<4 цветов);
4. Градиент: из выбранных оттенков для создания объема;
5. Шрифт: палитра нейтральных цветов.

Яркое исполнение цветовой палитры и доп. элементов:
1. Однородная обводка: палитра оранжевых оттенков (4-6 pt);
2. Фон: преимущественно темные оттенки основной / нейтральной палитры;
3. Иллюстрация: комбинация из палитры основных и дополнительных цветов (6-8 цветов);
4. Градиент: из выбранных оттенков для создания объема;
5. Шрифт: палитра нейтральных цветов;
6. Стилизация текстурой (опционально): для создания интересного эффекта поверх иллюстрации.

Цвета иллюстраций

Далее «Типографика»