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

14 д.

Такую обложку невозможно не показать. Классная не только картинка, но и верстка, то есть расположение элементов:

1. «Техника атаки ногами» прям так намеренно ломает парню колено. 2. Кружок с единицей стоит рядом с местом удара, видимо, чтобы усилить ощущения. 3. Кулак бъет в букву Б. 4. Голова разбивает толстую линейку. Хороший пример того, как текст и дополнительная графика могут участвовать в создании композиции, а не просто стоять обособленно, «не видя» картинки. 1991 год

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

15 д.

Курс «Типографика и верстка» начинается ровно через неделю, 3 августа, это ласт колл: igorshtang.ru/course/verstka

Отзыв Марии Грибовой о курсе в феврале-марте: Во-первых, два преподавателя — это круто, особенно было интересно на созвонах, можно получить две точки зрения. Во-вторых, понравилось, как преподаватели работают с макетами: не навязывают какой-то свой вариант, а докручивают идею студента. В итоге на каждой неделе в группе получалось несколько макетов, все со своим уровнем сложности. В-третьих, преподаватели всегда помогали разобраться с технической реализацией той или иной идеи в фигме или индизайне, для меня это было очень ценно. Ну и в-четвертых, было весело! Преподаватели умеют давать обратную связь даже на плакат из девяностых без какого-то хейта, но с юмором и уважением к чужой идее. Я не дизайнер, но не почувствовала себя совсем уж неумехой. В-пятых, классный был поток! Чувствовалось, что участники — спецы с разным бэкграундом: кто-то занимается лендингами, кто-то верстает книги, кто-то классно работает с фотками.

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

24 д.

Несмотря на то, что таблица — преимущественно текстовый формат, в нее легко интегрировать картинки. Вот здесь разрез почвы встал как влитой.

А может, это вообще не таблица, в которую поместили картинку, а картинка, которая обросла таблицей? Смотря как посмотреть 🤔 О наглядности данных рассказываем в отдельной большой главе курса «Таблицы и прочие радости». Этапы осадконакопления, почвообразования и криолитогенеза по материалам Чекалинского разреза. Из книги «Природа и древний человек». Москва, издательство «Мысль», 1981

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

41 д.

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

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

43 д.

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

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

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

44 д.

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

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

69 д.

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

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

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

97 д.

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

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

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

103 д.

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

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

136 д.

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

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

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

144 д.

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

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

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

207 д.

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

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

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

231 д.

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

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

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

243 д.

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

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

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

244 д.

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

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

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

280 д.

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

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

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

287 д.

igorshtang.ru/course/tables

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

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

Новости

295 д.

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

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

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

313 д.