Web Design

Программа курса

Основы Figma и инструменты дизайнера

На этом курсе начинают с основ работы в Figma. Студенты осваивают главные функции программы: фреймы, фигуры, работу с текстом и векторной графикой. Учат применять маски и эффекты, пользоваться контролем версий и плагинами. Также разбирают модульные сетки, Auto Layout и создание адаптивных макетов. Закрепляют знания о стилях, компонентах и библиотеках. В конце блока учат создавать прототипы с анимацией и интерактивными элементами. Первое домашнее задание - перерисовать готовый лендинг.

Принципы вебдизайна и работа с графикой

Второй блок объясняет роль дизайна в цифровом маркетинге. Студенты узнают о различиях между разными типами дизайна и видами сайтов. Учат применять Design Thinking для создания проектов - от выявления проблем до прототипирования. Отдельный урок посвящен Photoshop: основы работы с растровой графикой, слоями и навигацией. Потом идет воркшоп по композиции, цветам и типографике, где учат работать с сетками и референсами без плагиата. Дополнительное занятие по Illustrator охватывает инструменты векторной графики, кривые Безье и работу с контурами.

Создание графики и концептов

Гостевая лекторка Катя Ищенко рассказывает о создании графики, иконок, логотипов и постеров. На втором занятии по Illustrator студенты осваивают более сложные инструменты: Pathfinder, трассировку изображений, деформацию текста. Потом переходят к разработке концепций - изучают алгоритмы сбора концепции и границы между заимствованием и плагиатом. В блоке про backend дизайна учат составлять UI kit, стандартизировать стили и адаптировать макеты под мобильные устройства.

Презентация дизайн-решений

Этот блок посвящен презентации работ. Студенты учат техники сторителлинга, учатся удерживать внимание клиента и обосновывать свои решения. Учат использовать референсы в презентациях и работать с Readymag. После создания собственной презентации для лендинга происходит presentation check и фидбек-сессия с лектором.

Работа с клиентами и UX-дизайн

Третий блок углубляется в коммуникацию с клиентами. Студенты учат работать с брифом, готовить дополнительные вопросы и проводить рабочие встречи. Гостевая лекторка Юлия Лысенко рассказывает о бренде и маркетинговых исследованиях. Далее идет введение в UX Design: анализ конкурентов, построение сайтмепов и структура многостраничных сайтов. На воркшопе по wireframing студенты создают каркасы страниц и изучают навигационные инструменты.

UI-дизайн и разработка концепций

Студенты переходят к UI-дизайну после освоения UX основ. Учат проводить Visual Research и анализировать существующие дизайны. На воркшопе с Юлией Замятиной разрабатывают идеи-метафоры и графические приемы, создают мудборды. Потом изучают design approach - как придерживаться дизайн-айдентики и прокачивать навыки работы с сетками, цветами и композицией. В более сложной части backend дизайна учат собирать UI kit для многостраничных сайтов и адаптировать их под мобильные устройства.

E-commerce дизайн

Последний блок посвящен проектированию интернет-магазинов. Студенты изучают особенности UX для e-commerce: структуру сайтов, навигационные инструменты и основы аналитики. Потом переходят к UI e-commerce сайтов - учат создавать удобную навигацию, представлять продукты визуально и добавлять интерактивность. Гостевая лекторка Настя Слободянюк рассказывает о создании портфолио, подготовке к собеседованиям и выборе типа занятости. Курс завершается финальной презентацией проектов.