UI/UX-дизайнер (стажер) · июнь 2022
DF Designer - уникальный инструмент для разработки чат-ботов с открытым доменом на основе технологий разговорного ИИ DeepPavlov. Представлен в виде расширения для программы VS Code.
Подробнее об инструменте можно узнать здесь.
Моей задачей было разработать удобный интерфейс по готовым прототипам низкой детализации. Я использовала цветовую гамму и шрифт DeepPavlov, разработала UI-кит и собрала интерфейс на его основе.
Основные цвета интерфейса я взяла из палитры логотипа DeepPavlov. Для гармоничного сочетания и большей вариативности я добавила несколько оттенков.
Для интерфейса я выбрала нативный шрифт Windows - Segoe UI.
Это лаконичный гротеск, который хорошо смотрится на экране и не будет спорить с интерфейсом программы и ОС.
Для удобства расположения нод в рабочей области я использовала сетку 20х20 пикселей
Я разработала элементы интерфейса от малых к большим, в различных состояниях.
Кнопки
Ноды и текстовые поля
Боковая панель
Кроме этого я проработала темную тему интерфейса. Для нее потребовалось приглушить яркие цвета для снижения контрастности и нагрузки на глаза.
