Базовый курс по дизайну (веб и UI) [Stepik] [Максим Солдаткин]

Складчина: Базовый курс по дизайну (веб и UI) [Stepik] [Максим Солдаткин]

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

Чему вы научитесь

• Применять правила типографики: выбирать шрифты (гротески), настраивать начертания, выравнивать текст и работать с микротипографикой (кавычки, тире).
• Верстать читабельные текстовые блоки, используя оптимальную длину строки, правильные отступы между абзацами и заголовками, а также иерархию заголовков.
• Подбирать и обрабатывать изображения для сайтов: выбирать картинки с однородным фоном, использовать тонирование и градиенты, чтобы текст оставался читаемым.
• Выстраивать композицию макета, используя правило третей и принципы ритма, чтобы управлять вниманием пользователя.
• Создавать гармоничные цветовые схемы, следуя правилу 90/10 (базовый + акцентный цвет) и используя готовые палитры.
• Применять правила внутреннего и внешнего для создания логичной структуры контента с помощью отступов.
• Оформлять UI-элементы: кнопки, ссылки, поля ввода, иконки и карточки, следуя лучшим практикам и принципам выравнивания.
• Строить модульные сетки (например, 12-колоночную) для создания ровных и структурно целостных макетов.

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

Цель курса — сформировать у вас базу, своего рода «скелет» дизайн-мышления. Вы перестанете действовать наугад и начнете понимать, почему один макет выглядит профессионально и удобно, а другой — «сыпется».

Почему стоит выбрать этот курс?

• Вся информация в нем — это выжимка из реального опыта и проверенных принципов. Вы узнаете, как избегать типичных ошибок новичков:
• Почему не стоит использовать 10 разных шрифтов и как обойтись одним качественным гротеском.
• Как не «убить» картинку текстом и что делать, если заказчик дал неудачные фото.
• Почему «воздух» (отступы) важнее лишних линий и обводок.
• Как с помощью одного акцентного цвета сделать дизайн дорогим, а не «вырвиглазным».

Что вы приобретете?

• Вместо разрозненных знаний вы получите стройную систему. Вы поймете логику создания макета: от первого наброска до выравнивания по сетке. Вы научитесь «причесывать» свои дизайны, делая их аккуратными и читабельными.
• Структура курса построена так, чтобы вы последовательно прошли все ключевые этапы работы дизайнера:
• Типографика: Шрифты, начертания, базовые и микро-правила работы с текстом.
• Работа с контентом: Оформление текстовых блоков, сочетание текста с картинками и иконками.
• Композиция и визуальная среда: Правила композиции, ритм на странице.
• Архитектура интерфейса: Создание структуры с помощью отступов (правило внутреннего/внешнего), модульные сетки.
• UI-элементы: Цвет, градиенты, кнопки, поля ввода, плашки и тени.

Для кого этот курс

• Курс идеально подойдет вам, если:
• Вы — полный новичок. Вы только задумываетесь о карьере в дизайне и не знаете, с чего начать. Курс даст вам твердую почву под ногами и правильные ориентиры.
• Вы — начинающий дизайнер. Вы уже пробовали рисовать макеты в Figma, но сталкивались с тем, что результат выглядит «криво» и «непрофессионально». Чувствуете, что вам не хватает системных знаний и правил.
• Вы — маркетолог, менеджер или разработчик. Вы часто работаете с дизайнерами и хотите говорить с ними на одном языке, понимать логику их решений и самостоятельно править простые макеты.
• Вы — блогер или предприниматель. Вы хотите самостоятельно оформлять свой сайт, лендинг или соцсети, но не знаете, как сделать это красиво и без ошибок, которые отпугивают клиентов.

Начальные требования
Для успешного прохождения курса не требуется никаких специальных знаний в дизайне. Вы познакомитесь с Figma по ходу обучения. Главное — ваше желание разобраться в теме и готовность выполнить практическое задания. Курс построен так, чтобы быть понятным и полезным с самых первых минут.

Наши преподаватели
Максим Солдаткин

Как проходит обучение
Курс состоит из серии коротких, структурированных видеоуроков, разбитых по тематическим блокам. В каждом уроке мы разбираем конкретную тему: от теории до наглядных примеров («как надо» и «как не надо»).

Ваша задача:
Просмотреть видеоурок.
Разобрать приведенные примеры.
Выполнить практическое задание в конце курса на отработку полученного навыка.

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

Типографика и текст:

1. Шрифты.
2. Блок текста.
3. Микротипографика.
4. Слово.

Графика:

1. Картинки.
2. Круглые картинки.
3. Иконки.
4. Стоки.

Композиция:

1. Композиция.
2. Цвет.
3. Внутреннее и внешнее.
4. Модульные сетки.

Элементы UI:

1. Плашки, тени, формы.
2. Кнопки и ссылки.
3. Интерактивные элементы.

Задание:

1. Задание.

В курс входят 16 уроков 1 час 52 минуты видео
Последнее обновление 26.02.2026

Цена 490 руб.
Скрытая ссылка