- #SkladchinaVip
- #1
[tilda.school] Web Design PRO [Денис Сиземов]
- Ссылка на картинку
-
Научим создавать сильный дизайн
За 6 недель вы сможете построить фундамент из самых главных навыков дизайнера для создания сайтов.
Программа обучения
/ Вводный модуль / ⠀ Знакомство с веб-дизайном
/ Модуль 1 / ⠀ Типографика
/ Модуль 2 / ⠀ Композиция
/ Модуль 3 / ⠀ Цвет
/ Модуль 4 / ⠀ Стиль и характер
/ Модуль 5 / ⠀ Работа с графикой
/ Модуль 6 / ⠀ Веб-анимация
/ Модуль 7 / ⠀ UX проектирование
/ Модуль 8 / ⠀ С чего начинается сильный дизайн
/ Модуль 9 / ⠀ Сильное портфолио
За 6 недель вы сможете построить фундамент из самых главных навыков дизайнера для создания сайтов.
Программа обучения
/ Вводный модуль / ⠀ Знакомство с веб-дизайном
- Как создают сайты. Процесс по шагам.
- Какие бывают типы сайтов
- Как устроена иерархия страниц сайта
- Структура одной страницы
- Как устроен дизайн процесс
- Как искать идеи для дизайна
- Гид по работе в Figma
/ Модуль 1 / ⠀ Типографика
- Визуальная иерархия текста
- Параметры текста
- Стили текста
- Работа с колонками
- Гид по выбору шрифта
- Как сочетать текст с элементами сайта
- Креативная типографика
- Адаптация текста для мобильных
/ Модуль 2 / ⠀ Композиция
- Гармония в дизайне
- Модульные сетки и направляющие
- Визуальная иерархия в композиции
- Как выравнивать элементы
- Как работать с пустым пространством
- Как гармонично адаптировать для мобильных
/ Модуль 3 / ⠀ Цвет
- Как выбрать палитру сайта
- Как работать с контрастами
- Цвет: основа, акценты, поддержка
- Как работать с черно-белой палитрой
- Как работать с градиентами
- Дизайн сайта с темным фоном
/ Модуль 4 / ⠀ Стиль и характер
- Как придать дизайну уникальность
- Обзор стилей в веб-дизайне
- Как добавить дизайну объем
- Работа с прозрачностью, размытием, смешиванием
- Работа со скруглениями, рамками, разделителями
- Как сделать вкусные кнопки
- Дизайн call-to-action элементов
/ Модуль 5 / ⠀ Работа с графикой
- Как создавать визуальные образы
- Векторная и растровая графика: разбор
- Обработка растровой графики
- Техника коллажирования
- Работа с иконками и иллюстрациями
- Как создать графику самому
- Как искать идеи и референсы
- Работа с графикой для мобильных
/ Модуль 6 / ⠀ Веб-анимация
- Теория веб-анимации
- Как работать с easing (плавностью анимации)
- Анимация по клику и наведению: примеры
- Анимация по скроллу: примеры
- Как найти баланс анимации
- Как проектировать анимацию в Figma
/ Модуль 7 / ⠀ UX проектирование
- Принципы UX-дизайна
- Как проектировать лендинги
- Как проектировать многостраничные сайты
- Как проектировать интернет-магазины
- Как сделать удобную навигацию
- Удобные формы и попапы
- Мобильный UX
/ Модуль 8 / ⠀ С чего начинается сильный дизайн
- Брифинг клиента
- Понимание задачи
- Анализ конкурентов
- Целевая аудитория. Метод персон и подход JTBD
- User flow. Customer flow.
- Презентация проекта
/ Модуль 9 / ⠀ Сильное портфолио
- Проектирование сильного кейса
- Как оформить кейс на уровне
- Как показывать работы в соцсетях
- Как держать портфолио в порядке
Показать больше