Получить доступ
Эксклюзивный партнер
Skillbox в Армении
burger
Каталог Курсы по Цифровой дизайн от GeekBrains Веб-дизайн с нуля

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

Вы научитесь создавать дизайн сайтов в Figma. Поработаете с реальными кейсами и соберёте портфолио. Освоите перспективную специальность и сможете начать карьеру в дизайн-студии, IT-компании или на фрилансе.

О профессии

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

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

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

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

  • Делать адаптивные макеты

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

  • Создавать удобные интерфейсы

    Узнаете, что такое UX, научитесь строить User Flow и Customer Journey Map. Сможете создавать понятные и удобные интерфейсы по правилам юзабилити.

  • Делать несложную анимацию

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

  • Писать тексты для интерфейсов

    Узнаете о требованиях к текстам в интерфейсе: от инфоблоков до кнопок. Поймёте, как сделать их лаконичными, читаемыми и понятными.

  • Общаться с заказчиками

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

Научим всем ключевым навыкам веб-дизайнера

Должность

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

Навыки

  • Создаю дизайн лендингов и многостраничных сайтов
  • Разрабатываю кликабельные прототипы
  • Делаю дизайн мобильных приложений
  • Анимирую интерфейсы
  • Провожу UX-исследования
  • Разрабатываю UI-кит
  • Умею презентовать проекты

Инструменты

Содержание курса

Вы научитесь решать классические задачи веб-дизайнера: от оформления профиля в Инстаграм* до создания полноценного многостраничного сайта.

  • 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. Страница для корпоративных клиентов

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

Записаться на курс или получить бесплатную консультацию
Имя
Телефон
Электронная почта
Отправить
Ознакомиться с условиями публичного договора
success
error
warning

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

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

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

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

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

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

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

Cпикеры

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

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

Сертификат от Lerna

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

Посмотреть сертификат
Записаться на курс
-55%
26 199 драм/мес
58 219 драм/мес
В рассрочку на 12 мес
Скидка по промокоду:
Кешбэк 30%: 94 315 баллов на Lerna
Веб-дизайн с нуля
Длительность: 5 мес
Старт курса: после оплаты
Заполните контактные данные
Имя
Телефон
E-mail
Промокод
Название компании
Отправить заявку
Ознакомиться с условиями публичного договора
success
error
warning

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

  • Я никогда не занимался веб-дизайном. У меня получится?

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

  • В каком графическом редакторе я буду работать?

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

  • Какой график обучения? Получится ли совмещать его с работой?

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

  • Сколько часов в неделю мне нужно будет уделять учёбе?

    Всё зависит только от вас. В среднем пользователи нашей платформы занимаются от трёх до пяти часов в неделю.

  • Я смогу общаться со спикерами?

    У вас будет куратор в Telegram-чате, а проверяющий эксперт прокомментирует практические работы и даст полезные советы. Так вы сможете перенять опыт, профессиональные знания и лайфхаки.

  • Действуют ли какие-нибудь программы рассрочки?

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

  • Что ещё почитать про профессию