А вот и новый перевод, которая лечит «пиксельную шизофрению» 🧠

Ты тоже сидишь 20 минут и думаешь: кнопка 48px или 52? Отступ 24 или 26? А если 25 — будет криво? А если 27 — вообще апокалипсис?

Классную фразу увел в офисе, написанную на двери фронтов) «ДВИГАЕМ КНОПКИ ДОРОГО». И это не просто так. Время — деньги, и каждая мелочь имеет значение.

Спойлер: мозг не видит разницу между 480px и 504px (это +5%), но отлично ловит 48→60px (+25%). И это меняет всё.

В статье материал про математическую шкалу размеров на базе 12px. Коротко:

• База 12px — делится на всё (1,2,3,4,6)

• Мелкое: шаг +6px

• Крупное: шаг +12px

• Профит: меньше выбора = быстрее работа = UI без «визуального шума»

Кому полезно:

• Дизайнерам, у кого нет времени на полноценную дизайн-систему, но хочется, чтобы макеты не выглядели как «собрано вчера ночью»

• Арт-дирам, которым надоело объяснять, почему отступ тут 17px, а там 19px

• Фронтам, кто устал выдирать из макетов значения вроде «25.5px»

https://teletype.in/@uxata/_t2B9ae3obG