Как сделать читабельную таблицу

Часто встречаются плохо оформленные таблицы, как эта:

Здесь есть все: линейки, центральное выравнивание, выделение цветом текста, разноцветные строки.

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

В чем основная проблема этой таблицы

За псевдо красотой, разноцветными полосками и линейками теряются данные и их сложно изучать. А нужно чтобы было наоборот и таблица демонстрировала данные, а ее оформление только помогало их изучать, а не отвлекала.

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

Как сделать лучше

Убираем из таблицы цвет — данные начинают чуть более выступать на первый план:

Удаляем горизонтальные и вертикальные разделители и цветные плашки в строках таблицы:

Теперь таблица выглядит легче, и разделители не спорят с текстом.

Удаляем рамку и жирное начертание из шапки:

Данные в столбцах не очень большие, места хватает для всего. Увеличиваем ширину колонок, так чтобы они соответствовали данным, и избавляемся от переносов слов в строках:

Выравниваем текст по левому краю, цифры — по правому, заголовки столбцов выравниваем вместе с данными:

Сгруппируем данные и отделим их друг от друга дополнительным пространством, удалим повторы в боковике таблицы:

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

Выделим заголовки колонок жирным (если из-за этого увеличивается ширина колонки, уменьшите шрифт на 1—2 пункта) и отделим шапку таблицы от прографки тонкой линейкой:

Чтобы компенсировать расстояние между колонками воспользуемся приемом Тафти и выровняем цифровые данные по центру. Что бы числа стало еще проще сравнивать выравниваем их по разряду — сначала выравниваем данные по разряду, а потом это все выравниваем по центру колонки (это сложный примем, и используется в верстке книг и журналов, обычно достаточно выровнять числовые данные по правому краю):

Было, стало

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

Прикрепляем таблицу Эксель с правильным форматированием — все оформление задано стилями ячеек. Выбирайте нужные стили и создавайте красивые простые таблицы.

2017