В прошлой части совета я предложил разобраться с данными и радикально ужать таблицу:

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

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

Мария Грибова
Мария Грибова
Макар Половинка

Я предлагаю испробовать другой подход. Давайте просто покажем все лотки.

Сначала изобразим один лоток:

Распространим конструкцию на все размеры:

И поставим её на лист:

И упихнём в формат, радикально поменяв масштаб:

Первые шесть лотков слегка выпадают из общего ряда из‑за отличающейся глубины. Можно было бы придумать для них какое‑то хитрое расположение, но я предлагаю сэкономить время и место, просто подсветив аномалию цветом. Дальше лишь остаётся лишь аккуратно наполнить лист оставшимся деталями. Раз:

И два:

Напоследок можно сделать линии более тонкими, а подписи не такими узкими:

Впереди ещё много работы по повышению аккуратности, но решение, кажется, удалось. Как вам?

P. S. Последовательно исправлять макет и эффективно использовать пространство я учу на своём курсе «Типографика и вёрстка». Ближайший курс пройдёт с 10 по 30 марта, а следующий — неизвестно когда. Записывайтесь, пока есть места, их осталось всего ничего. До конца четверга 29 февраля стоимость ниже на 10%.

Типографика в вебеДоработка вёрстки
Отправить
Поделиться
Запинить

Рекомендуем другие советы