Визуальный дизайн
Куда и как развиваться дизайнеру интерфейсов. Инструмент показывает владение навыками, которые потенциально полезны в продуктовой команде, и помогает системно развивать экспертизу. Низкий поклон Геворгу Глечяну и Лене Куликовой, благодаря которым сложилось описание конкретных навыков.
Партнер
Базовые навыки: композиция и сетки, типографика, цветоведение
Чеклист
01
Осведомлённость
- Умеет подбирать визуальные референсы для проекта
- Сетка:
- Умеет пользоваться имеющейся сеткой
- Может найти косяки в чужой сетке
- Знает принципы построения сетки
- Отличает хорошую сетку от плохой
- Умеет построить сетку
- Умеет объяснять сетку
- Типографика:
- Знает классификацию шрифтов
- Умеет выбирать шрифты для проекта
- Цвет:
- Знает цветовые модели
- Умеет подбирать цвета по ним
02
Умение
- Использованы визуальные референсы в проекте (1+ пример)
- Сетка:
- Построена адаптивная сетка (1+ пример)
- Построена асимметричная сетка (1+ пример)
- Типографика:
- Подобрана шрифтовая пара (1+ пример)
- Выбрана система стилей шрифтов под проект (1+ пример)
- Разбирается в нюансах геометрии букв
- Цвет:
- Работал(а) с ограниченной цветовой палитрой (1+ пример)
- Обоснован и защищён свой выбор (1+ пример)
03
Экспертиза
- Создана и защищена целостная и современная визуальная концепция проекта (1+ пример)
- Сетка:
- Применена сетка вне цифрового дизайна (2+ примера)
- Применена нестандартная модульная сетка (2+ примера)
- Осознанно использованы гештальт-принципы в композиции (2+ примера)
- Использовано сочетание сеток (1+ пример)
- Типографика:
- Построен и объяснён вертикальный ритм (2+ примера)
- Цвет:
- Знает о деталях восприятия цвета глазом
04
Лидерство
- Дизайнеры создали палитру, систему сеток или шрифтов под его/её кураторством (2+ примера)
- Типографика:
- Модифицированы глифы в существующем шрифте под задачу (не сам шрифт) (1+ пример)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Иконографика и иллюстрации
Чеклист
01
Осведомлённость
- Умеет подбирать метафоры и стилистически целостные иконки
- Умеет подбирать иллюстрации
- Знает основы композиции
- Может нарисовать что-то в каком-то стиле
02
Умение
- Нарисована иконка в заданном стиле (4+ примера)
- Нарисована иллюстрация в заданном стиле (2+ примера)
03
Экспертиза
- Создан стиль иконок (1+ пример)
- Создан простой стиль иллюстраций (1+ пример)
- Стиль иллюстрации разложен на составляющие (1+ пример)
- Использует тренды в этой области (1+ пример)
04
Лидерство
- Дизайнеры создали иконки под его/её кураторством (1+ пример)
- Дизайнеры создали иллюстрации под его/её кураторством (1+ пример)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Анимация интерфейса и моушен-дизайн
Чеклист
01
Осведомлённость
- Знает об инструментах анимации
- Когда-то что-то анимировал в PowerPoint, Keynote или другом инструменте для презентаций
02
Умение
- Сделаны микро-анимации в любом инструменте (2+ примера)
- Знает гайдлайны по анимации одной из платформ (Android, iOS, Windows, Mac и т.п.)
03
Экспертиза
- Знает принципы анимации
- Определён целостный стиль анимации (1+ пример)
- Описан гайдлайн по анимации (1+ пример)
- Сделан морфинг (1+ пример)
- Сделана скелетная анимация (1+ пример)
- Оформлено видео мероприятия (1+ пример)
04
Лидерство
- Дизайнеры создали анимацию под его/её кураторством (2+ примера)
- Знает гайдлайны по анимации всех платформ (Android, iOS, Windows, Mac и т.п.)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Создание гайдлайнов
Чеклист
01
Осведомлённость
- Может работать по существующим гайдлайнам
02
Умение
- Доработан и развит чужой гайдлайн в интерфейсе (1+ пример)
03
Экспертиза
- Создан с нуля гайдлайн для существующей айдентики (1+ пример)
04
Лидерство
- Созданы гайдлайны, включающие использование айдентики в интерфейсах (1+ пример)
- Создана дизайн-система в инструменте дизайна на основе токенов и компонентов (1+ пример)
- Организовано создание токенов в коде (1+ пример)
- Организовано создание компонентов в коде (1+ пример)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Визуализация данных
Чеклист
01
Осведомлённость
- Знает типы графиков и диаграмм
- Знает, когда и какие типы графиков и диаграмм нужно применять
02
Умение
- Умеет работать с набором данных, понимает как лучше представить его
- Сделан дизайн графика или диаграммы (2+ примера)
- Описана анимация или трансформации к графикам (1+ пример)
03
Экспертиза
- Создана инфографика, состоящая не только из графиков и диаграмм (1+ пример)
- Использованы карты в инфографике (1+ пример)
- Использованы иллюстрации в инфографике (1+ пример)
04
Лидерство
- Создана интерактивная инфографика, показывающая разные точки зрения на данные (1+ пример)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Айдентика и брендинг (визуальный язык, стратегия)
Чеклист
01
Осведомлённость
- Знает, из чего строится айдентика бренда
- Знает, из чего строится платформа бренда
- Знает, из чего строится голос и тональность бренда
- Умеет использовать в работе имеющийся брендбук
02
Умение
- Выделены составляющие уже существующей айдентики бренда (1+ пример)
- Дополнены недостающие составляющие уже существующей айдентики бренда (1+ пример)
- Использована карта точек контакта с брендом для проверки носителей на целостность (1+ пример)
03
Экспертиза
- Найдена и описана визуальная метафора (1+ пример)
- Сделана концепция айдентики бренда, основанная на платформе бренда (1+ пример)
- Описана карта точек с брендом в идеальном состоянии (1+ пример)
04
Лидерство
- Сфасилитирована рабочая группа по определению бренда (1+ пример)
- Описана целевая аудитория бренда (1+ пример)
- Проанализированы основные конкуренты (1+ пример)
- Описан характер бренда (1+ пример)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
Шрифтовой дизайн
Чеклист
01
Осведомлённость
- Знает отличия стилей шрифтов
- Знает историю развития шрифтов
- Знает, какие бывают шрифтовые редакторы
02
Умение
- Выделены проблемы существующего шрифта (1+ пример)
- Нарисованы знаки шрифта на бумаге (4+ примера)
- Нарисованы знаки шрифта в шрифтовом редакторе (4+ примера)
- Исправлены знаки уже существующего шрифта в шрифтовом редакторе (4+ примера)
03
Экспертиза
- Нарисованы все знаки шрифта на бумаге (1+ пример)
- Нарисованы все знаки шрифта в шрифтовом редакторе (1+ пример)
- Нарисовано дополнительное начертание для шрифта (1+ пример)
- Исправлены параметры уже существующего шрифта (кернинг, хинтинг, лигатуры) (1+ пример)
04
Лидерство
- Нарисован вариативный шрифт в шрифтовом редакторе (1+ пример)
- Дизайнеры создали шрифт под его/её руководством (2+ примера)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
3D
Чеклист
01
Осведомлённость
- Знает, какие бывают инструменты (Cinema4D, Blender, Spline и др.)
02
Умение
- Создана сцена и освещение, настроена камера (1+ пример)
- Сделан рендер готовой модели (1+ пример)
03
Экспертиза
- Смоделирован Hard-surface (2+ примера)
- Сделана анимация в 3D (2+ примера)
- Настроен рендер, используя сторонние программы (Octane, Red Shift, Rhino или др.) (2+ примера)
04
Лидерство
- Дизайнеры создали 3D графику под его/её руководством (2+ примера)
Книги
01
02
03
04
01
02
03
04
Статьи
01
02
03
04
01
02
03
03
КАРТА
КОМПЕТЕНЦИЙ

Партнер
Инструмент показывает владение навыками по дизайн-команде и помогает системно развивать экспертизу дизайнеров и повышать их мотивацию и вовлечённость.
Благодарности
Хотя основу карты компетенций я сделал сам, но чек-листы по конкретным навыкам не появились бы в полноценном виде без большой работы Геворга Глечяна в Mail.ru Group и Лены Куликовой в Райффайзен Банке.

Геворг Глечян
Mail.ru Group

Лена Куликова
Райффайзен Банк