[Tilda School] Web Design PRO (Антон Командин, Денис Сиземов)

​

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

Результат

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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