Как сделать читабельную таблицу
Часто встречаются плохо оформленные таблицы, как эта:
Здесь есть все: линейки, центральное выравнивание, выделение цветом текста, разноцветные строки.
Таблицы готовят бухгалтеры, менеджеры, пиарщики, студенты — практически каждому, кто работает на компьютере пришлось оформить несколько таблиц. В программах для создания таблиц много функций, и все стараются использовать их по максимуму, считая что чем больше цветов и стилей, тем красивее, необычнее, выглядит таблица.
В чем основная проблема этой таблицы
За псевдо красотой, разноцветными полосками и линейками теряются данные и их сложно изучать. А нужно чтобы было наоборот и таблица демонстрировала данные, а ее оформление только помогало их изучать, а не отвлекала.
Есть хорошая гифка — она показывает, как улучшить таблицу и вывести данные на первый план. Мы повторим все изменения таблицы из гифки и расскажем почему они были необходимы. Чтобы было проще, мы используем аналогичную таблицу на русском.
Как сделать лучше
Убираем из таблицы цвет — данные начинают чуть более выступать на первый план:
Удаляем горизонтальные и вертикальные разделители и цветные плашки в строках таблицы:
Теперь таблица выглядит легче, и разделители не спорят с текстом.
Удаляем рамку и жирное начертание из шапки:
Данные в столбцах не очень большие, места хватает для всего. Увеличиваем ширину колонок, так чтобы они соответствовали данным, и избавляемся от переносов слов в строках:
Выравниваем текст по левому краю, цифры — по правому, заголовки столбцов выравниваем вместе с данными:
Сгруппируем данные и отделим их друг от друга дополнительным пространством, удалим повторы в боковике таблицы:
Выделим не отдельное значение, а всю строку. Избавимся от ненужных нулей в числовых данных — все цифры целые, знаки после запятой тут не нужны. Напишем даты более человечно, а цифры, чтобы их было проще считывать
и сравнивать, разделим пробелами на разряды (между группами цифр используйте неразрывный пробел):
Выделим заголовки колонок жирным (если из-за этого увеличивается ширина колонки, уменьшите шрифт на 1—2 пункта) и отделим шапку таблицы от прографки тонкой линейкой:
Чтобы компенсировать расстояние между колонками воспользуемся приемом Тафти и выровняем цифровые данные по центру. Что бы числа стало еще проще сравнивать выравниваем их по разряду — сначала выравниваем данные по разряду, а потом это все выравниваем по центру колонки (это сложный примем, и используется в верстке книг и журналов, обычно достаточно выровнять числовые данные по правому краю):
Было, стало
Таблица стала компактнее, данные хорошо видны и их легко изучать.
Прикрепляем таблицу Эксель с правильным форматированием — все оформление задано стилями ячеек. Выбирайте нужные стили и создавайте красивые простые таблицы.