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

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

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

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

но 60 гц — не общая норма: у голубей это 100 гц, у крыс — 39 гц.

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

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

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

но не будем только о таблицах.

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

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

· у жени арутюнова никаких скидок нет, но я всё равно порекомендую его книгу сложный дизайнер.

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

если у вас что-то полезное сейчас со скидкой или вы просто хотите поделиться чем-то полезным — пишите в комментариях.

римские цифры? да зачем, у нас свои цифры есть дома.

вторая картинка: дореволюционная библия. обратите внимание на номер страницы.

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

вики: система записи чисел кириллицей

сделали с игорем до конца недели на курс по таблицам скидки, успейте купить.

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

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

визитка йозефа мюллера-брокмана.

по композиции конечно интересно.

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

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

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

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

выбираю новый матрас, и заметил две интересные вещи.

во-первых, больше практически не пишут «матрац», это радует.

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

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

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

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

а ещё можно сделать пятый — просто написать «берите тот, на котором удобнее всего лежать».

вы кстати знаете какой жесткости у вас матрас?

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

«Если бы эта статья была написана на японском, она была бы длиннее. Перевод на тайский, между тем, был бы короче. Тем не менее, те, кто читает её вслух на любом из языков или на оригинальном английском, закончили бы примерно в одно и то же время.

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

https://www.economist.com/graphic-detail/2019/09/28/why-are-some-languages-spoken-faster-than-others

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

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

на всякий случай: по закону суицид — это плохо.

как-то салават прислал вот такой график работы котокафе.

что мне тут не очень нравится:

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

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

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

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

ну и логотип побольше конечно.

интересное видео попалось.

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

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

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

скоро вернёмся к таблицам, следите за обновлениями.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

приходите.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

я подарю книжечку всем, кто пожертвует в кошачий приют @murmurchalkin от 5000 ₽:

+79992272643
Газпром, Мария К.

после перевода напишите мне ваш адрес.

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

на фотографиях — обитатели приюта, в процессе утверждения проекта.