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

кстати о лесенках. смотрите какое интересное оглавление, в котором ступеньками даны названия глав, а не сами статьи, поэтому поиску номера страницы это особо не мешает. сборник «искусство книги ’65/66», 1970. дизайнеры — жуков и троянкер.

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

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

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

в книжке photographic atlas of auroral forms 1930 года есть небольшие таблички про наблюдения за сиянием (с настоящими фотографиями). обратите внимание на детали табличек: — свёрстано всё очень чистенько и ровно. — аккуратно расставлены интервалы, с выравниванием по тире и исключениями (см. видео). — знак градуса стоит не в заголовке шапки, а в первой строке со значением. — колонки одинаковой ширины на каждом листе чтобы быстро сканировать информацию. — данные тоже синхронизированы между таблицами: посмотрите, например, на первой картинке номера как будто не по центру, а это из-за того, что дальше числа больше, а выравнивание по разрядам для всех таблиц сразу. с вами была рубрика #таблицадня

про кал было, теперь поговорим о пенисах и о том, что делать, когда таблица получилась скучной. увидел статистику про длину пенисов (1) и подумал: ого, молодцы, догадались сделать длину столбиков по длине. потом вгляделся — да это длина не по данным, а по названию страны. полная фигня. чтобы сделать хорошо, прикинул сначала данные в экселе со спарклайнами (2) и понял, что это скука: длина уменьшается равномерно и ничего интересного тут нет. добавил население страны (3) и стало лучше: теперь видно не просто длину, а самую репродуктивную длину. уже интереснее. ещё вариант — наложить данные первой таблицы на карту (4). результат подозрительно напоминает ранние миграции людей, но я не дробышевский, поэтому молчу тут. а можно и упороться: взять первую таблицу, добавить к ней только мужское население страны, перемножить длину на количество мужчин, получив длину всех пенисов в стране (5), и наложить это всё накарту (6). вывод: вышло скучно — добавьте данных или поменяйте формат.

новая рубрика: #ссылкадня everything you ever wanted to know about sparklines in google sheets — какие бывают виды спарклайнов в гуглодоках и как их делать. ну и сам документ со всеми примерами — скопируйте себе, пригодится.

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

сегодня у нас #перевёрстка инфографики из старенького видео дудя о камчатке

апдейт! всё оказалось ещё круче и интереснее. игорь штанг, в отличие от меня, умеет читать, поэтому дополняет: «Налевой странице написано, что это лествица (лестница) божественного восхода, взобравшись по которой, ты попадешь нанебушко. Каждая строка— ступень. Влевой колонке снизу вверх номера шагов древнерусскими цифрами: астильдой— 1, в— 2, г— 3… Вправой колонке темы: Оботвержении мира, Обеспристрастии, Остранничестве… Наклонена она так же, каклестница наодной изиллюстраций вэтой книге.» ваще!

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

больше ста подписчиков на канале, в котором ничего нет — охренеть! спасибо за поддержку! открывает рубрику #перевёрстка таблица с хирургическими лезвиями. проблемы: — картинки и данные отдельно, такое себе. — верх и низ не совпадают: картинки разбиты по держателю (fitment), а таблица разделена просто, а не по смыслу. — в таблице повторы о держателе. — скачет горизонтальный ритм картинок. легко представить эмоции дизайнера, узнавшего о лезвии №12. исправляем: — перевернём лист, объединим картинки и данные. теперь читать удобно. — повторы про держатель — в заголовок группы. — всё. бонус: крутанул лист снова — тоже ок. применил любимый приём — колонки по словам. surgical — одна колонка, blades — другая. ноль смысла, просто нравится :–) не оч, что картинки стали меньше оригинала из-за ритма — отступы съели место. но в артикулах видна схема P + материал (Carbon Steel, Stainless Steel) + номер. ничего нового, убраю. а номер крепления — к заголовку. картинки теперь больше оригинальных.