Освойте базовые принципы веб-дизайна и UI: от работы со шрифтами и типографикой до создания гармоничных композиций и использования цвета. Практический курс для тех, кто хочет создавать красивые и удобные сайты с нуля.
Чему вы научитесь
- Применять правила типографики: выбирать шрифты (гротески), настраивать начертания, выравнивать текст и работать с микротипографикой (кавычки, тире).
- Верстать читабельные текстовые блоки, используя оптимальную длину строки, правильные отступы между абзацами и заголовками, а также иерархию заголовков.
- Подбирать и обрабатывать изображения для сайтов: выбирать картинки с однородным фоном, использовать тонирование и градиенты, чтобы текст оставался читаемым.
- Выстраивать композицию макета, используя правило третей и принципы ритма, чтобы управлять вниманием пользователя.
- Создавать гармоничные цветовые схемы, следуя правилу 90/10 (базовый + акцентный цвет) и используя готовые палитры.
- Применять правила внутреннего и внешнего для создания логичной структуры контента с помощью отступов.
- Оформлять UI-элементы: кнопки, ссылки, поля ввода, иконки и карточки, следуя лучшим практикам и принципам выравнивания.
- Строить модульные сетки (например, 12-колоночную) для создания ровных и структурно целостных макетов.
О курсе
Этот курс — ваш первый шаг к созданию профессиональных цифровых продуктов. Мы не будем углубляться в абстрактную теорию искусства. Вместо этого мы сфокусируемся на конкретных, прикладных правилах и инструментах, которые сразу можно применить в работе.
Цель курса — сформировать у вас базу, своего рода «скелет» дизайн-мышления. Вы перестанете действовать наугад и начнете понимать, почему один макет выглядит профессионально и удобно, а другой — «сыпется».
Почему стоит выбрать этот курс?
- Вся информация в нем — это выжимка из реального опыта и проверенных принципов. Вы узнаете, как избегать типичных ошибок новичков:
- Почему не стоит использовать 10 разных шрифтов и как обойтись одним качественным гротеском.
- Как не «убить» картинку текстом и что делать, если заказчик дал неудачные фото.
- Почему «воздух» (отступы) важнее лишних линий и обводок.
- Как с помощью одного акцентного цвета сделать дизайн дорогим, а не «вырвиглазным».
Что вы приобретете?
- Вместо разрозненных знаний вы получите стройную систему. Вы поймете логику создания макета: от первого наброска до выравнивания по сетке. Вы научитесь «причесывать» свои дизайны, делая их аккуратными и читабельными.
- Структура курса построена так, чтобы вы последовательно прошли все ключевые этапы работы дизайнера:
- Типографика: Шрифты, начертания, базовые и микро-правила работы с текстом.
- Работа с контентом: Оформление текстовых блоков, сочетание текста с картинками и иконками.
- Композиция и визуальная среда: Правила композиции, ритм на странице.
- Архитектура интерфейса: Создание структуры с помощью отступов (правило внутреннего/внешнего), модульные сетки.
- UI-элементы: Цвет, градиенты, кнопки, поля ввода, плашки и тени.
Для кого этот курс
- Курс идеально подойдет вам, если:
- Вы — полный новичок. Вы только задумываетесь о карьере в дизайне и не знаете, с чего начать. Курс даст вам твердую почву под ногами и правильные ориентиры.
- Вы — начинающий дизайнер. Вы уже пробовали рисовать макеты в Figma, но сталкивались с тем, что результат выглядит «криво» и «непрофессионально». Чувствуете, что вам не хватает системных знаний и правил.
- Вы — маркетолог, менеджер или разработчик. Вы часто работаете с дизайнерами и хотите говорить с ними на одном языке, понимать логику их решений и самостоятельно править простые макеты.
- Вы — блогер или предприниматель. Вы хотите самостоятельно оформлять свой сайт, лендинг или соцсети, но не знаете, как сделать это красиво и без ошибок, которые отпугивают клиентов.
Начальные требования
Для успешного прохождения курса не требуется никаких специальных знаний в дизайне. Вы познакомитесь с Figma по ходу обучения. Главное — ваше желание разобраться в теме и готовность выполнить практическое задания. Курс построен так, чтобы быть понятным и полезным с самых первых минут.
Наши преподаватели
Максим Солдаткин
Как проходит обучение
Курс состоит из серии коротких, структурированных видеоуроков, разбитых по тематическим блокам. В каждом уроке мы разбираем конкретную тему: от теории до наглядных примеров («как надо» и «как не надо»).
Ваша задача:
Просмотреть видеоурок.
Разобрать приведенные примеры.
Выполнить практическое задание в конце курса на отработку полученного навыка.
Программа курса
Типографика и текст:
- Шрифты.
- Блок текста.
- Микротипографика.
- Слово.
Графика:
- Картинки.
- Круглые картинки.
- Иконки.
- Стоки.
Композиция:
- Композиция.
- Цвет.
- Внутреннее и внешнее.
- Модульные сетки.
Элементы UI:
- Плашки, тени, формы.
- Кнопки и ссылки.
- Интерактивные элементы.
Задание:
- Задание.
В курс входят 16 уроков 1 час 52 минуты видео
Последнее обновление 26.02.2026
