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

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

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

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

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

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

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

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

давайте думать, подсказывайте

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

«Сокровищница армянского языка» или «Thesaurus linguae Armenicae antiquae et hodiernae» Иоганна Шрёдера 1711 год даже московитские транслитерации затесались кое-где...) #алфавит #армяница #книга #буквицы

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

интересное исследование про названия цветов в разных языках. видно как в английском (2) проседает словарь для оттенков синего. в китайском (1) очень детально описывается часть от красного к оранжевому, но при этом нет жёлтого. во французском (3) очень много слов для светло- и тёмно-синего и практически нет зелёного. на сайте можно навести на цвет, чтобы увидеть название: https://idl.uw.edu/color-naming-in-different-languages/vis/stacked-spectrum.html

смотрите какие в т-банке молодцы: могли бы сделать классическую матричную таблицу с галочками, а вместо этого продублировали всё в каждую категорию и сделали удобно.

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

Вверх по лестнице, ведущей вниз Именно этот роман чаще всего выбирают студенты «Большой переверстки», чтобы сверстать для него обложку, хотя на выбор я даю еще 120 не менее интересных названий. В общем, это предпочтение мне понятно, я бы и сам позарился на такое название. Тут и лестница, и вверх—вниз на концах фразы, и этот пространственный парадокс, от которого сразу представляешь себя Эшером от типографики. Показываю только 9 макетов, сделанных студентами разных потоков. За кадром осталось еще несколько десятков. А здесь текст задания. Приходите на «Большую переверстку» 16 марта — 4 апреля. И успевайте записаться до повышения цены: vk.com/pereverstka_online

сегодня тот день, когда снова можно вспомнить про эту табличку

вот как у меня получилось переделать эту прекрасную таблицу. посмотрите ещё в комментариях — там тоже есть интересные варианты.

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

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

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