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

если вы захотели спросить про рекламу: нет, рекламы на канале не бывает. но если ваш проект связан с темой канала или вы хотите показать интересную таблицу — пишите.
Download Telegram
таблица не обязана вываливать все данные сразу. когда мы знаем основные сценарии, мы можем фильтровать информацию за читателя, сделав из таблицы удобный интерфейс. даже без экрана.
95🔥36👍14
идеальной таблицы не бывает: у любого формата есть свои ограничения и возможности, таблица тут — не исключение. но это хорошо! потому результатов можно получить много, в том числе и хороших.

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

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

для подписчиков нашего канала игорь даёт на февральский мастер-класс скидку 10%, для этого введите в форме регистрации промокод «таблицы10».

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

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

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

2. скидка 15% на практикум по скетчингу. практический курс стартует 4 апреля. со скидкой получится 3825 ₽. это три недели регулярного рисования и общения с классными художниками. я проходил такой интенсив зимой, мне очень понравилось.

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

дедлайн — 3 апреля.
❤‍🔥17🎉61👍1🤩1
Forwarded from Как это сверстано (Игорь Штанг)
А все уже посмеялись над лёдзом или кто-то еще не видел?)
😁28🤣16👍2
Forwarded from Как это сверстано (Игорь Штанг)
У нас в табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда будете подбирать пуленепробиваемый шрифт.

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

и, что интересно, такое предсталение — это не сильный переход в абстракцию. именно так ведь человек и дышит.

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

из-за природности графиков, их легко заметить вживую и даже воспроизвести самостоятельно.

напоминаю: сегодня последний день конкурса с перевёрсткой таблицы про астероиды, летящие на землю
🔥47👍129
А - аналитика =)
🔥84😁3616💔10
не смог удержаться
серёжа рассказов пишет:

Полностью оцифрованы все выпуски культовых альманахов статей о типографике и шрифтовом дизайне: typography.network/typographypapers/

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


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

а вот дотошность действительно видна и этой дотошностью можно даже полюбоваться.
👍20❤‍🔥5🔥2🥴2😍1
от чего умирают люди в разном возрасте — ещё один пример хорошего выбора формата для отображения данных.

что интересного (а также грустного и тревожного) в этой работе:

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

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

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

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

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

ну и ещё, конечно, с правым графиком что-то имеет смысл сделать. его как будто за что-то поставили в угол, отчего смотреть туда даже не хочется.
35🔥15💊5👍4
не верите — проверьте
(не является инвестиционной рекомендацией)
😁63👌3👍1
к вопросу об очевидности визуализации. по моему опыту очевидной визуализация становится обычно в момент просмотра финального результата сторонним наблюдателем (ну да, всё как надо, чего тут думать-то было?).

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

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

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

придумайте подходящую визуализацию для этой простой таблицы, чтобы прям наглядно было. длиной одного столбика это не показать конечно.
16👍2🔥2
недавно получили сообщение:

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


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

наш главный бухгалтер (игорь штанг) сделал на такие случаи полезную инструкцию: как оплатить курс по счёту. передайте эту ссылочку в бухгалтерию. когда курс оплачивает компания, вы получаете доступ к теории и практическим заданиям, которые мы потом с игорем разбираем и даём советы как улучшить результат.
🔥229
признавайтесь: кто под каким углом это увидел?
👀32😁1611🗿3
ищу айос-разработчика.

теперь подробнее:

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

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

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

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

upd: человек нашёлся, всем спасибо за внимание.
😍2👍1