О курсе

Курс «Web Design PRO» от Tilda School посвящён углублённому изучению веб-дизайна. Вводный модуль знакомит с процессом создания сайтов, типами сайтов, иерархией страниц и структурой отдельной страницы, а также с дизайн-процессом и поиском идей. Отдельное внимание уделено работе в Figma.

Основная часть программы разбита на тематические модули. Модуль по типографике рассматривает визуальную иерархию текста, параметры и стили текста, работу с колонками, выбор и сочетание шрифтов, креативную типографику и адаптацию текста для мобильных устройств. Модуль по композиции посвящён модульным сеткам, направляющим, принципам построения блоков, выравниванию элементов, плотности контента, иерархии и масштабу.

Далее следуют модули о стиле и характере (обзор стилей, работа с объёмом, тенями, прозрачностью, размытием, скруглениями, рамками, кнопками и call to action), о графике (создание визуальных образов, векторная и растровая графика, обработка растровой графики, коллажирование, иконки и иллюстрации) и о цвете (выбор палитры, контраст, чёрно-белая палитра, основа/второстепенный цвет/акцент, градиенты, тёмная тема).

Отдельные модули посвящены веб-анимации (теория, плавность, виды анимации, анимация макета в Figma, баланс анимации) и UX-проектированию (навигация, лендинги, многостраничные сайты, интернет-магазины, формы, всплывающие окна, таблицы, подвал). Завершающие модули касаются основ сильного дизайна (брифинг клиента, анализ конкурентов, целевая аудитория, user flow и customer flow, понимание задачи, презентация дизайна) и создания портфолио (проектирование кейса, оформление кейса для сайта и соцсетей, советы по личному сайту).

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

Что рассматривается в программе

  • рассматривается процесс создания сайтов и структура страниц
  • разбирается работа с типографикой, включая визуальную иерархию и адаптацию текста
  • изучаются принципы композиции, модульные сетки и выравнивание элементов
  • рассматривается работа со стилями, объёмом, тенями, прозрачностью и элементами интерфейса
  • разбирается работа с графикой: векторной, растровой, коллажированием, иконками
  • изучается работа с цветом, палитрами, контрастом и градиентами
  • рассматриваются основы веб-анимации и анимация макета в Figma
  • разбирается UX-проектирование: навигация, лендинги, интернет-магазины, формы

Кому может быть полезен курс

  • тем, кто интересуется веб-дизайном и хочет изучить его углублённо
  • начинающим дизайнерам, желающим систематизировать знания по типографике, композиции и цвету
  • специалистам, которым нужно ознакомиться с UX-проектированием и веб-анимацией
  • тем, кто работает с Figma и хочет расширить навыки в контексте веб-дизайна
  • тем, кто занимается созданием сайтов и хочет разобраться в подходах к проектированию и презентации дизайна

Вопросы о программе

Какие темы охватывает курс?

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

Предусмотрены ли практические задания?

В описании программы указаны воркшопы по типографике, композиции, модульным сеткам, стилям, графике, цвету и проектированию прототипа сайта.

Какой инструмент рассматривается для дизайна?

В программе есть гид по работе в Figma, а также модуль по анимации макета в Figma.

Что предлагается после завершения курса?

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