Базовый элемент: таблица
Таблицы помогают уместить большое количество информации в довольно маленькую площадь. Информацию, которую мы бы рассказывали с помощью обычного текста абзацами, в таблице можно уместить в форму, которая займёт треть высоты экрана или даже влезет в экран мобильного устройства.
В качестве примера перед нами таблица, посвящённая валютным манипуляциям. Можно представить, сколько места эта информация заняла бы в виде текста:
С вёрсткой таблиц связано три важных знания. В этой лекции я не буду разбирать абсолютно все приёмы работ с таблицами, а поговорю только о трёх самых важных.
Компактность
Таблицы — это форма представления данных, это некая инфографика. Следовательно, таблица должна быть как можно более информативной: она должна давать как можно больше информации на единицу площади. Поэтому нет никакой причины растягивать таблицу под контент или модуль прямоугольника, в котором эта таблица находится.
Это частая ошибка начинающих дизайнеров. Они делают сайт или буклет, внутри которых есть таблица — не очень большая, в ней есть две‑три небольших колонки. И дизайнеры растягивают эту таблицу на всю ширину. В результате весь смысл таблицы пропадает: вместо того, чтобы в компактной и удобной форме подать читателю информацию, дизайнеры, наоборот, делают её как можно более крупной, развесистой и, скорее всего, разваливающейся.