табличный дизайн
Kanalga Telegram’da o‘tish
канал @kapanaga по мотивам курса igorshtang.ru/course/tables/ если вы захотели спросить про рекламу: нет, рекламы на канале не бывает. но если ваш проект связан с темой канала или вы хотите показать интересную таблицу — пишите.
Ko'proq ko'rsatish7 197
Obunachilar
Ma'lumot yo'q24 soatlar
+157 kunlar
+8330 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Iyul '26
Iyul '26
+26
1 kanalda
Iyun '26
+119
2 kanalda
Get PRO
May '26
+64
0 kanalda
Get PRO
Aprel '26
+81
4 kanalda
Get PRO
Mart '26
+152
7 kanalda
Get PRO
Fevral '26
+75
3 kanalda
Get PRO
Yanvar '26
+73
1 kanalda
Get PRO
Dekabr '25
+153
5 kanalda
Get PRO
Noyabr '25
+84
2 kanalda
Get PRO
Oktabr '25
+136
1 kanalda
Get PRO
Sentabr '25
+139
4 kanalda
Get PRO
Avgust '25
+85
0 kanalda
Get PRO
Iyul '25
+207
6 kanalda
Get PRO
Iyun '25
+111
1 kanalda
Get PRO
May '25
+361
5 kanalda
Get PRO
Aprel '25
+114
2 kanalda
Get PRO
Mart '25
+102
3 kanalda
Get PRO
Fevral '25
+102
2 kanalda
Get PRO
Yanvar '25
+125
3 kanalda
Get PRO
Dekabr '24
+123
2 kanalda
Get PRO
Noyabr '24
+127
5 kanalda
Get PRO
Oktabr '24
+112
1 kanalda
Get PRO
Sentabr '24
+165
0 kanalda
Get PRO
Avgust '24
+232
7 kanalda
Get PRO
Iyul '24
+279
3 kanalda
Get PRO
Iyun '24
+1 154
2 kanalda
Get PRO
May '24
+137
3 kanalda
Get PRO
Aprel '24
+220
5 kanalda
Get PRO
Mart '24
+168
4 kanalda
Get PRO
Fevral '24
+154
2 kanalda
Get PRO
Yanvar '24
+193
6 kanalda
Get PRO
Dekabr '23
+310
3 kanalda
Get PRO
Noyabr '23
+113
2 kanalda
Get PRO
Oktabr '23
+119
0 kanalda
Get PRO
Sentabr '23
+188
0 kanalda
Get PRO
Avgust '23
+194
0 kanalda
Get PRO
Iyul '23
+511
0 kanalda
Get PRO
Iyun '23
+72
0 kanalda
Get PRO
May '23
+558
0 kanalda
Get PRO
Aprel '23
+689
0 kanalda
Get PRO
Mart '23
+1 075
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 08 Iyul | +2 | |||
| 07 Iyul | +2 | |||
| 06 Iyul | 0 | |||
| 05 Iyul | +1 | |||
| 04 Iyul | +4 | |||
| 03 Iyul | +12 | |||
| 02 Iyul | +3 | |||
| 01 Iyul | +2 |
Kanal postlari
+8смотрите, что мы с соней исполнили:
https://hsedesign.ru/project/marginalnaya-tipografika-1f5ed8a995c44a5faee1cf4ae7521792
пока не продаём, показываем. но очень скоро, надеюсь, уже всё изменится
| 2 | новости курса «типографика и вёрстка»:
· открыта запись на поток 3 августа, присоединяйтесь — будет интересно и очень полезно
· теперь мы можем принимать оплату курса частями. если вам такое надо — напишите мне
напомню также, что:
· курс может оплатить ваша компания
· первая глава курса открыта для всех, почитайте | 1 122 |
| 3 |  +3красивые тепловые карты кинотеатров из исследования кинопоиска | 2 181 |
| 4 |  +2вот такое расписание попалось. давайте посмотрим на него с разных сторон.
из хорошего: оно очень стильное на вид! линеечки, шрифт — всё модное и симпатичное. а линеечки даже прижали. в общем, с душой.
и в целом тут всё хорошо, но:
· можно не писать этаж и «ауд.». расписание висит в коридорах здания, номера аудиторий — напротив расписания. то есть оно прямо в контексте и всё это понятно. если убрать лишние повторы, номера станут гораздо заметнее.
· много дублей по времени. вообще это нормально. например, несколько рейсов могут улетать в одинаковое время. но тут одинаковое время может смутить, когда видишь, что в одной аудитории сразу несколько лекций начинается — как это? сразу несколько спикеров говорят из разных углов? но нет, это просто паблик-ток на вот эти вот темы.
· сортировка странная или я её не понял. тут можно сделать самую простую — по аудиториям.
· тонкие моменты по вёрстке: названия лекций заезжают в колонку времени, это не очень. также не очень хорошо тут, что интерлиньяж и отступ между пунктами одинаковый — из-за этого двустрочные пункты выглядят как два отдельных пункта.
· вертикальные разделители между временем и лекцией можно посчитать стилистическим приёмом, но я бы их убрал — слишком уж они шумят.
в общем, переверстал я это всё в два вида. мне больше горизонтальный понравился, хотя текст в нём и чуть мельче. толстыми линейками разделил этажи по-вайнгартовски: может быть не супер понятно, но всё равно захотелось и добавляет живости. у меня не нашлось похожего узкого шрифта, сделал всё «графиком». обратите внимание, как поменялось настроение сразу: не лучше, не хуже, просто другое. | 2 021 |
| 5 |  +2смотрите какая хорошая табличка (отсюда). тут выравнивание колонок по центру, и это работает лучше всего, а центровка вообще очень редко когда так делает.
подходит она здесь из-за того, что форма куриц, несмотря на то, что некоторые позируют в три четверти, всё-таки симметрична, и это создаёт хорошую ось в колонке, делая её цельной.
если мы куриц прибьём к началу строки (2), то станет не так аккуратно, хотя можно сказать, что разница между стадиями стала заметнее. при этом визуально таблица как будто разваливается.
но я бы здесь остался с центровкой, только чуть подравнял ритм, сделав колонки одинаковой ширины, плюс заголовки в боковике лучше опустить к весу — так линия взгляда будет ровнее (3).
с момента публикации статьи прошло 20 лет. если вы не знали, сейчас уже курицы размером с крупных собак, а возвращение динозавров ожидается к 2050-м годам. | 2 400 |
| 6 | (простите, я из-за жары разучился пользоваться телеграмом) | 2 311 |
| 7 |  Matn yo'q... | 2 310 |
| 8 |  Matn yo'q... | 2 090 |
| 9 | игорь штанг на днях показал новую книжку андрея шапиро. а я среди красивых скриншотов и фотографий заметил в тексте оригинальные сноски в виде стрелочек, и сразу вспомнил, что когда верстал наш курс по таблицам, сделал ровно то же самое: при наведении на кусочки текста, стрелочка показывает куда смотреть, потому что бывает так, что мы описываем то, что сверху, а бывает ссылаемся на то, что ниже. до сих пор горжусь этими ховерами и мне часто не хватает их на других сайтах.
и ещё: открыли запись на новый поток типографики и вёрстки, начинаем 3 августа — приходите! | 1 970 |
| 10 |  +3пока я собираю материал для продолжения исследования, соня тем временем на каких-то космических частотах экспериментирует с вёрсткой других глав «маргинальной типографики». формат книжки будет непростым, да. | 2 292 |
| 11 | тем временем в «подписных» заканчивается очередная партия книжечки про красоту, и я снова не знаю, когда будет следующая, потому что их раскупают быстрее, чем я успеваю делать.
возможно, в поставках будет перерыв до осени — успейте купить сейчас, если планировали.
у подписных есть доставка, но тем, кто в питере, я рекомендую, конечно, дойти до магазина. | 2 052 |
| 12 | небольшая, но полезная заметка о том, как лучше прижимать линейки к строкам:
https://medium.com/design-pub/681805c0205e | 2 385 |
| 13 | внимание:
последний день скидки на табличный курс.
сегодня начался курс по типографике и вёрстке: выданы первые теоретические блоки и задание. ещё есть пара свободных мест и можно успеть вписаться в группу, не догоняя остальных.
спасибо за внимание. | 2 491 |
| 14 |  а какой ты сегодня? | 2 255 |
| 15 |  такой вот бланк нашёл на лайнере. какие проблемы видите? как бы улучшили? в этот раз можно текстом без картинок (но с картинкой — лучше).
на табличный курс до конца майских — скидка.
заканчивается набор на типографику и вёрстку, начинаем 11 мая. | 0 |
| 16 |  +1смотрите какая табличка. на первый взгляд вроде бы всё хорошо и аккуратно, но если присмотреться, то всё плохо: выравнивание по правому краю в числах разного формата ведёт читателя к ошибке: вместо того, чтобы сравнивать целые части, мы сравниваем целые и тысячные.
а всё потому, что выравнивать числа надо не по правому краю, а по разрядам. ну или хотя бы по левому краю.
в нашем табличном курсе на эту тему есть целая глава. а до 10 мая на курс — скидка:
https://www.igorshtang.ru/course/tables/#buy | 0 |
| 17 |  Смотрите, насколько удобней выбирать мороженку, когда есть картинки. Даже текст понимать необязательно | 0 |
| 18 | каждый год перед майскими мы с игорем штангом делаем скидку на табличный курс, и опять это время пришло:
https://www.igorshtang.ru/course/tables/#buy
я не устану повторять главные вещи, потому что они неизменны:
практика в миллиард круче теории. сами по себе знания важны, но когда ты делаешь, а не просто смотришь, это совсем другой опыт. поэтому я всем рекомендую курс брать именно с практикой. вы читаете тему, делаете задание, и отправляете нам, а мы с игорем смотрим и помогаем улучшить.
курс по таблицам — крутой. мы его делали с любовью, там очень много полезного материала, и я очень доволен тем, что получилось. отзывы о курсе это подтверждают.
таблицы — это не только про текст в рамочке, это про связность и упрощение восприятия информации, про типографику, редактуру, интерфейс, инфографику, и вообще — про дизайн.
в общем, позанимайтесь в праздники, станьте круче.
а если курс по таблицам проходили, то идите к нам на типографику и вёрстку, там тоже интересно, начинаем 11 мая:
https://www.igorshtang.ru/course/verstka/ | 0 |
| 19 |  +6настя прислала ссылку на подборку венских графиков.
вообще венский график (он же «венский метод изобразительной статистики», он же isotype) в вики описывается как метод изображения связей в графической форме.
но чаще всего это просто график с низким уровнем абстракции. то есть если нам надо изобразить много людей, то рисуется много человеческих фигур. если статистика про нефть, то рисуются бочки нефти. ну и так далее.
я такие графики люблю, но иногда замечаю к ним (в том числе и у себя) немного наивное отношение. типа тут вместо всех этих картинок можно было просто несколько чисел или небольших столбиков показать компактно, а мы целый разворот заняли. но потом смотрю ещё раз, и снова нравится. есть в них что-то такое приятное, говорящее, что у людей есть время и на работу и на чтение.
вы как к таким графикам относитесь? | 0 |
| 20 |  и ещё вот одна картинка с горы мтацминда в тбилиси. тут получилось плохо: кажется, что всё это одна таблица, но на самом деле нет:
верхняя часть, где стоят тире, — это таблица из специальности и имени:
архитектор — тариэль кикабидзе
конструктор — зураб вахтангадзе
священник — ираклий каландадзе
а вот нижняя часть, где вертикальная черта, — это список участников и мастеров, просто завёрстанный в две колонки, но с тем же принципом.
в итоге там, где мы ожидаем единый формат, получаем кашу. | 0 |
