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

Курс повышения квалификации или освоения программы с нуля по направлению Веб-дизайн с нуля до PRO от онлайн-университета Skillbox. Курсы, созданные практикующими экспертами компаний-партнеров. Индивидуальный график — вы сами выбирайте, когда и во сколько проходить программу обучения. После прохождения курса выдается сертификат и возможность пройти стажировку в лучших IT компаниях России. У каждого студента есть возможность пообщаться с преподавателем в режиме онлайн или задать вопрос в чат. Университет имеет государственную лицензию №039911 на право оказывать образовательные услуги.

Программа курса

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

35 тематических модулей   107 онлайн-уроков

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

Введение и основы Figma

• Узнаете, как правильно брифовать заказчика. Изучите основы Figma. Создадите первую страницу сайта.

Тренды, подготовка, мудборды

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

Работа со стилями. Создание GIU

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

Главная страница сайта

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

Основы работы с графикой

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

Декомпозиция

• Изучите принципы декомпозиции на примере главной страницы Morgan Stanley. Сможете сами декомпозировать элементы страницы и работать с сеткой, типографикой и цветами.

Навигация и структура

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

Интересная подача информации

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

Формы и кнопки

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

Адаптивность и мобильная версия

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

Цвета, адаптивность, настроение. Промостраница мероприятия

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

Декомпозиция промостраницы

• Поработаете с сеткой, типографикой и цветами, чтобы декомпозировать промостраницу. Создадите собственный дизайн промостраницы.

Анимация в Figma

• Узнаете основные принципы создания анимации и научитесь настраивать переходы на прототипе своего сайта.

Презентация проекта

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

Подготовка проекта к вёрстке

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

Первый кейс на Behance

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

Веб-дизайн PRO

Специализация и личное позиционирование

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

Концептуальный дизайн

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

Введение в UX

• Познакомитесь UX/UI-дизайном и поймёте роль UX в современных проектах. Изучите особенности работы над продуктовым дизайном.

Портреты пользователей и CJM

• Научитесь создавать портреты пользователей, разрабатывать Customer Journey Map и использовать это в дизайне.

Стилеобразующие элементы. Иконки

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

Типографика PRO

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

Когда верстальщик не пригодился. Readymag

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

Продвинутая презентация

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

Копирайтинг

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

Погружение в мир 3D. Cinema 4D и Blender

• Научитесь создавать визуализации в Cinema 4D: настраивать свет и сцены. Познакомитесь с редактором Blender. Сможете создавать визуализации в перспективе и изометрии.

Adobe XD

• Научитесь работать с редактором Adobe XD и сможете создавать в нём простые интерфейсные приложения.

Кейс на 1 000 лайков

• Узнаете, как упаковать дизайн в кейс: научитесь создавать обложку и макропланы, структурировать кейс и делать анимационные вставки. Освоите работу в редакторе Behance.

План развития дизайнера на 3 года

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

Дипломный проект

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

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