А вот и новый перевод, которая лечит «пиксельную шизофрению» 🧠
Ты тоже сидишь 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