Веб-дизайнер с нуля от Бруноям

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

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

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

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

Аналитика

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

Типы сайтов и насмотренность

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

Основы Figma

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

Типографика

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

Колористика

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

Прототип

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

Композиция и цвет

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

Создание макета сайта

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

Адаптивный дизайн

Вам расскажут, как адаптировать сайт для корректного отображения и работы на мобильных устройствах. Рассмотрите несколько вариантов адаптивности, изучите стратегию разработки Mobile First. Изучите нюансы прототипирования и поработаете с Figma Mirror.

Работа с фото и иллюстрациями в Photoshop

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

Перенос макета из Figma в Tilda

Дополнительный модуль, в котором вам расскажут, как перенести уже готовый макет из Figma в конструктор сайтов Tilda.

Карьера и развитие

Узнаете, как правильно оформить портфолио и на каких площадках его разместить, где искать первых клиентов и заказы. Рассмотрите примеры хороших портфолио и кейсов на площадках Behance и Dribbble.