Веб-дизайн v2.0

О чём курс

О курсе

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

Для кого

Материал структурирован с расчетом на разный уровень подготовки:

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

Что внутри

Обучение включает освоение ключевых графических пакетов: программы Figma (включая компоненты, автолейауты, анимацию и дизайн-системы), а также Adobe Photoshop и Adobe Illustrator для работы с графикой. В теоретическом блоке изучаются правила типографики, колористики, композиции и визуального баланса.

Практическая часть строится на разработке нескольких видов проектов:

  • Лонгрид с отработкой сеток и адаптивности под различные устройства.
  • Лендинг с проведением пользовательских интервью, созданием мудбордов, структуры и UI-кита методом декомпозиции.
  • Интернет-магазин с акцентом на e-commerce, проектирование сценариев взаимодействия (User Flow), путей пользователя (CJM), UX-копирайтинг и юзабилити-тестирование.

Готовые макеты переносятся на платформу Tilda, где отрабатывается вёрстка страниц в Zero-блоке.

Карьера и дополнительные навыки

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

Программа обучения

  • Модуль 1. Основы Figma
    • Figma
    • Настройки Figma
    • Фреймы и сетки
    • Векторная графика
    • Практика: Работа с векторной графикой
    • Работа с изображениями
    • Практика: Эффекты
    • Работа с текстом
    • Работа с автолейаутами
    • Стили и компоненты
    • Практика: Стили/UI-kit
    • Практика: Компоненты/Автолейаут
    • Плагины
    • Практика: Плагины
    • Подготовка макета
    • Практика: Подготовка макета для верстки
    • Бонусный урок по Figma
  • Модуль 2. Основы Photoshop
    • Введение
    • Интерфейс и создание файла
    • Сохранение и экспорт файлов
    • Слои в Фотошопе
    • Маски, обтравочные маски, слой-фильтр и стиль слоя
    • Кадрирование, раскройка и выравнивание
    • Инструменты выделения
    • Деформация, трансформирование, пластика. Изменяем форму объектов
    • Цветовые пространства и управление цветом
    • Цветокоррекция в фотошопе
    • Заливка, градиент, кисть, ластик, осветление и палец. Как рисовать в Фотошопе
    • Фильтры и смарт-фильтры
  • Модуль 3. Основы Illustrator
    • Программа Adobe Illustrator
    • Создание и сохранение файла
    • Настройка рабочей среды
    • Инструменты
    • Создание фигур
    • Свободные фигуры
    • Работа с цветом
    • Создание текста
    • Эффекты
    • Работа со слоями
    • Бесшовный паттерн
    • Полезные фишки
    • Сетка в создании логотипа
    • Работа с готовыми изображениями
  • Модуль 4. Основы дизайна
    • Композиция в дизайне
    • Цвет
    • Шрифт
  • Модуль 5. Введение в веб-дизайн
    • Что такое UI/UX
    • Специализации дизайнера
    • Какие бывают виды сайтов
    • Этапы ведения проекта и их особенности
    • Исследование бизнеса. Интервью с клиентом
  • Модуль 6. Создание лонгрида
    • Основы типографики, часть 1
    • Основы типографики, часть 2
    • Типографика в вебе. Виды шрифтов
    • Типографика. Где брать шрифты?
    • Типографика. Правила вёрстки и шрифтовые пары
    • Вёрстка. Теория близости
    • Типографика. Оформление текста
    • Типографика. Контрасты
    • Колористика
    • Модульная сетка
    • Сетки в веб-дизайне
    • Примеры хороших лонгридов
    • Особенности оформления лонгрида
  • Модуль 7. Создание лендинга
    • Этапы проекта. Какие этапы относятся к UX
    • Креативное мышление
    • Исследование конкурентов
    • Интервью с пользователем
    • Составление портрета пользователя
    • Создание мудборда
    • Элементы сайта
    • Структура лендинга
    • Композиция в лендинге
    • Создание мудборда
    • Визуальная концепция
    • Мобильные адаптивы. Часть 1
    • Мобильные адаптивы. Часть 2
    • UI KIT. Метод декомпозиции
    • Основные ошибки в UI
    • Презентация клиенту
    • Оформление кейса на Behance и Dribble
  • Модуль 8. Маркетинг и продажи
    • Почему покупают дизайн
    • Продажи
    • Таргетированная реклама
    • Контент-маркетинг
  • Модуль 9. Tilda. Создание многостраничника
    • Введение
    • Конструкторы и Ноу-код
    • Тильда 1.01
    • Шаблонные блоки
    • Zero-Блок в Тильде
    • Окончание работы
  • Модуль 10. Селф- маркетинг
    • Личный бренд и позиционирование
    • Портфолио
    • Ценообразование
  • Модуль 11. Создание интернет-магазина
    • Введение в e-commerce
    • User Flow
    • CJM (пользовательские истории)
    • UX-копирайтинг
    • Usability
    • Тестирование и проверка гипотез
  • Модуль 12. Забота о себе
    • Вводный урок
    • Психогигиена
    • Синдром самозванца
    • Перфекционизм
    • Цена и ценность
    • Результаты
    • Профессиональное выгорание
    • Прокрастинация
    • Как реагировать на критику
    • Как внедрять новые привычки
    • Баланс между работой и отдыхом
    • Как работать на удаленке
    • Границы на работе
  • Бонусы:
    • Модуль: Прохождение собеседований. Для тех, кто хочет в компанию
    • Юридический модуль для дизайнера. Для тех, кто хочет на фриланс
    • Модуль по работе с зарубежными заказчиками и студиями с практическими рекомендациями
    • База заказов и вакансий
    • От Логомашины и ее друзей
    • Вы сможете:
      • Составлять резюме
      • Уверенно проходить собеседования
      • Разбираться в вакансиях
      • Обезопасить себя от «плохих» работодателей
      • Составлять договоры
      • Работать с лицензиями
      • Защищать свое авторское право
      • Составлять досудебные претензии
  • Дополнительные бонусы:
    • Закрытые эфиры 18+ видео в библиотеке +1 новый эфир каждый месяц
    • Эфиры от кураторов и приглашенных спикеров-экспертов
    • Онлайн-вебинары с ответами на вопросы
    • Антикризисный модуль
      • Этичные продажи
      • Продвижение в соцсетях
      • Приём оплат из других стран
      • VPN/VPS
      • Работа в условиях конкуренции
      • Релокация
    • Юридический блок
      • Прохождение собеседований
      • Режимы налогообложения
      • Работа с договорами
      • Интеллектуальная собственность и виды РИД
      • Объекты авторского права, патентного права и средства индивидуализации. Часть 1
      • Объекты авторского права, патентного права и средства индивидуализации. Часть 2
      • Объекты авторского права, патентного права и средства индивидуализации. Часть 3
      • Базовые элементы дизайна, общепринятые обозначения, госсимволика, обозначения культурного наследия
      • Регистрация товарного знака. Часть 1
      • Регистрация товарного знака. Часть 2
      • Практика. Часть 1
      • Практика. Часть 2
    • Английский язык для дизайнеров
      • Введение
      • Лексика. Часть 1
      • Лексика. Часть 2
      • Грамматика
      • Понимание на слух
      • Переписка с заказчиком
      • Заключение
Складчина создана 6 июля 2026 г. · описание обновлено 18 октября 2026 г.

Теги курса

Инструменты

Другие материалы школы 7

Л Логомашина Все материалы
90 000 ₽