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

попалась прекрасная «таблица для оценки мужей».

что с ней не так? ну, наверное, всё. но попробуем не читать, а посмотрим на неё чисто как на структуру:

· очень длинные строки. это сильно мешает чтению, и ещё сильнее мешает подсчёту баллов (представим, что их кто-то будет считать).

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

· между пунктами нет отступов и всё слиплось.

· странная сортировка. скорее всего её нет вообще и пункты стоят по мере написания.


исправляем:

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

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

· между пунктами ставим отступ.

· баллы ставим в начале.

· разбиваем одну колонку на две смысловые группы.

всё, вот теперь можно идти гуглить про жофрея.

------

напоминаю: до конца новогодних праздников табличный курс — со скидкой:
https://www.igorshtang.ru/course/tables/#buy

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

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

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

ЖЖ или Медиум

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

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

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

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

цвет. можно же было набрать всё чёрным? конечно. но это было бы совсем не то настроение.

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

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


с чем можно подискутировать:

переводить всё в литры — спорно. чашечка двойного эспрессо 0,05 л — ну такое, можно зависнуть. понятно, что если перевести всё в мл, то объём станет похож на цену: будут рядом стоять 50 и 150 — из-за этого нужно подниматься наверх и перепроверять где объём, а где цена (или просто ошибиться). но можно сделать проще — дописать единицы измерения: 50 мл · 150 ₽. да, будет больше знаков, но проще для чтения.

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

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

картинка отсюда: https://t.me/prmslll/263
спасибо юре за наводку

вернёмся к табличкам. подписчица злата прислала вот такую «карту» пигментов ван гога.

вроде краски и краски: картина → метод анализа → цвет.

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

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

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

у тебя хорошая книжка про красоту, но про неё мало людей знает.

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

вы ведь знаете об этой книжечке? если не знаете — вот ссылка на озон: https://www.ozon.ru/product/2023147098/

а о табличном курсе знаете?
а о курсе по типографике и вёрстке?

конкурс!

пришли ребята из «если быть точным» и предложили переделать таблицу, которую они как-то превратили в график. какие ещё видите варианты показать данные наглядно? результаты принимаются до 14 декабря.

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

таблица текстом на с. 7 (27): https://demreview.hse.ru/article/view/21825/18730

Новости таблиц

1. «Яндекс-музыка» поставила рекорд по размеру дыры в плейлисте, да и по растягиванию контента в целом.

2. Т—Ж решил разбавить финансовую информацию улиткой и рыбкой.

3. «Нутрилон» показал, как сверстать объемную шапку, не поворачивая текст.

4. «Таблицы и прочие радости» — по-прежнему самый исчерпывающий курс на тему верстки и оформления таблиц.

график дня: зависимость риска смерти от продолжительности сна.

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

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

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

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

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

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

я к автопрому отношусь скорее нейтрально, но книгу всё равно стоит полистать — красивая.

сегодня — последний день скидок на табличном курсе.

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