Куки помогают нам сохранять твои настройки и результаты. Пользуясь сайтом, ты соглашаешься с их обработкой согласно Политике конфиденциальности.
Настройки куки
Файлы cookie, необходимые для корректной работы сайта, всегда включены.
Другие файлы cookie можно настроить.
Основные файлы cookie
Всегда включены. Эти файлы cookie необходимы для работы веб-сайта и его функций. Их нельзя отключить. Они устанавливаются в ответ на ваши запросы, например, при настройке параметров конфиденциальности, входе в систему или заполнении форм.
Аналитические файлы cookie
Disabled
Эти файлы cookie собирают информацию, которая помогает нам понять, как используются наши веб-сайты, насколько эффективны наши маркетинговые кампании, а также помогает нам персонализировать наши веб-сайты для вас. Список используемых нами аналитических файлов cookie можно посмотреть здесь.
Рекламные файлы cookie
Disabled
Эти файлы cookie предоставляют рекламным компаниям информацию о вашей активности в интернете, чтобы помочь им показывать вам более релевантную рекламу или ограничивать количество показов рекламы. Эта информация может быть передана другим рекламным компаниям. Список используемых нами рекламных файлов cookie можно посмотреть здесь.

Урок 5. Финальный проект: сборка и запуск

01 / 06
Суперсила 5: Повторение

Соберите элементы в команду

Единство стиля — это когда макет ощущается как цельный продукт, а не лоскутное одеяло.

Представим команду в онлайн-игре. Если один игрок в строгом цилиндре, второй в спортивном поло, а третий в маске для дайвинга — это балаган. Чтобы выглядеть профессионально, у команды должны быть общие элементы формы, цвета и правила геометрии.

🎩
👕
🤿
02 / 06
Ошибка новичка

Правило системы и ограничения

Самая частая ошибка в дизайне — использование слишком большого количества разных шрифтов, цветов и форм одновременно.

Золотое правило: используется не больше 2–3 шрифтов и 2–3 базовых цветов на весь проект. Если одна кнопка круглая и синяя, остальные кнопки такого же типа не могут внезапно стать квадратными и красными.

Заголовок первого уровня
Подзаголовок с другим настроением
Основной текст, который вообще не подходит к остальным по стилю.
03 / 06
Физиология чтения

Зачем нужно повторение?

Когда одни и те же элементы выглядят одинаково, пользователю не нужно каждый раз заново изучать интерфейс.

Например, если все ссылки в приложении синие, мозг запоминает это правило с первого экрана. Встретив синий текст на десятой странице, человек уже интуитивно знает, что на него можно нажать.

Как повторение одинаковых элементов влияет на восприятие?

04 / 06
Батл макетов

Визуальный батл: Целостность проекта

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

Картинка (квадрат)
Описание (овал)
КНОПКА
Случайные формы
Превью (скругление 8px)
Детали (скругление 8px)
Купить сейчас
Единая система
// Чит-код для нейросети (для сохранения стиля UI):
... consistent UI design style, repeating visual elements, uniform border radius, clean and minimal aesthetic
05 / 06
Финальная проверка

Чек-лист готовности проекта

Все 5 суперсил (Контраст, Иерархия, Воздух, Выравнивание, Повторение) изучены. Перед публикацией любого дизайна требуется сверка по этому списку.

✓
Контраст: Главная кнопка или заголовок считываются мгновенно за доли секунды.
✓
Иерархия: Текст разделен на Крупный (Босс), Средний и Мелкий уровни.
✓
Воздух и Выравнивание: Текст не прилипает к краям, используется надежная левая ось.
✓
Стиль: В макете работает системное повторение форм, используется не больше 2 шрифтов.
⚠️ Отметьте все пункты чек-листа, чтобы подтвердить готовность.
Базовый курс освоен

Все 5 суперсил собраны!

Случайности уступают место осознанному дизайну
Главный вывод:
Повторение создает систему. Единые правила для кнопок, отступов и шрифтов превращают хаос в предсказуемый и удобный интерфейс.
Готовность подтверждена! Впереди финальное испытание курса — Битва с Боссом.
⚔️ Перейти к Финальному Боссу →