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

смотрите, что мы с соней исполнили: https://hsedesign.ru/project/marginalnaya-tipografika-1f5ed8a995c44a5faee1cf4ae7521792 пока не продаём, показываем. но очень скоро, надеюсь, уже всё изменится

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

красивые тепловые карты кинотеатров из исследования кинопоиска

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

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

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

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

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