Единство стиля — это когда макет ощущается как цельный продукт, а не лоскутное одеяло.
Представим команду в онлайн-игре. Если один игрок в строгом цилиндре, второй в спортивном поло, а третий в маске для дайвинга — это балаган. Чтобы выглядеть профессионально, у команды должны быть общие элементы формы, цвета и правила геометрии.
🎩
👕
🤿
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 суперсил собраны!
Случайности уступают место осознанному дизайну
Главный вывод:
Повторение создает систему. Единые правила для кнопок, отступов и шрифтов превращают хаос в предсказуемый и удобный интерфейс.
Готовность подтверждена! Впереди финальное испытание курса — Битва с Боссом.