табличный дизайн

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

upd: в подписных всё раскупили! но есть ещё на озоне
https://www.ozon.ru/product/2023147098/

upd 2: новая партия — в подписных, можно брать

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

как бы вы её переделали? показывайте картинки.

давайте поговорим про госты. как-то мы опубликовали кусочек курса, в котором показывали, как перередали таблицу с боковиком (1) на таблицу без боковика (2). а в комментарии пришёл человек, который сказал, что вообще-то по госту таблица так не делается, и показал как надо делать (3). как вам? что думаете вообще о дизайнерских гостах?

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

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

картинки корма, возможно, тоже помогли бы. но конкретно у этого производителя они все одинаковые, так что не в этот раз.

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

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

вот, например, одна очень хорошая табличка из этой горки. попробуете переделать?

«таблицы» с новыми нормальными форматами,
предложенными вернером
в 1911 и 1917 — «книга как создание печатника», фридрих бауэр, 1926

игорь прислал таблицу.

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

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

уровень кислорода в атмосфере в процентах от нынешнего. выделенный период — т. н. «самое скучное время в истории земли».

прицитирую википедию (картинка тоже оттуда):

Промежуток в истории Земли, охватывающий время от 1,8 млрд лет назад до 720 млн лет назад, таким образом длившийся 1,08 млрд лет. Это время примечательно климатической стабильностью, низким уровнем кислорода в атмосфере и очень медленной эволюцией живых организмов, откуда и название.

в общем, если кто думает о стабильных днях, то вон где они.

наталья прислала таблицу (1) с интересным вопросом: должен ли быть акцент на шапке таблицы, или всё-таки на данных?

однозначного ответа на этот вопрос у меня нет — всё зависит минимум от двух вещей:

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

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

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

исправить тут это можно перенеся часть текста в заголовок (2). заодно я поменял колонки местами, поставив сначала проценты — ведь таблица о том как изменились цены, проценты показывают именно это.

а вот если бы таблица была просто о ценах, то в этом случае можно было бы совсем отказаться от шапки, написав всё в заголовке (3).

в нашем табличном курсе шапке посвящена целая глава.

влад прислал вот такую табличку (картинка 1). она интересная, но в ней много всего намешано, ещё, к тому же, данные австралийские, поэтому я сделал свою и на основе европейских.

быстрее всего нашлись данные по англии и уэльсу за 1995—2024 годы.
делал в гуглодоках, так что на стиль не смотрите, давайте лучше смотреть что интересного там.

сначала сделал общую таблицу за все годы (картинка 2). в целом наличие чисел в таблице полезно для анализа и дальнейших выводов, но они немного мешают видеть тренды, поэтому допустимо числа скрывать (картинка 3). в доках текст прям скрыть нельзя, я до минимума уменьшил кегль )

что мы тут видим:

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

но есть интересные аномалии:
· в начале и в конце года
· 14 февраля
· с 18 по 23 декабря (освободиться до рождества?)
· 13-го числа люди стараются не рожать


не менее интересна статистика за один год (картинка 4):

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

помимо обычных выходных хорошо заметны пустоты в государственные и религиозные праздники:
· 29 марта — страстная пятница
· в начале и конце мая — early may и spring bank holiday
· в конце августа — summer bank holiday


влад ещё задал логичные вопросы:

вроде бы ответить на вопрос «какие 10 самых редких дат?» тут сложно, но зато ответить на вопрос «насколько моя дата редкая?» — легко. интересно, есть ли вариант, где на оба вопроса легко увидеть ответ.

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

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

на февральский набор курса «типографика и вёрстка» осталось четыре свободных места, присоединяйтесь:
https://www.igorshtang.ru/course/verstka/#buy