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

1. Я его пишу. По 20-30 минут в день, зато каждый день. С утреца после кофе — именно в это время на меня снисходит вдохновение. А иногда еще вечерком. 2. Структура получилась практически безупречная. Потому что простая — это видно даже по названиям. Всего 6 глав, все построены однотипно. 3. Пишу в гугл-доке и ничего пока не верстаю и не оформляю, потому что я не умею думать о содержании и форме одновременно. Сначала мне нужно полностью сконцентрироваться на содержании, а потом абстрагироваться от него и начать думать о форме. #курсовоздухе

Перечитывал книгу «Редактируем дизайном» Яна Уайта и нашел хорошую мысль о центральной выключке. Тут есть о чем поспорить и примеры утрированные, но мысль автора оказалась близка к моей (в следующем посте). Уайт пишет: Напечатанные слова — не мертвая материя, их нельзя укладывать, как кирпичи. Слова — текучие символы, за которыми взгляд следует поперек страницы, слева направо или с запада на восток. Симметричное расположение текста навязывает ему форму безотносительно к смыслу и синтаксису. Ось симметрии, вокруг которой вращается текст, — чисто эстетическое средство, стоящее в назначенной ему позиции (по центру) исключительно для красоты. Такое расположение часто противоречит смыслу слов. Что еще хуже — такая форма текста затрудняет его быстрое понимание. Прочтите пример вслух с паузами между строчками, и увидите, как это влияет на смысл. Идеальное место для симметрии — надгробная плита. Располагает к торжественности и спокойному раздумью. Текст никоим образом не предназначен для быстрого чтения и мгновенного понимания.

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

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

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

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

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

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

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

Верстаю вторую книжку Андрея Шапиро, называется «Рабочие истории». О макете: 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