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

цветение сакуры в виде графика и на карте

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

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

максим @maximxq в комментариях поделился прекрасным примером естественной инфографики:

Вчера сфотографировал в Чикагской библиотеке и жалел, что не с кем разделить радость.

Эти книги — результаты переписи населения Америки в 1980, разбитые по штатам. Я долго смотрел на книги и неожиданно понял, что толщина книг довольно точно отображает количество людей

оценки художников из дневника сальвадора дали.

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

а вот и обзор таблиц про шкалу сковилла:
https://youtu.be/cK1m0eDnyik

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

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

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

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

сравнение нагрева ткани на солнце в зависимости от цвета футболки.

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

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

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

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

поэтому, да, объявляется новый конкурс с ценным призом — открыткой из тбилиси тому или той, кто сделает лучше других!

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

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

разберу результаты после праздников. удачи!

Вчера ходил за электрикой для ламп и в магазине увидел такие объяснялки про цветовую маркировку резисторов (я ничего не знаю про резисторы).

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

1. Наглядность восьмидесятого уровня. Цветовое кодирование строк, графическое кодирование заголовков шапки. Приемы сильные, но не выглядят как перебор.

2. Знак процента стоит рядом с числами, так проще отличить один числовой столбик от соседних.

3. Трехбуквенные сокращения цветов: и понятно, и компактно. Зацените, как показаны белый, золото и серебро.

Что можно улучшить

Принципиально — не знаю, надо разбираться в предметной области. В плане дизайна:

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

2. Поставить строки вплотную друг к другу, без пробелов и черных линеек.

3. Сделать цвета посветлее, чтобы черный текст не терялся. Или перекрасить числа в белый.

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

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

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

теплова карта статистического атласа населения парижа.
т. луа, 1873

вики:

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

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

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

т. луа, переделывай.

коллеги, наступил май. давайте подведём итоги предыдущего месяца.

апрель у нас был посвящён практике, потому что сейчас на курс по таблицам скидка 3000 ₽ на тариф с практикой.

быстренько посмотрим, что сделали в апреле и пойдём дальше работать.

что переделали:

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

а ещё:

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

интересный получился месяц, все молодцы (правда молодцы).

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

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

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

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

вы тоже почитайте

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

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

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

перед вами таблица с побочными эффектами от антидепрессантов.

какие проблемы в ней видите? как бы улучшили?

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

https://medium.com/@kapanaga/23701b2cce8f

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

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

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

виктор — молодец!