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

Рубрика #кусочеккурса

Рассказываем, когда цифры и слова лучше заменить картинкой. Курс «Таблицы и прочие радости», глава «Вместо таблицы»: igorshtang.ru/course/tables

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

в 1927 профессор парнелл придумал эксперимент, визуализирующий фразу «всё течёт, всё меняется». поместил нагретую смолу (пек) в воронку, запечатал, и… оставил на три года.

в 1930 воронку распечатал — смола начала течь.

в 1938 упала первая капля. всё было так медленно, что профессор это пропустил.

в 1947 упала вторая капля. опять пропустил.

в 1948 профессор умер, не увидя ни одно падение.

у смолы появился новый хранитель — профессор мэйнстон. его концентрация была на том же уровне.
сначала он пропустил три капли — в 1954, 1962 и 1970.

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

в 1988 тот же мейнстон, снова следя за падением, отошёл налить чайку. упала седьмая капля.

в 2000 сделали стрим в интернете. перед падением конект оборвался. упала восьмая капля.

в 2014 мейнстон умер, не увидя ни одного падения капли (отличный зам).
после его смерти, в этом же году, упала девятая капля.

чем заняться в субботу 26 октября в москве по версии авторов табличного курса:

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

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

приходите.

А вот журнал времени строительства Великой пирамиды с табличными данными:)

Вот так у нас каждый четверг идет подсчёт денег на рабочих, реставрацию, ремонт инвентаря, заточку инструмента, привоз воды и пр. Помимо собственно зарплат, серьёзная статья расходов - это чай и сахар. Это вот реально деньги "на чай". Если нанимаешь охранника на раскоп на ночь, то к зарплате надо накинуть полкило сахару и маленькую пачку чаю. Охранник, конечно, всё это физически выпить не сможет, но сможет потом обменять в деревне или ещё полгода пить чай дома с семьей. Вот вам и настоящий Древний Египет в современной практике) Только там были зерно, сушёная рыба, пиво, финики или ткани, которых тоже выдавали больше, чем можно было съесть, выпить или сносить. И как и во времена Хуфу, таблицы - это для египтян гораздо более понятная форма подачи данных, чем, например, схемы или карты. Иногда кажется, что они могут представить в виде таблицы всю окружающую реальность.

первый снег в москве в гугл-трендах за последние 10 лет.

на графике постоянство, а если вытащить данные, то видно, как в некоторые годы первый снег был несколько раз.

в 2014, например, пики запросов есть и в октябре и в ноябре. в нескольких годах первый снег шёл с сентября по ноябрь.

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

как выглядит статистика по вашему городу?

а давайте сегодня в поддавки!

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

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

кратеры от столкновения земли с космическими объектами: в виде таблицы, графика и карты. скриншоты из лекции массовое вымирание на рубеже мезозоя и кайнозоя александра маркова. лекция интересная, рекомендую.

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

ещё картинки от подписчиков! игорь прислал сразу две, обе интересные.
ему слово:

Таблица сезонности фруктов с косточкой из супермаркета в Германии. Цветом показано, откуда привозят, а символами — растёт на воздухе или в теплице.

это про первую картинку. а вторая — сорта на графике в зависимости от их сладости и твёрдости.

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

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