Курс 1,5 месяца

Профессия Веб-дизайнер

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

Записаться на курс

Стоимость 41 000 ₽

В рассрочку без переплаты

1800 ₽/мес

Кому подойдет этот курс

Интернет-маркетологам

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

Фрилансерам

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

Руководителям и владельцам бизнеса

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

Программа курса «Веб-дизайнер»

7 модулей, 29 онлайн-уроков

1,5 месяца

Модуль 1. Веб-дизайн и этапы разработки сайтов

Тема 1.1. Практика и инструменты

Введение в профессию
Основные определения
Виды сайтов

Тема 1.2. Этапы разработки сайта

Исследование и работа с заказчиком
Структура, прототип и макет
Техническое производство

Тема 1.3. Особенности разработки сайтов

Публикация сайта в интернете
Фронтенд (HTML, CSS, Javascript)
Бекенд (CMS, самописные движки)
Домен и хостинг
Сдача макета в разработку

Тема 1.4. Дизайн-система

Модуль 2. Графический дизайн. Figma

Тема 2.1. Графический редактор Figma

Интерфейс и возможности программы
Разбор инструментов

Тема 2.2. Разработка макета в Figma

Сетка
Грид
Цветовые стили, шрифт
Компоненты

Тема 2.3. Понятия библиотек, live device preview, плагины, экспорт объектов

Что такое библиотеки?
Предварительный просмотр
Плагины и экспорт объектов

Тема 2.4. Графический дизайн: композиция и сетки

Основные определения

Тема 2.5. Графический дизайн: виды сеток и расположение элементов

Расположение элементов по сетке
Разбор на примерах

Тема 2.6. Теория цвета и подбор контента

Всё о цвете и его подборе
Как правильно выбрать фотографии
Влияние изображений на дизайн

Тема 2.7. Типографика. Классификация и анатомия цветов

Классификация шрифтов. Как шрифт передает настроение
Анатомия шрифта: кернинг, трекинг, интерлиньяж, шрифтовые пары

Тема 2.8. Типографика. Редактура. Верстка

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

Тема 2.9. Коммерческие и некоммерческие шрифты

Тема 2.10. Сервисы по типографике

FontFaceninja, Google Fonts, Typetoday
Разбор самых частых ошибок в типографике

Модуль 3. UX-аналитика

Тема 3.1. Составные части UX

Базовые определения
Составные части UX
Информационная архитектура и иерархия
Пользовательские сценарии

Тема 3.2. Проектирование взаимодействия

Основные определения
Проектирование взаимодействия
Формы и интерфейсы с полями
Визуальный дизайн и UI-кит
Ошибки в визуальном дизайне при отрисовке интерфейса

Тема 3.3. Юзабилити-тестирование сайта

Digital-гайдлайны
UX-аналитика: юзабилити-тестирование
UX-аналитика: карты кликов и карты ссылок в Яндекс.Метрике
UX-аналитика: сегменты в Яндекс.Метрике
Пирамида Гаррета в UX

Тема 3.4. Mind map и прототип сайта

Создание mind-map
Прототипирование сайта

Тема 3.5. UX-практика: mind map интернет-магазина

Тема 3.6. UX-практика: создание прототипа интернет-магазина

Модуль 4. Адаптивный дизайн. Анимация интерфейса

Тема 4.1. Дизайн и адаптивность

Создание дизайн-макета сайта
Применение правил дизайна на готовом прототипе
Раскроем подробнее вопросы стилистики и дизайн-системы
Mobile-first: адаптивный дизайн сайта

Тема 4.2. Дизайн и адаптивность. Правила дизайна

Создание дизайн-макета сайта
Применение правил дизайна на готовом прототипе
Раскроем подробнее вопросы стилистики и дизайн-системы

Тема 4.3. Адаптивный дизайн сайта

Адаптивный дизайн. Изменение поведения элементов и разрешений
Исследования для адаптивного дизайна
Разрешение и сетка
Логическое и физическое разрешение экранов
Типы вёрстки

Тема 4.3. Адаптация интернет-магазина

Модуль 5. Анимация в веб-дизайне

Тема 5.1. Анимация. Общие принципы

Микро- и макроанимация
Софт для создания анимации
Программы для веб-дизайнеров: Protopie, Principle, Figma, After Effects

Тема 5.2 Анимация элементов на сайте

Анимация прелоадера
Анимация перехода от страницы к странице
Анимация формы регистрации
Передача анимации в разработку

Тема 5.3. Анимация. Передача макета в разработку

Модуль 6. Конструкторы сайтов

Тема 6.1. Конструкторы сайтов: функционал, достоинства, недостатки

Конструкторы сайтов: Tilda и LP Gener
Конструкторы сайтов: uKit и Wix
Конструкторы сайтов uCoz и Nethouse

Модуль 7. Брендинг. Создание логотипов

Тема 7.1. Позиционирование бренда

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

Тема 7.2. Разработка логотипов

Логотип. Создание логотипа
Создание простых шрифтовых логотипов

Поможем в выборе!

Если у вас есть вопросы о будущем обучении, закажите обратный звонок или напишите нам в чат

Преподаватели курса

Дарина Костина

Преподаватель и автор курсов по дизайну и созданию сайтов. Эксперт в области профессиональной дизайн-упаковки бизнеса с опытом работы более 8 лет. Основатель и владелец дизайн-маркета Karma и руководитель различных проектов в области веб-дизайна - логотипы, брендинг, иллюстрации, лэндинги

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

Сможете самостоятельно создавать макет дизайна сайта в Figma

Узнаете, как создавать модульную сетку и сетку для мобильных устройств

Сможете разрабатывать и визуализировать различные пользовательские интерфейсы

Поймете, как подбирать лицензированный контент для дизайна

Научитесь разрабатывать дизайн-концепцию

Научитесь разрабатывать UX/UI дизайн

Научитесь разрабатывать анимацию для веб-сайта

Научитесь создавать шрифтовые логотипы

Записаться на курс

Стоимость 41 000 ₽

В рассрочку без переплаты

1800 ₽/мес

Вы записались на курс!

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

Ваш город Москва?

Профессия Веб-дизайнер