Веб-дизайн 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
- Грамматика
- Понимание на слух
- Переписка с заказчиком
- Заключение
Теги курса
Другие материалы школы 7
Л Логомашина Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.