табличный дизайн – Telegram
табличный дизайн
6.96K subscribers
500 photos
18 videos
1 file
198 links
канал @kapanaga по мотивам курса igorshtang.ru/course/tables/

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

вроде краски и краски: картина → метод анализа → цвет.

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

подписывайтесь на злату — её работы я люблю больше, чем ван гога.
27❤‍🔥3
хочу показать вам одну табличку. она маленькая, но хорошего в ней много:

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

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

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

цвет. можно же было набрать всё чёрным? конечно. но это было бы совсем не то настроение.

практически один кегль. вроде а что такого? но вы посмотрите на другие меню и посчитайте, сколько там кеглей.

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


с чем можно подискутировать:

переводить всё в литры — спорно. чашечка двойного эспрессо 0,05 л — ну такое, можно зависнуть. понятно, что если перевести всё в мл, то объём станет похож на цену: будут рядом стоять 50 и 150 — из-за этого нужно подниматься наверх и перепроверять где объём, а где цена (или просто ошибиться). но можно сделать проще — дописать единицы измерения: 50 мл · 150 ₽. да, будет больше знаков, но проще для чтения.

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

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

картинка отсюда: https://news.1rj.ru/str/prmslll/263
спасибо юре за наводку
56❤‍🔥7👍2🗿1
до конца новогодних праздников табличный курс — со скидкой.
(ещё напомню)

https://www.igorshtang.ru/course/tables/#buy
8🔥73❤‍🔥1👍1
попалась прекрасная «таблица для оценки мужей».

что с ней не так? ну, наверное, всё. но попробуем не читать, а посмотрим на неё чисто как на структуру:

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

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

· между пунктами нет отступов и всё слиплось.

· странная сортировка. скорее всего её нет вообще и пункты стоят по мере написания.


исправляем:

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

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

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

· баллы ставим в начале.

· разбиваем одну колонку на две смысловые группы.

всё, вот теперь можно идти гуглить про жофрея.

------

напоминаю: до конца новогодних праздников табличный курс — со скидкой:
https://www.igorshtang.ru/course/tables/#buy
😁54🔥19❤‍🔥85🥴3🤯2👍1
кстати, обратите внимание на работы, которые сделали для конкурса про сельское население: они все разные, и каждую интересно поизучать. за что я особенно люблю табличный формат — так это за то, что можно решить одну и ту же задачу совершенно по-разному.

и ещё раз упомяну про рассылку «это не показатель» и канал «если быть точным».
👍189🔥2🤩2❤‍🔥1👎1
This media is not supported in your browser
VIEW IN TELEGRAM
новогоднее сравнение: как горит сухая ёлка и та, которую держат в воде
👀34🔥98👍2
роман прислал ссылку, я наскриншотил вам оттуда несколько табличек. и в этот раз не будет разбора, не будет перевёрстки и всяких «что хорошо» и «что можно улучшить». просто потому что тут не нужно ничего из этого. эти таблички — скорее напоминание о существовании совершенно другой вселенной. иногда мне кажется, что она уже угасла, но это лишь до тех пор, пока я не выйду на улицу (или пока за меня это кто-то не сделает).

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

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

———

тем временем табличный курс до 11 января — со скидкой. берите тот, что с практикой, это в разы полезнее:
https://www.igorshtang.ru/course/tables/#buy
553💯12🥰7🔥3😁2
В копилку примеров. Бывает, на сайтах дают сравнить разные продукты и составляют таблицу фич: тут крестики, а там галочки. Эпл тоже когда-то таблицы делал. Когда я думал, переходить ли на 17-й Айфон, решил спросить у Эпла сравнение, а он выдал такой новый дизайн. Намного приятнее таблиц! И это я говорю при том, что я обожаю таблицы.
🤔179💯2❤‍🔥1
тоже недавно задумался над покупкой нового айфона. я довольно консервативен в этой теме и меняю телефон очень редко: сначала у меня был айфон первого поколения, затем был пятый, потом (и до сих пор) — десятый. сейчас, когда я начинаю уже замечать, что некоторые приложения откровенно тормозят, пришлось признать, что пора менять устройство. хотя на самом деле нужно менять отношение к разработке софта, потому что это безумие, когда приложение доставки еды тормозит на экране, состоящем из маленьких картинок, коротких названий и кнопок с ценой.

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

выгрузил все свои айфоно-фотки с 2008 года (без скриншотов, сохранённых мемов и всякого такого), получилось около 100 000 фотографий. затем вытащил из них потенциально интересные метаданные через exiftool (см. детали в комментах).

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

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

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

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

в табличном курсе по теме наглядности у нас есть целая глава. и кстати до 11 января на курс — скидка:
https://www.igorshtang.ru/course/tables/
1🔥419😱5💩2❤‍🔥1💊1