> For the complete documentation index, see [llms.txt](https://vladgolovach.gitbook.io/ui-ux_competencies/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vladgolovach.gitbook.io/ui-ux_competencies/professionalnye-specializacii/visual_design.md).

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

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

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

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

## Работы

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

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

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

## ◼︎ Знания

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