[tilda.school] Web Design PRO (Денис Сиземов)

[VOXit]

Ссылка на картинку

Научим создавать сильный дизайн
За 6 недель вы сможете построить фундамент из самых главных навыков дизайнера для создания сайтов.

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

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

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

/ Модуль 1 / ⠀ Типографика

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

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

• Гармония в дизайне
• Модульные сетки и направляющие
• Визуальная иерархия в композиции
• Как выравнивать элементы
• Как работать с пустым пространством
• Как гармонично адаптировать для мобильных

/ Модуль 3 / ⠀ Цвет

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

/ Модуль 4 / ⠀ Стиль и характер

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

/ Модуль 5 / ⠀ Работа с графикой

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

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

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

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

• Принципы UX-дизайна
• Как проектировать лендинги
• Как проектировать многостраничные сайты
• Как проектировать интернет-магазины
• Как сделать удобную навигацию
• Удобные формы и попапы
• Мобильный UX

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

• Брифинг клиента
• Понимание задачи
• Анализ конкурентов
• Целевая аудитория. Метод персон и подход JTBD
• User flow. Customer flow.
• Презентация проекта

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

• Проектирование сильного кейса
• Как оформить кейс на уровне
• Как показывать работы в соцсетях
• Как держать портфолио в порядке