Курс «Веб-дизайнер с нуля»

Курс школы «Бруноям» «Веб-дизайнер с нуля» подойдет, если хотите пройти обучение веб-дизайну с нуля или усовершенствовать навыки и добавить в портфолио новый проект.

Главная цель курса — освоить профессию UX/UI дизайнера: научиться работать с Figma, верстать сайты и презентации, делать анимации.

На курсе школы «Бруноям» «Веб-дизайнер с нуля» рассмотрите темы:

1. Работа веб-дизайнера и этапы работа над проектами.
2. Аналитика и особенности сайтов: лендингов, визиток.
3. Мобильная разработка и отчетность.
4. Разработка сайта в Figma: интерфейс, прототипы, макеты.
5. Типографика, колористика, композиция и цвет.
6. Работа с фотографиями в Photoshop.

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

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

• Чем занимается веб-дизайнер.
• Где работает, какие могут быть проекты.
• Этапы работы над проектом.
• В чем роль дизайнера на всех этапах проектах.
• UX, UI-дизайнеры: в чем разница.
• Знания из каких областей нужны веб-дизайнеру.

2 модуль. Аналитика

• Артефакты UX.
• Исследование бизнеса.
• Исследование пользователей.
• Персонажи.
• Сценарии.
• Карта эмпатии.

3 модуль. Типы сайтов и насмотренность

• Про типы сайтов.
• Что такое лендинг.
• Классический сценарий лендинга.
• Про типы сайтов.
• Что такое лендинг.
• Классический сценарий лендинга.
• Особенности, которыми должен обладать сайт-визитка.
• Преимущества использования дашбордов.
• Особенности мобильной разработки.

4 модуль. Основы Figma

• Обзор интерфейса и всех возможностей программы.
• Сетка. Разберем, что это такое, какие они бывают и как используются.
• Много практики с сеткой.

5 модуль. Типографика

• Определение.
• Основные понятия о шрифтах.
• Сочетания шрифтов.
• Приемы в работе со шрифтами.
• Примеры хорошо подобранных шрифтов.
• Текст на сайте. Инфостиль.
• Типографика в вебе.
• Тренды в веб-дизайне.
• Работа с контентом и текстами.

6 модуль. Колористика

• Композиция и цвет.
• Подбор цветовой гаммы относительно ЦА.
• Визуальные акценты. Управление вниманием пользователя.

7 модуль. Прототип

• Создание мудборда в Figma.
• Создание скетча в Figma.
• Создание прототипа в Figma.
• Создание интерактивного прототипа в Figma.
• Подготавливаем прототип к отправке клиенту.

8 модуль. Композиция и цвет

• Композиция. Принципы.
• Композиционный центр (доминанта).
• Ошибки. Примеры хороших композиций.
• Контраст. Равновесие. Ритм. Взгляд.
• Z и F паттерны. Сетка (примеры, силовая линия), правило третей.
• Цвет. Цветовые модели (HSB, RGB, HEX коды, CMYK).
• Параметры. Цветовой круг Иттена. Как выбрать цвет.
• Психофизиология интерфейсов. 7±2 (пример — навигация в шапке), какие данные лучше воспринимаются и запоминаются, геометрическая память, закон края, правило близости, группировка, контраст.

9 модуль. Создание макета сайта

• В этом модуле создаем полностью готовый макет сайта для портфолио.

10 модуль. Адаптивный дизайн

• Адаптивный дизайн. Предпосылки.
• На каких устройствах может просматриваться сайт.
• Варианты решения адаптивности.
• Примеры. Точки разлома.
• Mobile First.
• Особенности прототипирования в Figma.
• Компоненты, фиксация при скроле, подвижная карта.
• Работа с Figma Mirror.

11 модуль. Работа с фото и иллюстрациями в Photoshop

• Цветокоррекция.
• Кадрирование.
• Портретная ретушь. Лайфхаки.
• Фильтры семейства «Размытие»: по Гауссу, в движении, радиальное и т.д.
• Покадровая анимация.
• Настройки векторных объектов (заливка, градиент).
• Перо. Работа с точками, узлами и кривыми.
• Разница между Фигурой и Контуром.

12 модуль. Перенос макета из Figma в Tilda

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

13 модуль. Карьера и развитие

• Портфолио.
• Площадки для размещения.
• Обзор Behance.
• Требования к оформлению.
• Оформление на Behance.
• Принципы хорошего кейса.
• Кейсы и примеры на Behance и Dribbble.
• Поиск работы. Где брать заказы.

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