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

20 д.

Вот «Яндекс-музыка» тоже решила центрировать текст песни в «караоке-версии». Что думаете?

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

22 д.

Дизайнеры переживают, что ЭВМ отнимет у них работу. Америка, 1978 год. Время показало, что работы только прибавилось)

Из книги Аллена Хёрлберта «Сетка»

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

24 д.

Как вы считаете, хорошо ли изображена обида на этой обложке?

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

48 д.

Перенос гиперссылок

Недавно верстал гиперссылки в книге и понял, что при разделении адреса на строки не нужно ставить знак переноса, потому что перенос можно принять за дефис в самом адресе. То есть в первом случае перенос не нужен, потому что это одно слово splitting, а во втором нужен, потому что это два слова, соединенные дефисом: good-stories Жаль, что эта светлая мысль пришла ко мне в голову после того, как книгу сдали в печать) Да и слово splitting можно было не разрывать. Но для длинных монолитных адресов совет всё же актуальный. Например, если бы ссылка была без дефисов: …/patternsforsplittinguserstories #тонкости

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

76 д.

А вот интересный редизайн. Одна и та же книжка, но слева издание 1978 года, а справа — 1988.

Нет, мебельные вкусы не изменились так радикально за одно десятелитие. Я думаю, дело в том, что первая обложка изначально получилась несовременной и ее пришлось полностью переделать для второго издания. Напоминает массивный сталинский диван 1930-х годов с высокой спинкой — и это в разгар мидсенчури модерн. На правой обложке не только новый цвет и форма мебели, но более свежая типографика. Геометрический гротеск, тонкое начертание, прописные с отрицательным трекингом (зацените соединение ЕЛ). Автор получился настолько воздушным, что даже немного растворяется на белом фоне.

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

82 д.

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

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

116 д.

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

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

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

123 д.

Рабочие истории

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

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

186 д.

В этой группе в Телеграме я покупаю рыбу 😅

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

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

210 д.

Рубрика #кусочеккурса

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

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

222 д.

Курс «Таблицы и прочие радости» теперь и в формате мероприятия

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

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

223 д.

сегодня тот день, когда не про таблицы. мне тут сказали на днях:

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

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

259 д.

Собираю разные примеры для курса о воздухе, и вот попалось такое.

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

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

267 д.

igorshtang.ru/course/tables

⚫️ Короткая распродажа табличного курса. Cкидка на оба тарифа до 31 октября

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

Новости

274 д.

Подвели итоги конкурса на переверстку бланка, выбрали победителей.

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

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

292 д.

Легенда — это неудобно

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

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

Вакансии

299 д.

Конкурс

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

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

304 д.

И в этой же статье совершенно очаровательный пример центрированного текста.

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

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

343 д.