Брендирование приложения и веб-версии помогает создать единый узнаваемый облик платформы для обучения, который отражает ценности компании и усиливает доверие пользователей. Согласованный стиль интерфейса облегчает ассоциацию платформы с компанией, повышает удобство работы и формирует профессиональное впечатление. В результате платформа становится не просто обучающим инструментом, а частью корпоративной культуры и коммуникации.
Экран загрузки и боковое меню
Вы можете использовать разные изображения для экрана загрузки и бокового меню.
Экран загрузки. Требования к изображению:
Размер: от 2048х1536 px;
Формат: JPG, PNG, SVG, AI
Важно: изображение будет обрезаться в зависимости от используемого устройства: на широких экранах - полная картинка, на узких - ее центральная часть.
В верхней части будет закреплен логотип, поэтому не рекомендуется использовать сложные элементы в этой области.
Боковое меню. Требования к изображению:
Размер: от 1216х688 px;
Формат: JPG, PNG, SVG, AI
Важно: не рекомендуется использование светлой картинки для бокового меню, так как не ней будут плохо видно имя пользователя белого цвета.
Скачать шаблоны экрана и бокового меню.
Логотип
Логотип для планшета и веб-приложения. Требования:
Размер: от 500х88 px;
Формат: JPG, PNG, SVG, AI
Важно: логотип должен хорошо считываться в мелком масштабе
Логотип для страницы авторизации. Требования:
Размер: от 800х600 px;
Формат: JPG, PNG, SVG, AI
Важно: Логотип закреплен выше центра и может двигаться в зависимости от разрешения экрана.
Название и иконка приложения
Для корректного отображения на мобильном устройстве название приложения должно состоять не более чем из 13 символов.
Иконка приложения. Требования:
Размер: от 1024х1024 px;
Формат: SVG, AI, EPS
Важно: икона должна быть без скругленных углов.
Мы можем предложить дизайн иконки, опираясь на ваши пожелания.
Скачать шаблон иконки приложения
Цветовая палитра
Цветовая палитра платформы включает в себя:
Главный цвет - будет использоваться для основных элементов интерфейса: кнопок, папок, акцентных деталей;
Дополнительный цвет - в него будут окрашены вторичные элементы интерфейса (например, метки new);
Остальные цвета - в эти цвета будут окрашены статусы материалов и результаты ответов в тестах (пройден/не сдан, правильно/неправильно).
Главный цвет | Дополнительные и остальные цвета |
 |  |
Скачать шаблон цветовой палитры
Сертификат
Мы можем предложить дизайн сертификата, опираясь на брендбук и ваши пожелания.
Также вы можете подготовить сертификат самостоятельно, учитывая рекомендации.
Сертификат. Требования:
Размер: от 1360х1920 px;
Формат: SVG, AI
Важно: не меняйте расположение полей фамилии и имени, названия программы/траектории обучения, а также поля даты выдачи сертификата (выделены фиолетовым цветом на скриншоте ниже). Остальной текст и элементы дизайна (фон, печати, логотипы, подписи) могут быть добавлены в любую область.
Примеры дизайна наших клиентов
Функционал платный. Обратитесь к вашему менеджеру, чтобы узнать стоимость и сроки подключения.
Если вам не хватило информации, то дайте, пожалуйста, обратную связь по ссылке: Предложения по улучшению статей.