Ныряй в знания Скидка 40% действует 0 дней 00:00:00
Курс

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

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

О профессии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Резюме

Должность

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

Навыки

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

Инструменты

Программа

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

  • 9 месяцев обучения
  • 40+ реальных задач

1-й уровень: Intern

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

  1. Дизайн рекламного баннера

    Изучите разные форматы баннеров и расширения файлов. Освоите простейшие приёмы ретуши. Узнаете, как делать ресайз макета под разные задачи и настраивать размеры шрифтов. Сможете создать качественный баннер по брифу заказчика.

  2. Работа с векторной графикой

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

  3. Оформление текста

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

  4. Презентации и лендинги для коммерческого предложения

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

2-й уровень: Junior

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

  1. Создание визуальной концепции сайта

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

  2. Разработка UI-кита

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

  3. Оформление хедеров, футеров и меню

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

  4. Дизайн онлайн-витрины и карточек товаров

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

  5. Работа с формой регистрации

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

  6. Многостраничный сайт с витриной

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

3-й уровень: Pre-middle

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

  1. Дизайн каталога товаров

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

  2. Оформление карты с филиалами

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

  3. Работа со сложными карточками товара

    Поймёте, как строить гипотезы при создании сложного дизайна. Разберёте стандартные и необычные дизайнерские решения и сможете создать эффектные карточки для сайта заказчика. Узнаете, как улучшить дизайн при помощи анимации в After Effects, корректно передать готовый прототип разработчикам и провести A/B-тест.

  4. Страница оформления покупки

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

  5. Сложная форма регистрации

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

  6. Страница оформления доставки

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

  7. Личный кабинет

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

  8. Работа с информацией о заказе

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

  9. Оформление чата поддержки

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

  10. Простая панель управления сайтом

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

  11. Страница для корпоративных клиентов

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

Мы - ваш проводник в мир IT

  • Гарантировано получите практический опыт в IT компаниях
  • Партнер поможет с дальнейшим трудоустройством
  • Получите доступ в закрытый телеграмм-чат с актуальными вакансиями
  • 20 000 человек уже трудоустроены

Учим на собственной образовательной платформе

  • Теория доступна всегда

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

  • Тренажёры и реальные задачи

    Попрактикуйтесь на тренажёре Figma с автопроверкой. А ещё — выполняйте задачи из интересных сфер бизнеса.

  • Помощь экспертов

    Кураторы дают подробную обратную связь в течение 24 часов с момента отправки работы.

Cпикеры

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

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

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

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

Смотреть:

  • Превью видеозаписи
  • Превью видеозаписи
  • Превью видеозаписи
  • Старт курса: 17 октября
  • Осталось: 5 мест

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

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

  • 240 BYN/мес
  • -40%
144 BYN/мес
  • В рассрочку на 24 месяца
  • Первый платёж через 1 месяц
  • Курс в подарок
  • Год английского бесплатно

Записаться на курс или получить бесплатную консультацию

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

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

С условиями акции «Мы — ваш проводник в мир IT» вы можете ознакомиться по ссылке

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

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