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

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

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

отдельное спасибо:
— что подписались
— ставите лайки
— пишете комментарии
— делитесь постами

потому что:
— это приятно!
30👍4🥰2
половина постов на канале о таблицах про то, как из таблицы сделать что-то другое — это конечно ваще.

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

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

заголовки можно дублировать, а можно сверху написать (но тогда надо их залипать при скроле). я бы продублировал, вроде не мешают.
🔥37🆒4👍3
таблицы дня — биатлонтайм

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

на что стоит обратить внимание:

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

далеко не всё я понимаю на сайте, правда и биатлон далеко не мой спорт.

почитайте о проекте (и посмотрите как сафари выглядел десять лет назад)
28💘5🔥1
однажды увидел на столе у астрофизика безумно красивые таблицы. думал, что это конфиденциальная информация, поэтому никому не показывал.

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

выравнивание, линейки, воздух и форма данных в колонках создают узор, который хочется плакатом или обоями вешать на стену.
33❤‍🔥7🔥5
табличный дизайн
давайте теперь вместе попробуем. я тут встретил такую вот таблица с побочками лекарства. какие проблемы видите? как бы вы переделали эту таблицу? пишите и показывайте в комментах, свой результат покажу 9 апреля.
моя очередь. и я бы сделал вот так.

что именно сделал:

· убрал таблицу. тут нет смысла сравнивать. графики поэтому тоже не очень нужны.

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

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

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

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

спасибо всем, кто попробовал переделать таблицу вместе со мной и особенно тем, кто прислал свой вариант! вы молодцы!
20👍10🔥5
одноимённые станции метро в разных городах

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

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

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

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

закидывайте ваш вариант в комменты до конца недели.
26👍2
пока спеет картоха ↑, посмотрите на две эти таблицы. они про одно и то же, но решения принципиально разные.

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

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

то есть сделав больше повторов мы получили минус один элемент — шапку.

можно было и по-другому пойти: сверху написать месяцы, а ячейки заполнить картинками. в этом случае избавились бы от боковика. но такой пример я не нашёл.
34👍7🔥4🍓1
табличный дизайн
нашлась интересная таблица, которую хочется переделать. давайте снова вместе? но теперь с очень ценным призом! тому или той, кто сделает лучше (лучше других, а то я так разорюсь), отправлю красивую открытку из тбилиси. закидывайте ваш вариант в комменты…
разобрал ваши таблички про картоху. вкратце: все молодцы, но там можно копать глубже.
так что давайте сделаем второй подход. приём работ также до конца недели, приз тот же — красивая открытка из тбилиси.

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

https://www.youtube.com/watch?v=-KrO1IkZAjY
🔥31
таблица дня: вымышленные компании из фильмов, сериалов и игр.

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

абсолютно непригодна на мобильном телефоне, смотрите на компуктере.
🔥212👍1
ссылка дня: квартет энскомба

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

хороший пример того, как полезно бывает сделать график, чтобы увидеть разницу (или сходство) в данных.
👍17🔥76