# ВД・Визуальный дизайн

Множество пользовательских интерфейсов являются графическими и как таковые должны выглядеть как минимум неплохо. Кроме того, даже и для неграфических интерфейсов визуальная эстетика немаловажна, поскольку для них тоже надо готовить проектную документацию, а её качественное оформление снижает трение в проекте. Графический дизайн интерфейса отличается от других видов графического дизайна частью своей специфики: в интерфейсах есть характерный визуальный язык и анимация, а технические требования к результату сильно зависят от платформы разработки.

## ◼︎ Уровни квалификации

|   | Значение                                                                                                                                                                                                      | Пример деятельности                                                                                                                                                                                          |
| - | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| 1 | Специалист может оформить работу в зафиксированном заранее стиле.                                                                                                                                             | Сделать графику, неотличимую по стилю и качеству от остальных частей интерфейса (чей вид уже определён) или от конкурентов/аналогов.p                                                                        |
| 2 | Специалист может разработать новый визуальный стиль для продукта.                                                                                                                                             | Оценив аудиторию и позиционирование продукта, создать концепцию графического решения интерфейса продукта.                                                                                                    |
| 3 | Специалист может разработать новый визуальный стиль серии продуктов, создать проектную документацию на него (в частности, руководство по стилю) и способен обучать этому других или контролировать их работу. | Для серии продуктов (например, для группы сервисов интранета) создать общий визуальный стиль, достаточно гибкий для разных продуктов, но узнаваемо единый, и для этого стиля создать проектную документацию. |

## Работы

* [◼︎ ВД1 Вёрстка интерфейса](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd01)
* [◼︎ ВД2 Визуальный дизайн элементов управления](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd02)
* [◼︎ ВД3 Создание визуальной концепции интерфейса](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd03)
* [◼︎ ВД4 Подготовка иллюстраций](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd04)
* [◼︎ ВД5 Разработка пиктограмм](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd05)
* [◼︎ ВД6 Дизайн интерфейсной анимации](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd06)
* [◼︎ ВД7 Подготовка графических материалов для включения в верстку или программный код](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd07)
* [◼︎ ВД8 Согласование визуального дизайна интерфейса](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design/vd08)

## ◼︎ Навыки и умения

* ◼︎ Описывать особенности интерфейса и его поведение в разных ситуациях
* ◼︎ Рисовать пиктограммы и иллюстрации
* ◼︎ Создавать интерфейсные анимации
* ◼︎ Формализация стиля и настроения дизайна
* ◼︎ Модульное и структурное проектирование
* ◼︎ Создавать дизайн-документацию
* ◼︎ Подбор иллюстраций
* [◼︎ Дизайн и верстка публикаций](https://vladgolovach.gitbook.io/ui-ux_competencies/znaniya-umeniya-i-navyki/zun/s_dtp)
* ◼︎ Использовать инфраструктурные инструменты
* ◼︎ Фиксировать и использовать при проектировании средовые требования

## ◼︎ Знания

* ◼︎ Интерфейсные стандарты поставщиков ОС и платформ
* ◼︎ Типовое содержание визуальных и структурных стандартов на интерфейс
* ◼︎ Композиция
* ◼︎ Технические и технологические требования к интерфейсной графике
* ◼︎ Правила перспективы, колористики, композиции, светотени и передачи объёма
* ◼︎ Тенденции в графическом дизайне
* ◼︎ История стилей
* ◼︎ Общие принципы анимации
* ◼︎ Правила типографского набора текста
* ◼︎ Актуальное состояние окна проектных решений
* ◼︎ Основы маркетинга