Весенняя перезагрузка Скидка 30% действует 0 дней 00:00:00
Курс

Веб-дизайн с нуля до PRO

Вы сможете проектировать дизайн сайтов на онлайн-сервисе Figma. Освоите типографику, 3D- и 2D-анимацию. Научитесь проводить юзабилити-тестирование. В процессе прохождения курса наполните портфолио разнообразными работами: итоговый проект ― дизайн сайта.
Веб-дизайнер создаёт дизайн сайтов и приложений. Его работа влияет на восприятие и прибыль компании.

О профессии

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

Веб-дизайн создается с учетом целей сайта и особенностей аудитории, к которым относятся возраст посетителей, их возможные потребности, увлечения и запросы. Актуальность web дизайна не исчезнет еще несколько десятков лет, так как с развитием технологий отмечается рост популярности IT-направлений. Курсы веб дизайна в Минске откроют новые финансовые возможности, ведь сегодня эта специальность входит в топ-5 самых высокооплачиваемых профессий в Беларуси.

Чему вы научитесь

  • Создание сайтов и приложений на онлайн-сервисе Figma

    Композиция и теория цвета. Создание макета, его подготовка к вёрстке. Спецификация для разработчиков. Организация работы команды с помощью плагина Figma Jam.

  • Проектирование адаптивных макетов

    Адаптивный дизайн для разных девайсов: от смартфона до телевизора. Объединение макетов в систему с применением функции Variants.

  • Сложные многостраничные документы

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

  • Разработка интерфейсов

    Основы UX-дизайна: пользовательский сценарий User Flow и концепция Customer Journey Map. Создание понятных и практичных интерфейсов по принципам юзабилити.

  • Простая анимация

    Разработка элементов анимации в интерфейсах и переходов между страницами на онлайн-сервисе Figma. Презентация кликабельного прототипа сайта.

  • Написание текстов для интерфейсов

    Основы UX-копирайтинга: краткость, простота, понятность. Понимание требований к текстам: от кнопок до блоков информации.

  • Общение с заказчиками

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

Проект от реального заказчика

Вы сможете дополнить портфолио и участвовать в дизайн-спринтах раз в месяц.
Участники предыдущих потоков уже делали:

  • карточки товаров для новых кроссовок Nike на сайте магазина;
  • адаптивные версии лендинга для «Аэрофлота»;
  • страницы фильмов для «Кинопоиска».

Программа

Вы изучите 31 модуль. Получите навыки в веб- и UX-дизайне: адаптивность и простая анимация, вёрстка макетов на сервисе Figma с применением модульной сетки. Профессионально освоите работу с графикой, текстом и анимацией в Figma, пользовательский сценарий User Flow и концепцию Customer Journey Map.

  • 5 месяцев обучения
  • 31 тематический модуль

Figma с нуля до PRO

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

  1. Знакомство с Figma

    Разберётесь в интерфейсе и базовых настройках программы. Научитесь использовать геометрические фигуры, слои и текстовые поля. Соберёте свой первый прототип.

  2. Основные инструменты Figma

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

  3. Иконки, иллюстрации и картинки

    Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma. Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.

  4. Компоненты

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

  5. Библиотеки компонентов и общие стили

    Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса. Научитесь верстать аккуратные макеты с помощью модульных сеток.

  6. Auto Layout и Variants

    Поймёте, как объединить макеты в систему с помощью функции Variants. Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.

  7. Сложные многостраничные документы

    Научитесь работать с базовыми экранами и создавать дерево страниц. Освоите бета-версию функции Branches. Поймёте, как организовать работу команды над разными версиями одного макета.

  8. Дополнительные возможности и сообщество авторов

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

  9. Подготовка макета для разработчиков

    Сможете показать разработчику технические аспекты проекта и код компонентов. Научитесь оптимизировать работу команды с помощью плагина Figma Jam.

Веб-дизайн с нуля до PRO

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

  1. Знакомство с профессией веб-дизайнера

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

  2. Первый заказ: коммуникация с заказчиком и техническое задание

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

  3. Поиск идеи

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

  4. Модульные сетки

    Любой макет начинается с модульной сетки. Вы познакомитесь с её видами и научитесь выбирать подходящую. Узнаете о нюансах сеток для мобильной и полной версий.

  5. Вертикальный ритм

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

  6. Типографика

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

  7. Спринт 1

    Дорого и минималистично: создаём дизайн лендинга на основе типографики.

  8. Задача текстов в интерфейсах

    Узнаете о требованиях к текстам для интерфейсов. Познакомитесь с основами UX-копирайтинга. Сможете дорабатывать тексты так, чтобы они были понятны пользователям и идеально вписывались в макет.

  9. Цвета, фоны и тени

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

  10. Контраст и читаемость

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

  11. Прототип первой страницы

    Создадите вайрфрейм — прототип с упором на структуру и логику, а не на визуальное оформление. Освоите два подхода к проектированию: блочный и freestyle.

  12. Спринт 2

    UX-райтинг: создаём лендинг и готовим тексты для всех элементов интерфейса.

  13. Первый экран страницы

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

  14. Исследование пользователей: Customer Journey Map и User Flow

    Узнаете, как учесть в дизайне потребности целевой аудитории. Научитесь составлять Customer Journey Map и User Flow, оценивать поведение пользователей на каждом этапе взаимодействия с сайтом.

  15. Навигация

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

  16. Дизайн основных блоков

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

  17. Адаптивность и компоненты

    Познакомитесь с адаптивным веб-дизайном и его принципами. Разберёте популярные сетки для адаптивов. Узнаете, как сделать качественную мобильную версию сайта.

  18. Спринт 3

    Адаптируем макет страницы для компьютера, планшета и мобильного телефона.

  19. Презентация проекта заказчику

    Узнаете, как оформить проект в эффектную и понятную презентацию. Научитесь объяснять свои решения заказчику и отвечать на типичные или неожиданные вопросы.

  20. Передача макета разработчикам

    Наведёте порядок в слоях и их названиях, создадите простую анимацию элементов и переходы между страницами, составите спецификацию. Научитесь проводить дизайн-ревью после вёрстки.

  21. Спринт 4

    Приёмы для эффектного портфолио: оформляем кейс на Behance.

  22. Кейс для портфолио

    Разберётесь, что лучше для продвижения — сайт-визитка или портфолио на дизайн-площадках. Научитесь оформлять кейсы на Behance так, чтобы ваши работы заметили и оценили. Узнаете о платных и бесплатных способах продвижения.

  23. Бонус-модули

      1. Принципы успешной работы с заказчиком
      2. Где искать заказы
      3. Как дизайнеры работают в больших командах

Итоговый проект

  1. Дизайн-концепт сайта

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

Как проходит обучение на платформе

  • Иллюстрация этапа обучения
    Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании Skillbox, платформа постоянно улучшается. Вас ждут видео, практические задания и общение с кураторами Доступ к материалам откроется сразу после покупки курса

  • Иллюстрация этапа обучения
    Теория

    Получаете знания

    Курсы состоят из тематических видео разной длительности Смотрите их когда и где угодно Доступ бессрочный, чтобы вы всегда могли вернуться и повторить теорию

  • Иллюстрация этапа обучения
    Практика

    Выполняете задания

    В Skillbox уверены, что навыки отрабатываются только через практику. Поэтому после теории вас ждёт практическая работа или тест Все задачи приближены к реальным — их можно с гордостью положить в портфолио

  • Иллюстрация этапа обучения
    Обратная связь

    Работаете с куратором

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

Спикеры

  • Фотография Дмитрий Смирнов Дмитрий Смирнов

    Design Lead в «Тинькофф»

  • Фотография Юлия Кондратьева Юлия Кондратьева

    Design Lead в «Тинькофф»

  • Фотография Александр Свобода Александр Свобода

    Проверяющий эксперт в Skillbox

  • Фотография Дмитрий Матвеев Дмитрий Матвеев

    Арт-директор Wildberries

  • Фотография Никита Беллер Никита Беллер

    Продуктовый дизайнер группы компаний «Тинькофф»

  • Фотография Сергей Попков Сергей Попков

    Шеф-дизайнер, сооснователь AIC

  • Фотография Александра Королькова Александра Королькова

    Арт-директор шрифтовой студии Paratype

  • Фотография Ирина Ермакова Ирина Ермакова

    Веб-дизайнер в бюро «Синий Муравей»

  • Фотография Юлия Соловьёва Юлия Соловьёва

    Дизайнер, арт-директор веб-бюро Blue Ant

  • Фотография Никита Заславский Никита Заславский

    Head of Digital в студии «Магвай»

  • Фотография Александр Ищенко Александр Ищенко

    Старший веб-дизайнер в студии «Магвай»

Отзывы участников

Анастасия Гелеклиди Курс «Веб-дизайн (комплект курсов) 2020»
Я всем довольна. Представленной информации достаточно для освоения необходимых навыков. Если чего-то не хватает, всегда есть дополнительные полезные видео и статьи, которыми делится куратор. Работы проверяются качественно и быстро.
Спикеры очень грамотно и понятно объясняют. Интересная подача материала. Мой куратор, Антон Антонов, помогал на всём пути прохождения курса «Веб-дизайн с нуля на Figma», делал нужные и корректные правки.

Полезные видео

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

Смотреть:

  • Превью видеозаписи
  • Превью видеозаписи
  • Превью видеозаписи

Резюме

Веб-дизайнер

от 1 000 BYN

Навыки

  • Оценка проекта, составление ТЗ
  • Составление Customer Journey Map и User Flow
  • Разработка адаптивных интерфейсов и мобильных версий сайтов
  • Контроль этапов разработки сайта
  • Использование принципов юзабилити
  • Дизайн сайтов и презентаций в Figma
  • Анимация прототипов
  • UX-копирайтинг
  • Презентация проектов
  • Старт курса: 29 марта
  • Осталось: 2 места

Стоимость обучения

Скидка действует 0 дня 00:00:00

  • 196 BYN/мес
  • -30%
137 BYN/мес
  • В рассрочку на 18 месяцев
  • Курс в подарок
  • Год английского бесплатно

Выберите вариант оплаты

Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.
Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Я никогда не занимался веб-дизайном. У меня получится?
    Конечно! У вас всё может получиться даже без специальных знаний — уделяйте внимание практическим работам, участвуйте в спринтах и читайте дополнительную литературу. В остальном помогут опытные спикеры, которые будут сопровождать вас на протяжении всего онлайн-курса по web-дизайну.
  • В каком графическом редакторе я буду работать?
    Вы научитесь профессионально работать в Figma. Но сможете использовать другую, удобную для вас программу. Например, Sketch или Adobe XD.
  • Я смогу совмещать онлайн-курс с работой? Сколько часов надо уделять занятиям?
    Да, совмещать прохождение онлайн-курса по web-дизайну и работу получится, потому что вы самостоятельно решаете, когда вам будет удобно смотреть материалы. В среднем пользователи Skillbox уделяют прохождению онлайн-курса от трех до пяти часов в неделю.
  • Пользователям, закончившим курс, помогают с трудоустройством?
    Да, этим занимаются специалисты Центра развития карьеры. Профессионалы подберут подходящие вакансии, помогут написать резюме и оформить портфолио, подскажут, как вести себя на собеседованиях.
  • Как я буду общаться с куратором?
    Эксперт будет проверять и комментировать практические работы, давать советы, а на вопросы ответит ментор в Telegram-чате.
  • Не могу оплатить курс сразу. Есть альтернативы?
    Да: рассрочка. Сумму разделят на ежемесячные платежи.
  • Если курс не подойдёт, что делать?
    Да. Сумму рассчитывают в соответствии с вашим прогрессом в обучении и публичным договором. Альтернативный вариант: заменить курс на другой.
  • Получу ли я профессию после того, как пройду онлайн-курс?
    После прохождения онлайн-курса от Skillbox не выдается диплом о профессиональной подготовке. Но при этом вы сможете работать по выбранному направлению: маркетологом, дизайнером или разработчиком. В первую очередь IT-компании оценивают навыки и портфолио кандидата.
  • Получится ли совмещать обучение в ВУЗе с онлайн-курсами?
    Да, на EdTech-платформе можно заниматься в удобное время и в любом месте. Видеоматериалы со спикерами доступны даже ночью. Эксперты проверят ваши практические работы где бы вы ни находились.
  • Вы помогаете со стажировкой и трудоустройством?
    Наши партнеры помогут составить резюме, оформить портфолио, подготовиться к собеседованию и первому рабочему дню.