Курс UX/UI дизайна

Первый блок обучения посвящен основам. Сначала познакомимся с важными понятиями, необходимыми для работы. Расскажем, что такое графический дизайн, рассмотрим другие ключевые профессиональные термины. Также уделим внимание организационным моментам, кратко пройдемся по программе курса.

Знакомимся с первым дизайнерским инструментом – редактором Figma. Сервис подходит для рисования плакатов и баннеров, разработки различных интерфейсов, создания презентаций, иконок и других элементов. В Фигме делают макеты для веб-разработки и прототипы мобильных приложений, в том числе интерактивные.
Кроссплатформенность и возможности для командной работы сделали Figma универсальным инструментом, который используют в дизайнерских студиях и IT-компаниях по всему миру. На курсе научимся свободно пользоваться популярным редактором.

От композиции зависит общее впечатление, которое получает пользователь сайта или покупатель, выбирающий упаковку продуктов. На уроке разберем основы построения композиционно привлекательного дизайна, расскажем, как подобрать удачное сочетание элементов. Разберем теоретические положения и покажем примеры, чтобы закрепить информацию. Поговорим о том, как основы композиции помогают создавать реальные продукты.

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

Умение работать с цветом – важный дизайнерский навык. На курсе поговорим о цветовой теории, расскажем, как правильно сочетать оттенки, создавать нужное настроение и выдерживать стилистику. Изучим теоретические основы (базовые характеристики цветов, цветовая гамма и т.д.), сразу посмотрим, как они работают на практике.

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

• Шрифт – определяет, как именно отображаются буквы, знаки препинания и другие типографские знаки.
• Гарнитура – семейство шрифтов, объединенных общими свойствами.
• Кегль – определяет размер печатных знаков.

Умение правильно использовать типографику помогает создавать эстетичные, удобные для восприятия проекты. На уроке научимся выбирать гарнитуру и шрифт, определять подходящий размер и другие параметры.

Научимся делать наглядные презентации и работать с инфографикой. Это информационно-насыщенные форматы, позволяющие рассказывать истории, представлять аналитические отчеты, обучать сложным навыкам, передавать инструкции и решать другие задачи. Посмотрим, как комбинировать изображения и текст для точного достижения цели, выбирать понятную структуру и эффективно доносить сообщения.

Поговорим об иллюстрировании: разберем особенности подбора картинок для разных задач. Остановимся на иконках – маленьких картинках, создающих лаконичные образы. Расскажем, как иконки используются в современном дизайне (для привлечения внимания, структурирования, навигации). Разберем вопросы, возникающие у многих новичков: откуда брать иллюстрации и наборы иконок, какие форматы использовать.

Постер и плакат – традиционные форматы бумажной полиграфии. Они широко применяются в сфере наружной рекламы, для оформления интерьеров, информирования об акциях, декорирования заведений. Чтобы донести постером или плакатом нужное сообщение, важно правильно комбинировать элементы изображения и текстов, использовать подходящие цвета, продуманную композицию.
На курсе научимся верстать такие форматы, используя профессиональные инструменты. Обучение будет полезно и тем, кто планирует работать в диджитале: цифровые плакаты и постеры можно увидеть на сайтах интрнет-магазинов и служб доставки, в рекламных блоках.

Изучим программу Adobe Illustrator – удобный инструмент для создания векторных изображений. Редактор подходит для разных задач:

• отрисовка векторных иконок, логотипов;
• подготовка макетов к печати;
• создание иллюстраций, паттернов для сайтов, мобильных приложений, упаковки, рекламной полиграфии;
• разработка инфографики, презентаций, постеров, плакатов;
• перевод растровых изображений в векторный формат.

Чтобы научиться пользоваться Adobe Illustrator, рассмотрим основные функции редактора, разберем настройки и возможности, потренируемся на практических задачах.

В следующем блоке изучим еще один полезный дизайнерский инструмент от Adobe – Photoshop. Многофункциональный редактор оптимально подходит для работы с растровыми изображениями. Подробно расскажем о сферах применения фотошопа:

• обработка фотографий;
• создание коллажей из нескольких изображений, фотомонтаж;
• отрисовка иллюстраций;
• создание баннеров, постеров, в том числе анимированных;
• подготовка макетов сайтов и приложений, прототипирование.

Попрактикуемся в использовании Adobe Photoshop. Преподаватель объяснит основные функции и настройки, покажет, как быстро и эффективно создавать в фотошопе дизайнерские продукты.

Аккаунт в социальной сети может стать главным каналом привлечения клиентов для бизнеса. Поэтому важно, чтобы он был не только информативным, но и эстетичным. На курсе научимся работать с оформлением соцсетей, делать корпоративные или личные аккаунты красивыми и функциональными. Остановимся на роли дизайна в продвижении брендов, посмотрим, как можно использовать элементы фирменного стиля, какие общие принципы учитывать при оформлении.

Рассмотрим основные элементы интерфейсов, их функции и особенности. Познакомимся с понятием User Interface Kit. В буквальном переводе это «набор для пользовательского интерфейса». В такой набор обычно входят отрисованные в едином стиле иконки, кнопки, формы обратной связи, рамки, слайдеры и прочие интерфейсные элементы. UI Kit упрощает работу графического дизайнера и позволяет собирать интернет-страницы, приложения, рекламные баннеры или другие продукты, используя готовые компоненты. Потренируемся работать с UI Kit, рассмотрим типовые сценарии использования наборов.

Спроектируем главную страницу веб-ресурса. В работе будем ориентироваться на референс – образец, помогающий создавать удобный интерфейс в нужном стиле. Такая схема работы часто используется в профессии: заказчик может предоставить несколько референсов, чтобы специалист лучше понимал задачу. На уроке научимся правильно работать с образцами, анализировать структуру и стилистические элементы, создавать на основе референсов собственные авторские проекты.

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

В заключительной части курса графического дизайнера поговорим о карьерных перспективах. Расскажем, как правильно собирать репрезентативное портфолио, отражающее профессиональные компетенции и навыки. Обсудим составление резюме для соискателей, претендующих на дизайнерские вакансии. Рассмотрим варианты карьеры – найм в офис, удаленное сотрудничество, фриланс. Поговорим о расчете стоимости труда: как понять, сколько стоит час, рабочий день или месяц специалиста по граф. дизайну? Дадим рекомендации по общению с работодателем, поиску клиентов и самостоятельному заработку.