табличный дизайн
6.96K subscribers
486 photos
17 videos
1 file
195 links
канал @kapanaga по мотивам курса igorshtang.ru/course/tables/

если вы захотели спросить про рекламу: нет, рекламы на канале не бывает. но если ваш проект связан с темой канала или вы хотите показать интересную таблицу — пишите.
Download Telegram
оглавление в журнале Die Buhne Im Bauhaus, 1920-е

что интересного тут:
— стиль. это очень, очень стильно даже сейчас.
— контраст в шрифте: жирное и светлое, широкое и нормальное, строчные и прописные, по центру и по бокам.
— линейки. и разные! сразу видно, что баухаус связан с архитектурой. настроили домов и тут.
— интересная композиция. по ширине хоть и размазывают, но вот по вертикали уже есть воздух. а внизу номер страницы, который как будто вообще центр притяжения, настолько он мощный.
24👍5🤮2
солнечное сияние в тульской и тамбовской областях из научно-прикладного справочника по климату ссср

что интересного в этой таблице:

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

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

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

что интересного в этих таблицах:

— очень аккуратная и приятная вёрстка, даже придираться к отступам в шапке не хочется. я не знаю как, но в восточной европе есть какая-то особенность так верстать, которую я могу выразить только словами «мягкая швейцарка». возможно, дело в шрифте, возможно — в чём-то другом. но выглядит точно классно.
— обратите внимание на заголовки таблиц: сверху и снизу у них одинаковое расстояние. так рекомендовал делать в т. ч. мюллер-брокманн.
— прочерк в пустой колонке стоит ровно на том же месте, что и тире в колонке, где данные есть. это очень милая деталь.
— в первой колонке заголовок в шапке перенесли специально, потому что данные в колонке коротенькие, и нет смысла одним заголовком увеличивать ширину этой колонки.
— цвет страниц предположительно связан с отделом исполнительной власти.
24👍3
тарифы авиакомпании «эр канада» с код-шером «аэрофлота» 1968/69 из канала ссср

что хорошего в этой таблице:

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

но есть интересное:

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

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

ему слово:
👏5
Расписание поездов в Галле, Шри-Ланка

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

Это обычные цифербалты, просто в них дублируются подписи для 24-часового формата. Если поезда нет, циферблат закрывают (лучше бы не белым, а в цвет фона, конечно). Потом задержка, тип состава и платформа. А цвет таблички, кажется, ничего не значит.

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

Это пример дизайна, которые сам по себе довольно хаотичен — Миша мог бы переверстать это как положено. Но здесь можно много чего украсть. Ребята посмотрят и скажут «ну надо же! как можно было до такого догадаться?» А просто надо уметь воровать дизайн.

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

http://blog.yumadilov.com/all/ibinom-report/
🔥102
иногда сомневаюсь: стоит ли рассказывать про банальные вещи?
а потом выхожу на улицу и смотрю на реальный мир.

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

а сама табличка ведь так себе:
— растянули её до невозможности (как читать-то?)
— рыб зачем-то некоторых по стоимости объединили (как искать-то?)
— сортировки нет ни по семейству, ни по норме, ни по стоимости даже (ещё раз: как искать-то?)

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

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

(в честь тысячи подписчиков включил комменты)
34👍11
таблица дня: памятка с новыми наименованиями блюд (вроде бы 1928 год)

что интересного в этой таблице:

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

с новым законом о запрете иностранных слов мы скоро снова всё это увидим.
13🔥9😁3