Скидки на курсы ждут в личном кабинете. Нажмите тут
Есть рассрочка Поддержка куратора Домашние задания Стажировка

Онлайн-курс Веб-дизайнер с нуля

скидка Хочу промокод
49 900 ₽  за курс
Онлайн-курс Веб-дизайнер с нуля
Формат
Онлайн
Длительность
5 месяцев
Уровень
Для новичков
Документ
Сертификат
Трудоустройство
Нет
Программа

Курс будет полезен начинающим веб-дизайнерам и уже практикующим специалистам. Вы освоите с нуля Figma, Photoshop, Tilda, After Effects, Protopie и соберёте портфолио.

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

  • Введение в профессию веб-дизайнер

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

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

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

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

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

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

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

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

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

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

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

    • Разберётесь с функцией по переносу готового макета из Figma в Tilda.
  • Карьера и развитие

    • Портфолио.
    • Площадки для размещения.
    • Обзор Behance.
    • Требования к оформлению.
    • Оформление на Behance.
    • Принципы хорошего кейса.
    • Кейсы и примеры на Behance и Dribbble.
    • Поиск работы. Где брать заказы.
Чему научат на курсе
Создавать макеты и прототипы в Figma
Анимировать интерфейсы в Prototipe и After Effects
Работать с композицией, цветом, шрифтами, фото и иллюстрациями
Проводить исследования и работать с аналитикой
ПОдготавливать референты под проект и создавать UI-киты
Презентовать кейсы и работать с заказчиками
О школе
Бруноям
рейтинг 4.8
20 отзывов
24 курса
Бруноям
По промокоду digital дополнительная скидка 15% на покупку любого курса, не суммируется с другими промокодами. Суммируется со скидкой на сайте.

Школа Бруноям существует 9 лет и создаёт курсы для тех, кто хочет и готов пробовать новое, меняться, искать себя и работу мечты. Школа Бруноям имеет лицензию на осуществление образовательной деятельности.

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

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

У школы Бруноям также есть раздел корпоративного обучения. Это способ повысить скорость работы каждого сотрудника и производительность компании в целом. Школа выявит потребности компании и подберёт необходимые курсы и план развития.

Оставить отзыв
Оставьте свой отзыв
Так вы сделаете рейтинг школ более точным и поможете другим выбрать хороший курс

Информация носит ознакомительный характер и может отличаться от указанной на сайтах школ-партнёров. Актуальную стоимость и описание программ вы можете узнать на сайте школы.