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

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

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

а я думаю: как это мало? я вроде постоянно про неё говорю: что я её сделал, что она продаётся в озоне, что она недавно стала финалистом конкурса дизайна книги.

вы ведь знаете об этой книжечке? если не знаете — вот ссылка на озон: https://www.ozon.ru/product/2023147098/

а о табличном курсе знаете?
а о курсе по типографике и вёрстке?
45👍11❤‍🔥10😁6🔥2🥰1👏1
вернёмся к табличкам. подписчица злата прислала вот такую «карту» пигментов ван гога.

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

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

подписывайтесь на злату — её работы я люблю больше, чем ван гога.
26❤‍🔥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
😁53🔥19❤‍🔥85🥴3🤯2👍1
кстати, обратите внимание на работы, которые сделали для конкурса про сельское население: они все разные, и каждую интересно поизучать. за что я особенно люблю табличный формат — так это за то, что можно решить одну и ту же задачу совершенно по-разному.

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

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

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

———

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