Эмин Абдуллаев
Эмин Абдуллаев
Занимаюсь интерфейсами, вебом, информационным дизайном. Об этом и пишу. Канал в Телеграме: https://t.me/Eminchannel. Там пишу по-мелочи и делюсь ссылками.
Read 1 minute

О таблицах

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

Графический мусор
Чёрточки, линии, лишние фотки, подчёркивание — чаще всего это всё можно спокойно выкинуть в помойку без потери смысла. Это всё шумит, загрязняет макет и вообще может отвлекать от данных.

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

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

Выравнивания
Тут просто — правые столбцы выравниваем по правому краю, левые — по левому. По центру можно делать, но аккуратно.

Форма
Старайтесь, чтобы сама таблица (без заголовка) имела форму прямоугольника или квадрата.

Напоследок — несколько примеров «было — стало».

Image for post
Image for post
10 views
Add
More
Эмин Абдуллаев
Занимаюсь интерфейсами, вебом, информационным дизайном. Об этом и пишу. Канал в Телеграме: https://t.me/Eminchannel. Там пишу по-мелочи и делюсь ссылками.
Follow