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

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

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

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
иногда хочется, чтобы в материале было как можно больше деталей. ведь чем больше данных, тем интереснее. а иногда хочется наоборот — чтобы был минимум информации. ведь чем проще — тем понятнее.

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

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

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

упрощение всегда ведёт к спекуляции. но иногда можно.
29🔥76🤓4
зрительный стимул симпатии, т. н. «детский облик». один из важнейших (манипулятивных) принципов в мультипликации, производстве игрушек, рекламе, логотипов, порно и куче других областей, отвечающий за наше отношение к изображаемому объекту.

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

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

оцените заодно насколько «детский облик» шагнул ещё дальше от реальности с момента публикации книги. ну и кидайте в комментарии любимый пример из мультфильмов, я начну.
50🤯9👍5👏1👨‍💻1
This media is not supported in your browser
VIEW IN TELEGRAM
весенняя 🌷 распродажа 🌺 нашего 🌼 курса 🌸 по 🌹 таблицам!

до конца майcких на курс с практикой скидон 3000 ₽.
если вы давно хотели, но откладывали — вот оно 👏 то 👏 самое 👏 время.

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

конечно, пассивное обучение (чтение) — гораздо лучше, чем ничего. но практика приносит ещё больше.

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

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

также напомню, что курс может оплатить ваша компания. но без скидки, потому что такие вот правила у нас.
20🔥5
вечерний квиз: выберите выравнивание
😁40🤯29🙉116👍6👀3😱2
к чему вчерашний пост-то. я время от времени заказываю спиртовые салфетки, к которым прикладывают бумажку. и насколько она безумна! вы просто вчитайтесь!

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

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

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

а правильного выравнивания в вакууме не бывает. бывает выравнивание под конкретную задачу. первый вариант — это выравнивание по разрядам, чтобы легче сравнивать было в рамках колонки. второе — это выравнивание в титрах. оно просто красивое. третье — это если программист-новичок и только учится верстать. а четвёртое — это в тексте или списке. задача определяет решение.
👍6717🤯8🤣5🔥4👏3