табличный дизайн

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

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

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

небольшая, но полезная заметка о том, как лучше прижимать линейки к строкам и зачем это надо делать:https://medium.com/design-pub/681805c0205e

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

а какой ты сегодня?

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

смотрите какая табличка. на первый взгляд вроде бы всё хорошо и аккуратно, но если присмотреться, то всё плохо: выравнивание по правому краю в числах разного формата ведёт читателя к ошибке: вместо того, чтобы сравнивать целые части, мы сравниваем целые и тысячные.а всё потому, что выравнивать числа надо не по правому краю, а по разрядам. ну или хотя бы по левому краю.upd: всё ок, в турецком формат другой, см. коменты. а к вёрстке пробелами докапываться не будем )в нашем табличном курсе на тему выравнивания есть целая глава. до 10 мая на курс — скидка:https://www.igorshtang.ru/course/tables/#buyсмотрите какая табличка. на первый взгляд вроде бы всё хорошо и аккуратно, но если присмотреться, то всё плохо: выравнивание по правому краю в числах разного формата ведёт читателя к ошибке: вместо того, чтобы сравнивать целые части, мы сравниваем целые и тысячные.а всё потому, что выравнивать числа надо не по правому краю, а по разрядам. ну или хотя бы по левому краю.upd: всё ок, в турецком формат другой, см. коменты. а к вёрстке пробелами докапываться не будем )в нашем табличном курсе на тему выравнивания есть целая глава. до 10 мая на курс — скидка:https://www.igorshtang.ru/course/tables/#buy

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

каждый год перед майскими мы с игорем штангом делаем скидку на табличный курс, и опять это время пришло:https://www.igorshtang.ru/course/tables/#buyя не устану повторять главные вещи, потому что они неизменны:практика в миллиард раз круче теории. сами по себе знания важны, но когда ты делаешь, а не просто смотришь, это совсем другой опыт. поэтому я всем рекомендую курс брать именно с практикой. вы читаете тему, делаете задание, и отправляете нам, а мы с игорем смотрим и помогаем улучшить.курс по таблицам — крутой. мы его делали с любовью, там очень много полезного материала, и я очень доволен тем, что получилось. отзывы о курсе это подтверждают.таблицы — это не только про текст в рамочке, это про связность и упрощение восприятия информации, про типографику, редактуру, интерфейс, инфографику, и вообще — про дизайн.в общем, позанимайтесь в праздники, станьте круче.а если курс по таблицам проходили, то идите к нам на типографику и вёрстку, там тоже интересно, начинаем 11 мая:https://www.igorshtang.ru/course/verstka/

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

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

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