Пример оформления таблицы для трёх мастер-классов: понятная шапка, числа с единицами и место для длинного названия. Готовый образец и проверка перед передачей.
Евгений
Дизайнер-партнёр LibraChat
6 мин чтения
В колонке «Лимит» стояли 8, 6 и 12. Числа выглядели аккуратно, но я сам уже мысленно подставлял к ним нужное слово. У читателя такой подсказки не было. Люди? Минуты? Заявки? Пример оформления таблицы я теперь начинаю с шапки: она должна объяснять значение раньше, чем я начну выбирать цвет строк.
Для программы мастер-классов я оставил такой образец. Его можно скопировать и заменить названия, время и ограничения своими. Здесь число мест означает вместимость группы, а не остаток свободных записей.
Мастер-классы 12 ноября
Мастер-класс · Начало · Длительность, мин · Мест в группе · Помещение
Переплёт блокнота — 10:00 — 90 — 8 — Мастерская 1
Линогравюра — 11:00 — 120 — 6 — Мастерская 2
Бумажный коллаж — 13:00 — 60 — 12 — Мастерская 1
Теперь восьмёрка получила определённое место. Но шапкой работа не закончилась. Я разобрал четыре привычных желания, которые могли испортить этот небольшой лист.
«Пример оформления таблицы нужно начинать с заливки»
Мне нравится быстро получить что-то похожее на готовую страницу. Выделить шапку, добавить цвет, сделать рамку. После этого уже труднее признать, что половину столбцов следует переименовать. Внешний вид начинает защищать неудачную структуру.
Поэтому сначала я читаю заголовки вместе с одной строкой. «Длительность — 90» ещё оставляет вопрос. «Длительность, мин — 90» уже передаёт нужную величину. Единица стоит в шапке, а в клетках можно спокойно сравнивать числа.
С «Началом» другая ситуация. Запись 10:00 сама похожа на время. Добавлять «часов» к каждой клетке мне не хочется. Но если программа включает события в разных часовых поясах, одного знакомого формата окажется мало. Тогда это обстоятельство придётся назвать отдельно.
Для этой таблицы я выбрал простую верхнюю строку без объединённых ячеек. Каждому столбцу соответствует свой заголовок. Группировать длительность и вместимость под общим словом «Параметры» пока незачем: всего пять полей, дополнительный уровень только задержит чтение.
Заливку я бы выбирал после этих решений. Она может помочь найти верхнюю строку. Объяснить, что именно означает шестёрка, ей не удастся.
Если размещаешь образец на сайте, одного жирного шрифта для шапки мало. Заголовки должны быть обозначены как заголовочные ячейки в разметке. Это отдельная проверка при переносе: визуально одинаковые таблицы могут быть устроены по-разному.
«Всем колонкам нужна одинаковая ширина»
На пустой сетке равные части выглядят приятно. Но названия мастерских и числа занимают разное место. Если отдать им одинаковую ширину, длинное «Переплёт блокнота» начнёт переноситься, а возле восьмёрки останется пустота.
Я распределяю место по содержимому. Сначала пробую самую длинную запись в первом столбце. Затем смотрю на заголовок «Длительность, мин». Он может занять две строки, и это нормально, если остаётся понятно, к какому столбцу относится.
Не стал бы уменьшать весь текст ради одной тесной клетки. У меня есть другие решения: дать названию больше места, аккуратно перенести заголовок, сократить формулировку без потери смысла. «Длит.» короче, но человеку приходится восстанавливать слово. Иногда выигранные миллиметры этого не стоят.
Названия я оставляю у левого края, чтобы их начала было легко найти. Числа длительности и вместимости можно выровнять вправо. Это мой выбор для сравнения значений внутри столбца. Время я записываю одним способом во всех строках: не смешиваю 10:00, «к десяти» и 13 ч.
После переноса образца в свой редактор я бы проверил всю ширину заново. Разметка сообщения, лист документа и экран телефона располагают текст по-разному. Пример даёт данные и отношения между ними; обещать одинаковую вёрстку во всех местах он не может.
«Чем больше выделений, тем понятнее программа»
Я чуть не сделал отдельный цвет для каждого мастер-класса. Потом спросил себя, что он будет обозначать. Направление? Помещение? Возможность записи? В исходных сведениях такого различия не было. Цвет появлялся только ради оживления листа.
Для короткого образца мне хватило бы нескольких решений:
Выделить верхнюю строку как заголовки столбцов.
Сохранить одинаковую запись времени и единиц.
Оставить заметные границы строк, если без них взгляд уходит в соседнюю запись.
Не делать каждое число отдельным акцентом.
Если позже понадобится обозначить, что группа заполнена, я добавлю понятную текстовую отметку. Одного красного фона недостаточно для объяснения статуса. Сейчас в таблице вообще нет числа записавшихся, поэтому по вместимости нельзя определить наличие свободных мест.
Здесь особенно легко изменить содержание под видом оформления. Зелёная клетка рядом с шестёркой может выглядеть как приглашение записаться, хотя шесть — только размер группы. Не хочу, чтобы моя заливка обещала сведения, которых никто не передавал.
Для сложной таблицы могут понадобиться дополнительные уровни заголовков. Но добавлять их в маленькую программу на всякий случай я бы не стал. Сначала нужно назвать реальную связь данных, которую без них трудно прочитать.
«Скопированная таблица уже готова к отправке»
У образца есть пояснение над сеткой: все события проходят 12 ноября. Если вырезать только одну строку, дата останется за её пределами. Для отдельного сообщения её нужно будет вернуть. Это не ошибка верхней подписи; просто новый способ передачи требует других сведений рядом со строкой.
Перед отправкой я пройду небольшой маршрут:
Найду один мастер-класс по названию.
Прочитаю его время, длительность и помещение.
Объясню, что показывает число мест.
Проверю, видна ли дата там, куда копируется запись.
Уберу свои устные пояснения и посмотрю, что осталось непонятным.
В LibraChat попробуй проверить шапку своей таблицы по такому заданию:
Проверь заголовки и структуру этой таблицы. Назови числа, для которых неясны единицы или смысл. Не добавляй новые значения. Предложи более понятные названия столбцов и перечисли вопросы автору. Таблица: [вставь свой вариант].
Это задание на проверку, а не просьба заново придумать программу. LibraChat помогает рассмотреть формулировки; время событий, вместимость и помещения остаются твоими сведениями. Другие способы подготовки структуры есть в материале о работе с таблицами.
Если такая редактура входит в регулярную работу, проверь доступные для неё возможности на странице тарифов. Скопируй образец сейчас и замени одну строку своим событием. Проверь дату над таблицей и смысл числа мест. Затем попроси человека объяснить запись без твоей помощи. Если восьмёрка снова останется просто восьмёркой, исправлять пора заголовок, а не оттенок заливки.