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

Собирайте коллег, уговаривайте начальство и приходите на табличный курс большой компанией. Это веселее и эффективнее, чем учиться поодиночке. Вариант «В вашем офисе» суперзаряженный. За два дня мы сделаем 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 #рекомендация

Чтобы уменьшить наши страдания, Игорь Батов сделал сервис «Переносы для гурманов». Там есть бесплатный онлайн-справочник (на картинке), а также платные плагины для Индизайна и паттерны в формате TeX и Hunspell. 👉 batov.ru/hyph/start.asp Получилось как-то похоже на рекламу, но нет, это честная #рекомендация

Будем рады вашим комментариям, а особенно — примерам и кейсам на заданную тему.

ЖЖ: nobelfaik.livejournal.com/276580.html Медиум: nobelfaik.medium.com/dee1749df96e

— Все задания проверяю лично я, без помощничков. Это значит, что вы пришли именно на мой мастер-класс. — Разбираю макеты каждого участника, а не только те, которые мне удобно. Это значит, что каждый получит персональную обратную связь. — Некоторые макеты не только комментирую, но и переверстываю в прямом эфире на вебинарах. Это лучше один раз увидеть. — Задания можно дорабатывать и повторно отправлять на проверку — столько раз, на сколько у вас хватит терпения. Это самое важное в обучении. Ошибку нужно не только понять, но и исправить — именно так происходит переход на новый уровень. — Если что-то не успели, после мастер-класса предусмотрено дополнительное время, чтобы всё осознать, спросить и доделать. Это для тех, чей ритм не совпадет с ритмом программы. Для меня все эти вещи очевидные и обязательные, но, оказывается, на других курсах бывает не так. Где-то вообще не проверяют практику. Где-то проверяют в формате «зачет-незачет» или «вот вам список часто допускаемых ошибок, разбирайтесь сами». Где-то дебильные дедлайны, которые нельзя нарушать, иначе останешься не у дел. Недавно даже получил подтверждающий отзыв: Такое количество возможностей доделать и сдать задания и при этом получить обратную связь я ни на одном курсе не встречала. Присоединяйтесь: vk.com/pereverstka_online