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

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

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

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

идёт набор на онлайн-курс «типографика и вёрстка». начало 11 мая:
https://www.igorshtang.ru/course/verstka/
11👍6❤‍🔥4💘1
также: в титрах к фильмам подобное выравнивание — вообще стандарт. даже если пытаются сделать по-особенному (см. третью картинку с титрами из «человека-паука»)
👍93❤‍🔥2🔥1🤩1
и ещё вот одна картинка с горы мтацминда в тбилиси. тут получилось плохо: кажется, что всё это одна таблица, но на самом деле нет:

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

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

в итоге там, где мы ожидаем единый формат, получаем кашу.
🤯85❤‍🔥2🤗1
настя прислала ссылку на подборку венских графиков.

вообще венский график (он же «венский метод изобразительной статистики», он же isotype) в вики описывается как метод изображения связей в графической форме.

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

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

вы как к таким графикам относитесь?
27🔥6❤‍🔥3
каждый год перед майскими мы с игорем штангом делаем скидку на табличный курс, и опять это время пришло:
https://www.igorshtang.ru/course/tables/#buy

я не устану повторять главные вещи, потому что они неизменны:

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

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

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

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


а если курс по таблицам проходили, то идите к нам на типографику и вёрстку, там тоже интересно, начинаем 11 мая:
https://www.igorshtang.ru/course/verstka/
❤‍🔥7👍4🤗21
Forwarded from Как это сверстано (Игорь Штанг)
Смотрите, насколько удобней выбирать мороженку, когда есть картинки. Даже текст понимать необязательно
78👍24🔥122❤‍🔥2
смотрите какая табличка. на первый взгляд вроде бы всё хорошо и аккуратно, но если присмотреться, то всё плохо: выравнивание по правому краю в числах разного формата ведёт читателя к ошибке: вместо того, чтобы сравнивать целые части, мы сравниваем целые и тысячные.

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

upd: всё ок, в турецком формат другой, см. коменты. а к вёрстке пробелами докапываться не будем )

в нашем табличном курсе на тему выравнивания есть целая глава. до 10 мая на курс — скидка:
https://www.igorshtang.ru/course/tables/#buy
12❤‍🔥32🔥1
такой вот бланк нашёл на лайнере. какие проблемы видите? как бы улучшили? в этот раз можно текстом без картинок (но с картинкой — лучше).


на табличный курс до конца майских — скидка.

заканчивается набор на
типографику и вёрстку, начинаем 11 мая.
5👍4
а какой ты сегодня?
🌚11😍5
внимание:

последний день скидки на табличный курс.

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

спасибо за внимание.
9👀3