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

Профессионалы, желающие сменить карьеру

Если вы работаете в другой области и хотите перейти в веб-дизайн, курс предоставит вам необходимые знания и практические навыки для успешного старта в новой профессии

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

Начинающие специалисты

Кем и где можно работать

Создание дизайна сайтов, лендингов, баннеров для рекламных кампаний. Разработка фирменного стиля и брендинга для веб-проектов

В агентствах цифрового маркетинга

Фрилансером

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

Веб-дизайнером в IT-компаниях

Проектирование и разработка дизайна корпоративных сайтов. Интеграция дизайна с техническими решениями разработчиков

Инструменты, которые понадобятся

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

Записаться

Всё онлайн

Учебные материалы 24/7

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

Простой интерфейс

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

Программа

Вам будет доступно 3 урока и все дополнительные материалы из предобучения

Предобучение

Полезные материалы: шаблон макетов сайтов, договора, акты и приложения к ним для начала работы

Модуль 0

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

Смотреть программу полностью

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

Практика

Полезные материалы: шаблон брифа, макет сайта, примеры коммерческого предложения, презентации

Модуль 1

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

Figma

Практика

Полезные материалы: шрифты, плагины, горячие клавиши, готовые сетки для дизайна, презентации

Модуль 2

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

Лендинг

Практика

Полезные материалы: шаблоны сайтов, методичка - элементы интерфейса, примеры Ui-kit, шаблоны вайрфреймов, презентации

Модуль 3

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

Референсы

Практика

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

Промежуточная аттестация

Модуль 4

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

UX и создание интернет-магазина

Практика

Полезные материалы: макеты сайтов, пример вопросника, шаблоны, презентации

Модуль 5

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

Сетки и композиция

Практика

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

Модуль 6

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

Типографика и работа с цветом

Практика

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

Модуль 7

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

Tilda

Итоговая аттестация

Практика

Полезные материалы: ссылки на необъходимые для работы сайты и сервисы

Модуль 8

основные элементы устройства интерфейса и принципы построения работы с сайтом
настройки сайта и процесс создания страниц, включая использование стандартных блоков и Zero-block
навыки импорта макетов из Figma в Tilda, верстка в стиле Pixel Perfect
принципы резиновой верстки и автоскейла
базовая анимация и настройка анимации в нулевом блоке
правила работы пошаговой анимации
анимация по скроллу
основы HTML и CSS, а также правилами работы с кодами и их добавления на сайт

Отзывы

Ирина, г. Сургут

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

29.12.2024

Иван, г. Санкт-Петербург

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

23.12.2024

12.01.2025

Курс по веб-дизайну оказался очень насыщенным и практико-ориентированным. Я получила массу знаний и навыков, необходимых для работы дизайнером. Понравились готовые шаблоны и пошаговые инструкции — это ускорило мое обучение.

Мария М., г. Москва

Больше отзывов