Forwarded from Как это сверстано (Игорь Штанг)
Переверстал табличку из вагона московского метро, рассказал про направление чтения и поиска.
ЖЖ или Медиум
ЖЖ или Медиум
Livejournal
Переверстка №33. Норма температуры воздуха в вагоне
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру? В этой таблице неверно задано направление . Верстка заставляет двигаться по горизонтали, потому что плашки складываются в строки, а не в колонки:…
❤36👍10❤🔥3🤩1
до конца новогодних праздников табличный курс — со скидкой.
(ещё напомню)
https://www.igorshtang.ru/course/tables/#buy
(ещё напомню)
https://www.igorshtang.ru/course/tables/#buy
❤8🔥7⚡3❤🔥1👍1
попалась прекрасная «таблица для оценки мужей».
что с ней не так? ну, наверное, всё. но попробуем не читать, а посмотрим на неё чисто как на структуру:
· очень длинные строки. это сильно мешает чтению, и ещё сильнее мешает подсчёту баллов (представим, что их кто-то будет считать).
· сами баллы стоят по окончанию строки. так делали раньше, но теперь уже не делают. лучше ставить в начале.
· между пунктами нет отступов и всё слиплось.
· странная сортировка. скорее всего её нет вообще и пункты стоят по мере написания.
исправляем:
· ширину колонки подбираем так, чтобы строки были более-менее одинаковыми. если бы мы могли редактировать текст, то получилось бы ещё лучше. но мы не можем.
· сортируем пункты по баллам, чтобы появилась градация хоть какая-то.
· между пунктами ставим отступ.
· баллы ставим в начале.
· разбиваем одну колонку на две смысловые группы.
всё, вот теперь можно идти гуглить про жофрея.
------
напоминаю: до конца новогодних праздников табличный курс — со скидкой:
https://www.igorshtang.ru/course/tables/#buy
что с ней не так? ну, наверное, всё. но попробуем не читать, а посмотрим на неё чисто как на структуру:
· очень длинные строки. это сильно мешает чтению, и ещё сильнее мешает подсчёту баллов (представим, что их кто-то будет считать).
· сами баллы стоят по окончанию строки. так делали раньше, но теперь уже не делают. лучше ставить в начале.
· между пунктами нет отступов и всё слиплось.
· странная сортировка. скорее всего её нет вообще и пункты стоят по мере написания.
исправляем:
· ширину колонки подбираем так, чтобы строки были более-менее одинаковыми. если бы мы могли редактировать текст, то получилось бы ещё лучше. но мы не можем.
· сортируем пункты по баллам, чтобы появилась градация хоть какая-то.
· между пунктами ставим отступ.
· баллы ставим в начале.
· разбиваем одну колонку на две смысловые группы.
всё, вот теперь можно идти гуглить про жофрея.
------
напоминаю: до конца новогодних праздников табличный курс — со скидкой:
https://www.igorshtang.ru/course/tables/#buy
😁54🔥19❤🔥8❤5🥴3🤯2👍1
кстати, обратите внимание на работы, которые сделали для конкурса про сельское население: они все разные, и каждую интересно поизучать. за что я особенно люблю табличный формат — так это за то, что можно решить одну и ту же задачу совершенно по-разному.
и ещё раз упомяну про рассылку «это не показатель» и канал «если быть точным».
и ещё раз упомяну про рассылку «это не показатель» и канал «если быть точным».
👍18❤9🔥2🤩2❤🔥1👎1
This media is not supported in your browser
VIEW IN TELEGRAM
новогоднее сравнение: как горит сухая ёлка и та, которую держат в воде
👀34🔥9❤8👍2
роман прислал ссылку, я наскриншотил вам оттуда несколько табличек. и в этот раз не будет разбора, не будет перевёрстки и всяких «что хорошо» и «что можно улучшить». просто потому что тут не нужно ничего из этого. эти таблички — скорее напоминание о существовании совершенно другой вселенной. иногда мне кажется, что она уже угасла, но это лишь до тех пор, пока я не выйду на улицу (или пока за меня это кто-то не сделает).
я даже думаю, что фархаду и его клиентам вообще не нужно ничего тут менять. и что какой-то другой дизайн даже может отпугнуть человека, который решит купить или продать конденсаторы, реле и другие радиодетали. в этой цветасто-рамочной эстетике заложена особая форма доверия, которая работает в специфических нишах лучше любого современного минимализма. когда интерфейс выглядит слишком стерильным и вылизанным, он может показаться пользователю либо слишком дорогим, либо корпоративно-холодным, либо вовсе мошенническим. а здесь перед нами предельно честная, почти доисторическая функциональность.
фотография самого фархада в углу только подчеркивает эту личную ответственность и отсутствие посредников между продавцом и покупателем. в мире, где мы привыкли использовать каждый пиксель для показа своих дизайнерских навыков, такие примеры напоминают о том, что контекст и понимание своей аудитории — главное.
———
тем временем табличный курс до 11 января — со скидкой. берите тот, что с практикой, это в разы полезнее:
https://www.igorshtang.ru/course/tables/#buy
я даже думаю, что фархаду и его клиентам вообще не нужно ничего тут менять. и что какой-то другой дизайн даже может отпугнуть человека, который решит купить или продать конденсаторы, реле и другие радиодетали. в этой цветасто-рамочной эстетике заложена особая форма доверия, которая работает в специфических нишах лучше любого современного минимализма. когда интерфейс выглядит слишком стерильным и вылизанным, он может показаться пользователю либо слишком дорогим, либо корпоративно-холодным, либо вовсе мошенническим. а здесь перед нами предельно честная, почти доисторическая функциональность.
фотография самого фархада в углу только подчеркивает эту личную ответственность и отсутствие посредников между продавцом и покупателем. в мире, где мы привыкли использовать каждый пиксель для показа своих дизайнерских навыков, такие примеры напоминают о том, что контекст и понимание своей аудитории — главное.
———
тем временем табличный курс до 11 января — со скидкой. берите тот, что с практикой, это в разы полезнее:
https://www.igorshtang.ru/course/tables/#buy
5❤53💯12🥰7🔥3😁1
Forwarded from Канал Ильи Бирмана
В копилку примеров. Бывает, на сайтах дают сравнить разные продукты и составляют таблицу фич: тут крестики, а там галочки. Эпл тоже когда-то таблицы делал. Когда я думал, переходить ли на 17-й Айфон, решил спросить у Эпла сравнение, а он выдал такой новый дизайн. Намного приятнее таблиц! И это я говорю при том, что я обожаю таблицы.
🤔16❤7💯1
тоже недавно задумался над покупкой нового айфона. я довольно консервативен в этой теме и меняю телефон очень редко: сначала у меня был айфон первого поколения, затем был пятый, потом (и до сих пор) — десятый. сейчас, когда я начинаю уже замечать, что некоторые приложения откровенно тормозят, пришлось признать, что пора менять устройство. хотя на самом деле нужно менять отношение к разработке софта, потому что это безумие, когда приложение доставки еды тормозит на экране, состоящем из маленьких картинок, коротких названий и кнопок с ценой.
но не суть! я решил: либо айфон 17 про, либо эйр. для меня они практически одинаковые, только эйр красивее и легче, а у прошки телевик. как выбрать? конечно на основе данных!
выгрузил все свои айфоно-фотки с 2008 года (без скриншотов, сохранённых мемов и всякого такого), получилось около 100 000 фотографий. затем вытащил из них потенциально интересные метаданные:
а потом с помощью нейросети собрал график и прошка отпала сразу же: я редко сильно зумлю (около 5 % от всех снимков). и это не боязнь шумов, я на такое не обращаю внимание, это именно то, как (и что) я фотографирую.
быстро решив основную задачу, собрал другие интересные графики. прям инсайтов не было, но посмотреть было интересно:
· по фотографиям виден мой распорядок дня.
· перемещения (частичные, поскольку у карты ограничение точек на слой).
· что вокруг меня не очень много света, к сожалению.
· на какой высоте я живу (и что я редко фотографирую в самолётах).
· приход весны, лета и осени для меня — событие.
· моя активность повышается постепенно в течение недели.
графики все страшненькие, потому что сделаны нейросетью, но, тем не менее, наглядные. вообще нейросети любят всё делать простыми столбиками или совершенно скучными видами графиков. если не скажешь им хотя бы в каком виде надо собрать, то вообще печально.
в табличном курсе по теме наглядности у нас есть целая глава. и кстати до 11 января на курс — скидка:
https://www.igorshtang.ru/course/tables/
но не суть! я решил: либо айфон 17 про, либо эйр. для меня они практически одинаковые, только эйр красивее и легче, а у прошки телевик. как выбрать? конечно на основе данных!
выгрузил все свои айфоно-фотки с 2008 года (без скриншотов, сохранённых мемов и всякого такого), получилось около 100 000 фотографий. затем вытащил из них потенциально интересные метаданные:
exiftool -csv -r -n -FileName -DateTimeOriginal -Model -FocalLength -FocalLengthIn35mmFormat -DigitalZoomRatio -GPSLatitude -GPSLongitude -GPSAltitude -ISO -FNumber -ExposureTime -LensModel -SceneCaptureType -Software 'path' > metadata.csvа потом с помощью нейросети собрал график и прошка отпала сразу же: я редко сильно зумлю (около 5 % от всех снимков). и это не боязнь шумов, я на такое не обращаю внимание, это именно то, как (и что) я фотографирую.
быстро решив основную задачу, собрал другие интересные графики. прям инсайтов не было, но посмотреть было интересно:
· по фотографиям виден мой распорядок дня.
· перемещения (частичные, поскольку у карты ограничение точек на слой).
· что вокруг меня не очень много света, к сожалению.
· на какой высоте я живу (и что я редко фотографирую в самолётах).
· приход весны, лета и осени для меня — событие.
· моя активность повышается постепенно в течение недели.
графики все страшненькие, потому что сделаны нейросетью, но, тем не менее, наглядные. вообще нейросети любят всё делать простыми столбиками или совершенно скучными видами графиков. если не скажешь им хотя бы в каком виде надо собрать, то вообще печально.
в табличном курсе по теме наглядности у нас есть целая глава. и кстати до 11 января на курс — скидка:
https://www.igorshtang.ru/course/tables/
1🔥31❤6😱3💩1