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

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

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

«таблицы» с новыми нормальными форматами, предложенными вернером в 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

В этой группе в Телеграме я покупаю рыбу 😅 Бизнесу жизненно необходим наглядный и понятный дизайн (а не этот наш минимализм), поэтому он выкручивается как может. 1. Иконки неплохо показывают группировку. Да и вообще без них длинный список смотрелся бы уныло. Обратите внимание на точность изображений. 2. Цены выделены жирным, потому что нет возможности поставить их в отдельный столбик. 3. Всё, что закончилось, перечеркнуто. 4. Заголовки групп — присутствуют. Сверстать текст для поста в Телеграме — прекрасное учебное задание. Надо такое сделать.

оказывается, в википедии есть длиннющая таблица под названием «response to sneezing». вот кусочек из моих любимых. если вы собирались жить этот год по-новому, можно теперь говорить чихнувшему «прочь, котёнок!» или просто пожелать пятьсот лошадей. где бы вы ещё такое прочли, если бы не этот канал? (простите)

очки в спортивной гимнастике начисляются по адски сложной схеме, частью которой являются детальнейшие описания стандартных элементов. Написано это в документе Code of Points размером в 200+ страниц PDF, с использованием Нотации

ещё один интересный пример наглядности — помадная серия стейси грин. интересно здесь то, что проект живёт в двух плоскостях. мы видим абстрактные формы, которые могли бы быть скульптурами, но при этом каждый срез, наклон и вогнутость здесь работают как отпечаток многократно повторенной повседневности конкретного человека. к каждой форме хочется достроить образ владельца, считывая через материал его манеру: бережливость, аккуратность, нервозность, спешку — всё это можно представить в уникальных формах (и, конечно, ошибиться с выводами). другой интересный момент: мы привыкли считать, что дизайн определяет пользовательский опыт, но тут мы видим обратный процесс: именно опыт формирует объект, делая его особенным. то есть, другими словами, мы видим как промышленный продукт становится интимным артефактом. сегодня последний день скидок на курс по таблицам, больше не буду говорить: https://www.igorshtang.ru/course/tables/#buy