Правило 60–30–10: дизайн, который чувствуется, а не просто виден.

Правило 60–30–10: дизайн, который чувствуется, а не просто виден.

Если ваш интерфейс выглядит красиво, но пользователей это не удерживает — вы, возможно, нарушили правило 60–30–10. Это простая, но критически важная пропорция в дизайне: 60% цвета — для фона, 30% — для элементов, и 10% — для акцентов.

Когда основной цвет занимает всё пространство, интерфейс начинает «душить» — он тяжёлый, визуально перегруженный. Если переборщить с второстепенными цветами, всё сливается в одно пятно, и взгляд теряется. А если вы забыли про акценты — пользователь просто не понимает, куда смотреть и где кликать.

Дизайн без иерархии цвета — это не красота, а хаос. Цвет — это не украшение, а инструмент навигации, приоритетов и действия.

Что такое правило 60-30-10?

Это базовая цветовая формула, которую дизайнеры используют, чтобы создать гармонию и визуальную иерархию:

  • 60% — основной цвет (primary цвет)
  • 30% — второстепенный (интерфейсные блоки и так далее)
  • 10% — акцентный (кнопки, интерактив, сигналы внимания)

Эти пропорции позволяют глазу расслабиться, мозгу — быстро вычленить главное, а пользователю — не думать, куда кликать.

Почему это работает?

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

Цвет, типографика, отступы — это не украшения, а часть системы. И чем проще она воспринимается, тем глубже в неё погружается пользователь. Сильный интерфейс — это не тот, который заметен, а тот, который не вызывает вопросов.

В Telegram-канале я делюсь работающими принципами, кейсами и наблюдениями из цифровых продуктов. Присоединяйтесь, если хотите развивать насмотренность и думать как дизайнер.

1
Начать дискуссию