Category: литература

Category was added automatically. Read all entries about "литература".

Можно ли ставить заголовок ровно посередине между абзацами

Сергей спрашивает:

Можно ли ставить заголовок на одинаковое расстояние от верхнего и нижнего текста? Как на этом сайте:




Отвечаю:

Collapse )

Книга «Карта процесса-опыта»

Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.

Идеей для иллюстрации на обложке послужила метафора из книги, которую я подметил, когда еще читал черновик:

Как хвоя на пути движущихся муравьёв постепенно принимает форму муравейника, так и выстраиваемый нами процесс-механизм обрабатывает «материал», из которого выстраивается целевая система.


Паттерн из «иголочек» сделал сам автор, а точнее, написал алгоритм, который его сделал:

IMG_5483.jpg


Муравьишка на задней сторонке как бы переходит из реального леса в абстракцию леса:

IMG_5474.jpg

Collapse )

Однородность списка — 2

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




Почему это хорошо? Теперь заголовки списка можно прочитать сверху вниз одним предложением, и предложение это получится согласованным.

Список до и после целиком:




Это я верстаю книгу Андрея Шапиро и немного помогаю советами по редактуре. Скоро расскажу подробней.

Симметрия и асимметрия на одном макете

Новый разбор из Телеграм-канала «Как это сверстано». Добавляйтесь: t.me/kaketosverstano



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

2. Текст следует за иллюстрацией. Правый флаг названия рифмуется с формой стола. Обтекание на задней сторонке не слишком буквальное: колонка не уходит под край столешницы, — такой поворот смотрелся бы неуверенно. Деталь, которую не сразу замечаешь: слово МЕБЕЛИ одной ширины с кисточкой.

3. Антикварный стол и антиквенные шрифты стали участниками модернистской композиции.

Издательство Symposium. Дизайн обложки Павла Лосева. 2013

Чихольд негодуэ

Дизайн-история из книги Jan Tschichold: A Life in Typography. Обожаю такое.

В 1959 году Чихольд выпустил брошюру, посвященную китайской и японской цветной печати. Лондонское издательство The Wynkyn de Worde Society получило разрешение на перевод и публикацию этой брошюры в Англии, но ничего не согласовало с автором.

Слева обложка оригинального издания, справа — переводного английского с комментарием Чихольда от руки:




Collapse )

«Большая переверстка» в декабре



Следующая «Большая переверстка» пройдет с 5 по 24 декабря.

На мастер-классе мы учимся двум базовым методам верстки. Я называю их версткой от текста и версткой от картинки.

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

От картинки значит от формы. За основу берем внешние качества: форму иллюстрации, количество букв в названии, графические рифмы и так далее. Например, у нас есть классная картинка для рекламного банера, и можно начать верстку с нее, а не с текста: найти ей самое удачное положение на листе. Текст и другие элементы добавятся после и будут подстраиваться под картинку: заполнять пустые места, повторять линии иллюстрации и ее цветовую схему. Другой пример: в названии книги два похожих слова — Чук и Гек. Или четыре буквы о в одном слове — Водоворот. На таких формальных совпадениях можно выстроить всю композицию обложки, особо не задумываясь о содержании. Как этот метод работает в жизни, смотрите здесь.

На «Большой переверстке» пробуем оба метода на практике. Присоединяйтесь: vk.com/pereverstka_online

Фрагмент вебинара — 36: рифмую текст с картинкой

Переверстываю рекламный банер и нахожу связь между текстом и иллюстрацией.

Следующая «Большая переверстка» пройдет с 3 по 22 октября. Места еще есть: vk.com/pereverstka_online

Ссылки — 50

Почитать
Слава Шестопалов о том, как писать и оформлять текстовые ссылки
Александра Королькова и «Паратайп» о техническом устройстве современных цифровых шрифтов

Посмотреть
Книги, оформленные студией ABCdesign
Документальный фильм «Еда по-советски»

В Телеграме
Это знак. Кирилл Беляев комментирует крутые логотипы
Канал Ивана Дианова. Генеративная графика и другие нереальные штуки, которые я даже не знаю, как назвать
Глазарий языка. Остроумные заметки «о русском языке и русском мире»

Библиотека Алвара Аалто в Выборге

Съездил в Выборг, посмотрел на библиотеку Алвара Аалто. Вся информация со слов экскурсовода, факты я не проверял. Снимал на телефон, сорри.

Здание построено в 1935, отреставрировано в 2013. Аалто сделал не одну библиотеку, но эта считается самой крутой:




Collapse )

Параллельный поток

Тим Харовер на каждую страницу словаря своей книги ставит газетную полосу, которая никак со словарем не связана. «To liven up this boring glossary, we’ve added a gallery of gorgeous, award-winning newspaper pages…»




То же самое делают и в титрах. Никто их не читает, а убрать нельзя. Ставят смешные дубли:




На «Дизайн-просмотре» кроме основного экрана есть еще два по бокам. Сначала мне показалось это странным, но организаторы объяснили: «Транслируем вопросы спикеру в твиттер, инстаграм, небольшие объявления, шуточки по теме. Это немного разбавляет атмосферу, добавляет фана. Тяжело же слушать 7 лекций подряд. Иногда выводим на второй экран что-то по запросу спикера».




Если у вас есть примеры такого, кидайте в комментарии.

См. также: Отвлеченное иллюстрирование