Профессия «Веб-дизайнер» от «Пробреин»

Бизнесу нужны специалисты, которые создают удобные и стильные сайты. Квалифицированные веб-дизайнеры получают достойную оплату за свои услуги. Работать можно удаленно или в офисе, вести собственные проекты или сотрудничать с большими компаниями. В рамках образовательного проекта «Пробреин | Академия ДПО» проводится онлайн-курс для тех, кто хочет начать учиться на веб-дизайнера, чтобы открыть для себя новые возможности.

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

Краткая программа курса «Веб-дизайнер»:

1. Знакомств ос профессией «Веб-дизайнер». Формирование представления о дизайн-процессе.
2. О важности использования стилей в дизайне. Работа с Figma.
3. UX и создание интернет-магазина.
4. Понятие типографики и ее главные задачи в веб-дизайне. Работа со шрифтами.
5. Настройки сайта и процесс создания страниц в конструкторе Tilda.
6. Принципы композиции в веб-дизайне.

В итоге вы станете дипломированным специалистом, способным создавать качественные и современные дизайны сайтов, и сможете запустить карьеру в области веб-дизайна.

Модуль 1. Введение в профессию «Веб-дизайнер»

• Знакомство с основами веб-дизайна.
• Роль веб-дизайнера, типы проектов.
• Этапы работы веб-дизайнера.
• Бриф, его структура и особенности практического использования.
• Коммерческое предложение: цель, структура и примеры.
• Разбор главных проблем начинающих дизайнеров.
• Формирование представления о дизайн-процессе.

Модуль 2. Figma

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

Модуль 3. Лендинг

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

Модуль 4. Референсы

• Эволюция веб-технологий через изучение исторических этапов развития сайтов.
• Знакомство с современными трендами в веб-дизайне и сервисами для поиска референсов.
• Методы анализа референсов и применения в процессе проектирования.
• Понятие мудборда, его основные задачи и элементы.
• Правила создания мудборда, этапы его разработки.

Модуль 5. UX и создание интернет-магазина

• Принципы проектирования интерфейса и его значение для создания эффективных веб-дизайнов.
• Изучение пользовательских сценариев и их роль в разработке интерфейсов.
• Юзабилити и основные принципы, влияющих на удобство использования веб-сайтов.
• Виды сайтов, их особенности и назначение.
• Изучение структуры интернет-магазина.

Модуль 6. Сетки и композиция

• Основные принципы композиции в веб-дизайне.
• Сетки, Z-паттерн, F-паттерн, цветовая палитра и типографика.
• Формирование понимания принципа близости в веб-дизайне, включая группировку элементов и его влияние на упрощение восприятия и навигации.
• Понятие баланса в дизайне, его виды и применение симметричного, асимметричного и радиального баланса в веб-дизайне.
• Использование сеток в веб-дизайне, включая расчет модульной сетки и этапы ее создания.

Модуль 7. Типографика и работа с цветом

• Понятие типографики и ее основные задачи в веб-дизайне.
• Анатомия шрифта, включая базовую линию, медиану, X-высоту, кегль, интервалы, кернинг и трекинг.
• Принципы работы с текстом, включая иерархию, расчет интерлиньяжа, выравнивание, длину строки и орфографию.
• Знакомство с основами цвета, его свойствами и цветовыми моделями.
• Рекомендации по подбору цвета для сайта и выбору цветов для элементов дизайна.

Модуль 8. Tilda

• Основные элементы устройства интерфейса и принципы построения работы с сайтом.
• Настройки сайта и процесс создания страниц, включая использование стандартных блоков и Zero-block.
• Навыки импорта макетов из Figma в Tilda, верстка в стиле Pixel Perfect.
• Принципы резиновой верстки и автоскейла.
• Базовая анимация и настройка анимации в нулевом блоке.
• Правила работы пошаговой анимации.
• Анимация по скроллу.
• Основы HTML и CSS, а также правилами работы с кодами и их добавления на сайт.

• Формат
  Самостоятельно Продвинутый — Самостоятельно с наставником
  Видеоуроки Продвинутый — Видеоуроки / Консультации
  Обучение в ЛК на сайте автора
• Продолжительность
  3 месяца
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  В любой день в любое время
• Домашние задания
  Есть
• Документ об обучении
  СертификатДиплом Освоение программы курса
• Обязательное выполнение итоговой работы
• Сопровождение
  Куратором Базовый — Продвинутый — Куратором
• Общение с группой
  Форум или чат внутри ЛК
• Техническая поддержка
  В рабочее времяЧат в вкЧат в мессенджере
• Срок доступа к материалам
  6 месяцев с момента начала обучения Базовый — 6 месяцев с момента начала обучения Продвинутый — 1 год с момента начала обучения