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

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

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

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

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

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

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

а вариантов как это сделать — тьма.
👍7116🔥12🥰3
покушусь на святое — буквально на минуточку!

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

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

исправить всё это легко — просто повернуть таблицу и поставить чуть в другом порядке. артемиуса у меня нет, так что набрал таймсом, но платным.
54👍23💯9🔥3😁3🤯3🤓1
поделюсь небольшой болью. у боли, как всегда, конечно, есть урок.

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

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

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

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

а про наглядность в курсе по таблицам есть целая глава.
🔥5719👨‍💻5👎1
не уверен, что этой таблицей размерности носков можно пользоваться (кто вообще пользуется такими таблицами?), но выглядит эффектно.

хотя, конечно, это уже никакая не таблица, а чисто графический дизайн, цель которого — донести не информацию, а эмоцию. а если точнее — пыль в глаза.
🙈37😁16125❤‍🔥3🥰3
дмитрий, подписчик канала прислал прекрасную картинку.

какие проблемы видите в таблице? как бы исправили?
😱30😁8🔥2👨‍💻1
это обязано тут быть, ничего не поделаешь, такие правила
🫡6
табличный дизайн по-славянски 🤌🏼

Рашская кормчая (Номоканон), 1305 г
27🔥8👀7🌚2
кстати! счёт на дни.
3❤‍🔥2
Forwarded from Как это сверстано (Игорь Штанг)
Пока мы с Мишей доделываем новую «Типографику и верстку», я вам покажу еще скриншотов.

А это форма, в которой можно оставить заявку на участие в курсе: https://forms.gle/2hehovGcCT9CE75W7
🔥255🙏5
этот день настал! мы с игорем штангом доделали онлайновый курс «типографика и вёрстка» и открываем запись:

igorshtang.ru/course/verstka

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

как человек, прошедший офлайновую «типографику и вёрстку», могу сказать, что материал прилично изменился и дополнился. раньше это было круто, а теперь — очень круто. записывайтесь!
30🎉13🔥10👍4
табличный дизайн pinned «этот день настал! мы с игорем штангом доделали онлайновый курс «типографика и вёрстка» и открываем запись: igorshtang.ru/course/verstka кстати именно благодаря офлайновой версии курса мы с игорем и познакомились почти десять лет назад — в 2016 году. тогда…»
ещё пара новостей:

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

кстати если вдруг вы хотели купить мою книжечку про красоту до конца лета, то до этой пятницы я вам смогу её отправить. потом, наверное, уже только осенью она будет снова продаваться.
👍1511🔥4🤡3👀2🥰1🤔1🤮1💩1