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

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

заметьте, что цвет плашки символизирует ценовой диапазон.

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

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

обратите внимание на шапку таблицы, как поставлены в ней элементы.

обычно что делают? сокращают, наклоняют, ставят вертикально. перевёрстывают наконец, чтобы шапка стала боковиком.

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

смотрите также оглавление лесенкой

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

кто бы мог подумать, что линейки можно ставить ВОТ ТАК

(картинку стащил из инстаграма игоря штанга)


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

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

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

все картинки из обзора джейса хоффманна. там ещё полно всего, посмотрите

Я недавно закончила офигительный курс про таблицы от Игоря Штанга и Михаила Капанаги. Я прям давно не получала такого удовольствия от обучения. А моя любовь к табличкам раскрывалась все больше.

Прямо от души рекомендую, внутри много полезного для всех, кто делает таблицы. Для себя выдумала челлендж делать все в фигме, хотя пару раз очень хотелось перейти в табло… Учат верстке таблиц, как все правильно располагать, вытаскивать главное, добавлению наглядности – там и без датавиза уже не обошлось.

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

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

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

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

• желание сделать — не менее важный навык. чем больше пытаешься, тем лучше получается.

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

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

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

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

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

срок как обычно неделя. всем удачи!

Дневные раны заживают на 60% быстрее ночных.

Скорость заживления раны прямопропорциональна активности фибробластов. Эти клетки двигаются в место порвеждения, попутно синтезируя компоненты внеклеточного матрикса, например коллаген. "Ползут" клетки по цитоскелету. Видеоотчет от кембриджских коллег прилагается.

#DrDzari_интересное

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

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

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

— и? ииииии?
— и вот ещё децибелы на графике.

да мы как бы знаем это всё.

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

всем привет! 👋

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

саша бизиков прислал интересную табличку про высоту клавиатурных кнопок.

что хорошего в табличке:

· картинки говорят лучше, чем текст и сравнивать интересно!

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

но:

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

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

кто решится переделать?

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