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

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

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

картинки отсюда:
https://undisputedgoat.medium.com/4b2a5ad7f7a6

см. также: проект vinicius sueiro по результатам nba, про который рассказывала настя.

антон пишет:

Хочу узнать мнение про вот такие таблицы)
Это система подсчета очков в риичи-маджонге. Новички неизменно пугаются, выглядит она и правда страшно. Интересно подумать как это превратить во что-то более простое для восприятия)

я в маджонге не разбираюсь, поэтому сегодня рубрика «помощь зала»:
какие видите проблемы? как бы улучшили?

оля прислала вот табличку:

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

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

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

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

см. также: совместимость крови, сравнение эпловских стилусов.

до пятницы наш курс по таблицам — со скидкой:

https://www.igorshtang.ru/course/tables/#buy

Это Игорь Штанг. Как и обещал, показываю свой вариант бланка. Рассказ о переверстке в ЖЖ и на Медиуме

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

напомню, что курс может оплатить ваша компания. табличный курс тоже.

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

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

немного новостей!

во-первых, итоги конкурса по перевёрстке бланка.

мы с игорем выбрали две работы:
https://t.me/thisisnotatable/543?comment=2798 — за простоту, четкость и аккуратность
https://t.me/thisisnotatable/543?comment=2820 — за нестандартный подход и попытку наглядности

оля и эдуард, напишите мне свою эл. почту — я отправлю вам доступ к курсу по таблицам.

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

простите, нет, вот таблица дня

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

но напоминаю кстати про конкурс, в котором мы с игорем дарим подписку на табличный курс!

и ещё у нас открыта запись на курс по типографике и вёрстке в ноябре—декабре, записывайтесь (или почитайте открытую главу).

Конкурс

Привет, это Игорь Штанг, соавтор курса «Таблицы и прочие радости», Миша мне дал ключи.

Принес вам таблицу на переверстку. Такой бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5.

Переделанные макеты отправляйте комментариями к этому посту — до 10 октября включительно. Я сам тоже переверстал, покажу в конце.

Двум участникам подарим подписку на табличный курс.

увидел недавно хорошее меню в гэсе, давайте посмотрим на него внимательно.


что хорошего тут:

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

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

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

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


что можно было бы улучшить:

текстовые цифры с выравниванием по правому краю. если уж делаете так, то включайте табличные цифры.

заголовки «ресторан» и «меню» очень похожи, но при этом разные. можно было бы набрать одним кеглем и обыграть фирменными стрелочками и линиями.

схема «250 / 750 мл | 350 / 650 ₽» немножко взрывает мозг.
лучше: 250 мл — 350 ₽, 750 мл — 650 ₽.