Как это сверстано

Сначала всё-таки будет курс, потом книга. Потому что все практические задания я уже придумал, и они мне все нравятся.

Верстаю вторую книжку Андрея Шапиро, называется «Рабочие истории». О макете: 1. Первая книжка, «Карта процесса-опыта», получилась немного похожей на альбом, потому что сами карты потребовали увеличенного формата. В этот раз автор захотел, чтобы книжка была похожа на книжку и «честный труд». 2. Основной текст идет сплошняком, без искусственного разделения на страницы и развороты. Для монолитности я заменил швейцарский абзац на абзацный отступ и, немного посомневавшись (гротеск всё-таки), выключил основной текст по ширине. При этом «дополнительные» тексты внутри основного — примеры и списки — выровнены по левому краю. 3. На каждой странице есть широкое левое поле, куда встают заголовки, сноски, нумерация примеров (собственно «историй»), картинки и некоторые другие блоки. 4. От прошлого макета остался шрифт Formular, текстовые стили, ну и общий вайб (боже, что я несу). Планируем сдать в печать в апреле-мае.

Бизнесу жизненно необходим наглядный и понятный дизайн (а не этот наш минимализм), поэтому он выкручивается как может. 1. Иконки неплохо показывают группировку. Да и вообще без них длинный список смотрелся бы уныло. Обратите внимание на точность изображений. 2. Цены выделены жирным, потому что нет возможности поставить их в отдельный столбик. 3. Всё, что закончилось, перечеркнуто. 4. Заголовки групп — присутствуют. Сверстать текст для поста в Телеграме — прекрасное учебное задание. Надо такое сделать.

Рассказываем о том, как разгрузить многоярусную шапку с помощью цветового кодирования. Курс «Таблицы и прочие радости», глава «Шапка». До 11 января курс можно купить со скидкой: igorshtang.ru/course/tables

Собирайте коллег, уговаривайте начальство и приходите на табличный курс большой компанией. Это веселее и эффективнее, чем учиться поодиночке. Вариант «В вашем офисе» суперзаряженный. За два дня мы сделаем 5 практических заданий, и еще 6 других практических заданий будет в годовой подписке. В общем, очень много практики.

у тебя хорошая книжка про красоту, но про неё мало людей знает. а я думаю: как это мало? я вроде постоянно про неё говорю: что я её сделал, что она продаётся в озоне, что она недавно стала финалистом конкурса дизайна книги. вы ведь знаете об этой книжечке? если не знаете — вот ссылка на озон: https://www.ozon.ru/product/2023147098/ а о табличном курсе знаете? а о курсе по типографике и вёрстке?

Во-первых, это красиво. Во-вторых, как они умудрились сверстать газету, инвертировав главный газетный принцип — плотность и модульность материала? Понятно ведь, что это газета? Понятно. Но воздуха и динамики тут больше, чем в журнале. Газета Lines Breaking. Канадская студия Underline. 2018

igorshtang.ru/course/tables

Я тоже сделал свой вариант и рассказал о нем в блоге: ЖЖ или Медиум.

Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе разобраться в этом просто невозможно. И даже фигурные скобочки добавил. Подробнее о верстке подписей рассказываю в статье «Подписи к трем скелетам». Усов В. В. Организация обслуживания в ресторанах. 1990

Привет, это Игорь Штанг, соавтор курса «Таблицы и прочие радости», Миша мне дал ключи. Принес вам таблицу на переверстку. Такой бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5. Переделанные макеты отправляйте комментариями к этому посту — до 10 октября включительно. Я сам тоже переверстал, покажу в конце. Двум участникам подарим подписку на табличный курс.

Узкий шрифт в узкой колонке на узком формате 🤌

Хочу рассказать о верстке с точки зрения пустого пространства. Долго не мог придумать, что писать о воздухе (его же не видно, то есть как бы нет), но сейчас картинка сложилась. На эту тему пишут очень мало и мутно, даже маститые швейцарцы. Обычно звучат одни и те же фразы, типа воздух очень важен и он должен быть активным элементом композиции, но никто не объясняет, что именно это значит. А я попробую объяснить.

Мы с Мишей Капанагой перезапустили мой очный курс, теперь он дистанционный. Уже можно записаться на сентябрь: igorshtang.ru/course/verstka Не забудьте прочитать открытую главу «Базовые настройки» — она большая, интересная и местами спорная, как и всё в дизайне. Ну, по крайней мере, я спорил с собой, с Мишей и еще с десятком дизайнеров, пока ее писал. Могу поспорить и с вами в комментариях 😅

Тут прям много всего открывается: 1. Кто бы мог подумать, что надписи на карандашах можно оформить так артистично: разными шрифтами, разными кеглями, в две строки, с логотипами и иконками. Да и вообще: одинаковые надписи всегда написаны по-разному! Швейцарский стиль? Нет, не слышали, у нас и так всё хорошо. 2. За таким щепетильным дизайном несложно разглядеть щепетильное отношение к продукту. У каждого карандаша свое название и назначение (часто, конечно, маркетинговое). Серебристый Test Scoring — для заполнения тестов (потому что хорошо распознается сканерами и хорошо стирается), а бежевый Songwriter, очевидно, для сочинения песен (потому что мягкий, круглый, золотистый и весь такой богемный) ↓ 3. Сам каталог сверстан так же аккуратно, как карандаши, и так же далек от швейцарского стиля. Никакой сетки: вертикальный и горизонтальный ритм задается только объемом и структурой материала. Слабый текстовый контраст. Центрованные заголовки и выключенные по ширине описания. Все страницы по ссылке и в комментариях.

На изучение каждой статьи можно заложить целый день, потому что материал внутри концентрированный: примеры, схемы, цитаты, сочетания клавиш и даже библиография. 👉 type.today/ru/journal?filter=manual

Кирилл Беляев собрал все виды пробелов в одну красивую табличку. Неважно, где вы верстаете — в Индизайне или в вебе — с пробелами лучше один раз разобраться, хотя бы для того, чтобы удивлять коллег словосочетанием волосяная шпация * 👉 kirillbelyaev.com/s/ru * hair space #рекомендация