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

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

Хочу узнать мнение про вот такие таблицы)
Это система подсчета очков в риичи-маджонге. Новички неизменно пугаются, выглядит она и правда страшно. Интересно подумать как это превратить во что-то более простое для восприятия)


я в маджонге не разбираюсь, поэтому сегодня рубрика «помощь зала»:
какие видите проблемы? как бы улучшили?
7😱5👍4
наглядное сравнение места баскетбольных бросков раньше и сейчас, и отдельно — майкла джордана и джеймса хардена.

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

картинки отсюда:
https://undisputedgoat.medium.com/4b2a5ad7f7a6

см. также: проект vinicius sueiro по результатам nba, про который рассказывала настя.
👍25🔥8🤩1
сегодня — последний день скидок на табличном курсе.

таким образом реализация намеченных плановых заданий играет важную роль в формировании системы массового участия.
👍12😁116🤣6🔥2🥰1
советские таблички из книги «визуальный мир советского автопрома: от производства до утилизации» софии еристави.

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

я к автопрому отношусь скорее нейтрально, но книгу всё равно стоит полистать — красивая.
31❤‍🔥7🔥2
график дня: зависимость риска смерти от продолжительности сна.

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

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

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

и ещё хуже: если, например, человек с заболеванием, удлиняющим сон, попытается спать меньше, ведь сказали, что полезно спать именно семь часов, риск смерти у этого человека может ещё сильнее возрасти.
💯199😱4🤔2👎1👏1
Forwarded from Как это сверстано (Игорь Штанг)
Новости таблиц

1. «Яндекс-музыка» поставила рекорд по размеру дыры в плейлисте, да и по растягиванию контента в целом.

2. Т—Ж решил разбавить финансовую информацию улиткой и рыбкой.

3. «Нутрилон» показал, как сверстать объемную шапку, не поворачивая текст.

4. «Таблицы и прочие радости» — по-прежнему самый исчерпывающий курс на тему верстки и оформления таблиц.
👍5324😁8❤‍🔥2
конкурс!

пришли ребята из «если быть точным» и предложили переделать таблицу, которую они как-то превратили в график. какие ещё видите варианты показать данные наглядно? результаты принимаются до 14 декабря.

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

таблица текстом на с. 7 (27): https://demreview.hse.ru/article/view/21825/18730
1🔥209❤‍🔥5👍2
сегодня тот день, когда не про таблицы. мне тут сказали на днях:

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

картинка отсюда: https://t.me/prmslll/263
спасибо юре за наводку
56❤‍🔥7👍2🗿1