Web Design PRO. Углубленный курс по веб-дизайну [Tilda School]

от автора

в

Складчина: Web Design PRO. Углубленный курс по веб-дизайну [Tilda School]

2026-02-03_023242.png

Научим создавать сильный дизайн
Ты получаешь крепкую базу в дизайне. Прокачиваешь креативность. И делаешь дизайн сайтов от которого хочется крикнуть «вау»!

Результат

  • Можешь создать волшебный дизайн с чистого листа
  • Владеешь базой: крепкая типографика и стройная композиция теперь твои друзья
  • Знаешь как работать в разных стилях веб-дизайна: от минимализма до брутализма

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

Вводный модуль / Знакомство с веб дизайном

  • Как создают сайты. Процесс по шагам.
  • Какие бывают типы сайтов
  • Как устроена иерархия страниц сайта
  • Структура одной страницы
  • Как устроен дизайн процесс
  • Как искать идеи для дизайна
  • Гид по работе в Figma

Модуль 1. Типография

  • Визуальная иерархия текста
  • Параметры текста
  • Стили текста
  • Работа с колонками
  • Гид по выбору шрифта
  • Как сочетать текст с элементами сайта
  • Креативная типографика
  • Адаптация текста для мобильных

+ Воркшоп по работе с типографикой

Модуль 2. Композиция

  • Модульные сетки и направляющие
  • Принципы построения блоков
  • Как выравнивать элементы
  • Плотность контента
  • Иерархия и масштаб

+ Воркшоп по работе с композицией в дизайне
+ Воркшоп по работе с модульными сетками

Модуль 3. Стиль и характер

  • Обзор стилей в веб-дизайне
  • Работа с объемом и тенями
  • Работа с прозрачностью, размытием и смешиванием
  • Работа со скруглениями, рамками и разделителями
  • Как сделать правильные кнопки
  • Дизайн call to action элементов

+ Воркшоп по работе со стилями на сайте

Модуль 4. Работа с графикой

  • Как создавать визуальные образы
  • Векторная и растровая графика: разбор
  • Обработка растровой графики
  • Техника коллажирования
  • Работа с иконками и иллюстрациями
  • Как создавать графику самостоятельно

+ Воркшоп по работе с графикой

Модуль 5. Цвет

  • Как выбрать палитру сайта
  • Как работать с контрастом
  • Работа с черно-белой палитрой
  • Цвет: основа, второстепенный цвет, акцент
  • Как работать с градиентами
  • Дизайн сайта с темной темой

+ Воркшоп по работе с цветом в веб-дизайне

Модуль 6. Веб анимация

  • Теория веб-анимации
  • Плавность анимации (easing)
  • Виды анимации в вебе: разбор
  • Анимация макета в Figma
  • Как найти баланс анимации

Модуль 7. UX проектирование

  • Как сделать удобную навигацию
  • Как проектировать лендинги
  • Как проектировать многостраничные сайты
  • Как проектировать интернет-магазины
  • Работа с формами
  • Работа со всплывающими окнами
  • Работа с таблицами
  • Подвал (Footer)

+ Воркшоп по проектированию прототипа сайта

Модуль 8. С чего начинается сильный дизайн

  • Брифинг клиента
  • Анализ конкурентов
  • Целевая аудитория
  • User flow, Customer flow (путь пользователя и путь клиента)
  • Понимание задачи
  • Презентация дизайна клиенту

Модуль 9. Сильное портфолио

  • Проектирование сильного кейса
  • Как оформить кейс создания сайта
  • Оформление кейса для социальных сетей
  • Советы по созданию личного сайта

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

Старт: 16.02
Цена: 25000 рублей