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