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

(простите, я из-за жары разучился пользоваться телеграмом)

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

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

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

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

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

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

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

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

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

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

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

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

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

вернёмся к обсуждению выравнивания. в комментариях мнения поделились на разные стороны, при чём некоторые меняли своё мнение по ходу привыкания и мышления над задачей. также были люди, которые выходили за рамки правил (это тоже хорошо). выписал эти мнения в картинках. и я согласен со всеми этими мнениями ) на мой взгляд тут нет одного единственно правильного варианта, потому что выравнивание здесь — это инструмент. и какое именно выравнивание сделать, должно исходить из задачи: · знакомые слова в боковике или сложные термины? · что для аудитории привычнее? · мы больше про удобство или про форму? · где таблица находится? · можем ли мы сократить текст, переставить колонки, добавить линейки? ведь бывает, что текст у нас динамичный, а линейки не предусмотрены стайл-гайдом. ну и т. д. ответы на все эти вопросы в процессе работы дадут нам решение, которое лучше подходит для конкретно этого случая. за основу, конечно, лучше выбрать ровное начало строки, но если мы видим, что по-другому лучше, то так и стоит сделать. идёт набор на онлайн-курс «типографика и вёрстка». начало 11 мая: https://www.igorshtang.ru/course/verstka/

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

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

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