Molochou
← Все заметки

Чему панель плагина учит о плотности

Панель плагина Figma - примерно 320 пикселей в ширину. Она сидит внутри приложения, которое спроектировал кто-то другой, рядом с документом, ради которого человек и открыл компьютер. У неё нет шапки с картинкой, нет хиро, нет места для абзаца, объясняющего её саму.

Спроектировать такую - самое полезное упражнение, которое я знаю, потому что каждая привычка, выживающая на широкой странице, умирает там за минуту.

Что уходит первым

Первым уходит паддинг. Не в ноль, а до количества, которое разделяет, а не украшает. На лендинге щедрый воздух читается уверенностью. В панели на 320 пикселей он читается тремя видимыми строками там, где должно быть восемь, а восемь - это разница между сканированием списка и его прокруткой.

Потом объясняющий текст. Панель, описывающая себя, - панель, которая не смогла быть очевидной. Описание не ошибка, оно просто занимает место, где должен стоять ответ.

Потом декоративная иерархия. Два кегля и одна разница в весе вынесут список находок. Четыре кегля не вынесут его лучше, они просто сделают панель похожей на сайт.

Что обязано остаться

Три вещи, и каждый раз одни и те же.

Сама находка, в наименьшем числе слов, которые всё ещё конкретны. Не «проблема с отступом», а слой, значение-нарушитель и ближайшее легальное. Человек, читающий линтер, хочет знать, что менять, и каждое слово, которое не об этом, стоит на пути.

Счётчик. Сканирующий хочет знать, это работа на десять минут или на полдня, до того, как прочитает первую строку.

Пустое состояние. В инструменте, который сообщает о проблемах, пустота - это хороший исход, и это состояние, которое вероятнее всего нарисуют последним и хуже всего. Оно должно ощущаться результатом, а не экраном, который не смог загрузиться.

Почему это переносится

Здесь ничего нет о плагинах. Панель - это просто страница с отобранными отговорками.

Каждый выбор, который вы защищаете словами «этому нужно место», - выбор, не проверенный на возможность, что ему не нужно быть вовсе. Нарисуйте фичу сначала на 320 пикселях. Что выжило - то продукт. Что вы добавите обратно потом, на широком экране, вы хотя бы добавите нарочно.