Дизайн интерфейсов
что должен уметь веб-дизайнер

Инструменты: макет и прототип

Рабочий набор дизайнера интерфейсов — это инструменты макетирования (Sketch, Figma, Penpot) и прототипирования (Axure, InVision). Первые нужны, чтобы собрать экраны, вторые — чтобы показать, как интерфейс ведёт себя при нажатии.

Прототип экономит больше всего времени: ошибку в сценарии дешевле увидеть на кликабельной схеме, чем после вёрстки и программирования.

Адаптивность и интерактивные элементы

Один и тот же экран открывают с телефона, планшета и монитора, поэтому макет проектируется не под один размер, а под поведение при изменении ширины.

Отдельная часть работы — интерактивные элементы: кнопки, формы и меню. У каждого есть состояния — обычное, наведение, нажатие, ошибка, — и все они должны быть описаны в макете, иначе их придумает разработчик.

Почему дизайнер думает про SEO

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

Зачем нужны основы CSS и JavaScript

Дизайнеру не обязательно писать код, но понимать его границы необходимо: что стоит дёшево, а что потребует отдельной разработки. Это сокращает число правок и споров с командой.

К этому добавляются современные тренды — VR, AR и инструменты на основе искусственного интеллекта: их стоит знать хотя бы на уровне возможностей.

Как этому учат в Центре

Программа повышения квалификации «Дизайн графических пользовательских интерфейсов» рассчитана на 72 часа, в том числе с применением дистанционных технологий, и построена на трудовых функциях веб-дизайнера. По итогам выдаётся удостоверение о повышении квалификации.

Поступить можно со средним профессиональным или высшим образованием. Даты ближайшего потока и стоимость уточняются — их подскажут в Центре.