?

Log in

No account? Create an account

nobelfaik


Блог Игоря Штанга

light gray is the new white, dark gray is the new black


Категория: искусство

Швейцарские плакаты по-русски
nobelfaik
Недавно я опубликовал заметку под названием «Кириллица и латиница». Главная мысль такая: Несовершенство кириллического алфавита не мешает хорошим дизайнерам делать хороший дизайн. Проблема плохой верстки обычно не в шрифте, а в умении им пользоваться.

Чтобы это проверить, мы с ребятами устроили эксперимент и русифицировали восемь плакатов швейцарской школы. К каждой переверстке я написал небольшой комментарий: что получилось хорошо, а что не очень.

1

После перевода плакат стал немного проще (в плохом смысле слова). Потерялась важная рифма: в оригинале из заголовка торчала буква l (эль), из коровы — рог. В русской версии мы не смогли это сохранить.

Кроме того:
— Заголовок «олма» пришлось уменьшить в кегле, потому что он налезал на иллюстрацию.
— Фраза «билет в два конца» стала длиннее и ушла под обрез. Был вариант «туда и обратно», но это менее точный перевод.


Йозеф Мюллер-Брокманн, 1959. Переверстал Андрей Паршин

Читать дальше...Свернуть )

Грациозная деградация текста
nobelfaik
Чтобы набрать подпись или сноску, недостаточно просто уменьшить размер основного шрифта. Ради удобства чтения нужно сделать еще несколько шагов.

В некоторых шрифтах для подписей есть специальное начертание. Обычно оно так и называется, caption.






Когда специального начертания нет (почти всегда), выбирайте следующее по насыщенности. Если основной текст набран начертанием regular, то для мелкого подойдет medium или даже semibold.






Далее увеличиваем разрядку (трекинг), но так, чтобы это не бросалось в глаза.






Многострочному тексту нужен еще и свободный интерлиньяж.






Есть шрифты, которые, как ни крути, всё равно трудно читать в мелком кегле. Так часто бывает с антиквами. В этом случае для подписей стоит взять другую гарнитуру, например, простой по рисунку гротеск.






Эти приемы пригодятся не только для мелкого текста, но и вообще для любого текста, который читают в некомфортных условиях: под сильным наклоном, в полутьме или на пестром фоне.

Текст как вода
nobelfaik
Большинство проблем верстки связаны с текучестью материала. У текста нет формы. Чтобы она появилась, его нужно залить в какую-то емкость. Рисование емкостей — сложная наука, но даже если вы ее освоите, проблемы на этом не закончатся. Самая прекрасная емкость никогда не подойдет тексту идеально: он либо не дольется до края, либо перельется через край. И так каждый раз, в каждом блоке, на каждой странице.

Текст часто сравнивают с тканью, но опыт показывает, что ему больше подошло бы сравнение с водой.

Музей истории Пицунды, Абхазия
nobelfaik
В Абхазии попал в Музей истории города Пицунды. Экспонаты в нем неинтересные, какие-то камушки и стеклышки, зато интересно оформлен интерьер. Роспись стен стилизована под древнегреческую краснофигурную вазопись. Черный фон, оттенки охры и тонкие линии:




Читать дальше...Свернуть )


Алгоритм верстки
nobelfaik
Превращая текст в макет, придерживайтесь такой последовательности:


Содержание → Структура → Конструкция → Стиль


О каждом этапе по порядку:

Содержание

Прежде чем приниматься за верстку, прочитайте текст и определитесь с задачей. Чтобы не сбиться с пути и избежать неуместных решений, о содержании нужно помнить на всех последующих этапах.

Структура

Структура — это мост от содержания к форме. Один и тот же материал можно структурировать по-разному: часто дизайнер сам решает, на какие части разделить текст и как расставить акценты.

Конструкция

Конструкция — это визуальное представление структуры и скелет будущего макета. (Я специально не употребляю слово «композиция», потому что его значение шире.) Если структура невнятная, то и конструкция будет такой же. Одну и ту же структуру можно отобразить с помощью разных конструкций. Простой пример: список (набор однородных и равнозначных элементов) заверстывают:
— в одну строку (все пункты друг за другом);
— вертикально (каждый пункт с новой строки);
— по сетке (каждый пункт в отдельном модуле);
— беспорядочно разбрасывают по странице.

Стиль

Стиль — это настроение и «вкус» макета. Источник стиля следует искать как в содержании, так и далеко за его пределами: книга про Гутенберга необязательно должна быть похожа на 42-строчную Библию. Абсолютно любой элемент — от пропорций формата до межбуквенного расстояния — является стилеобразующим, однако в неравной степени. К одной и той же конструкции применимы разные стили.

Перепрыгивать через этапы опасно, как и менять их местами. Если начать со стиля, есть вероятность погрязнуть в оформительстве. Если пропустить структуру и перейти от содержания сразу к конструкции, то последняя, скорее всего, окажется неподходящей для материала. И так далее.

Несколько примеров из рубрики «Переверстка».
Читать дальше...Свернуть )

Сайт для Алексея Каптерева
nobelfaik
Сделал сайт для Алексея Каптерева: kapterev.com. Главная страница английской версии:

Сайт Алексея Каптерева

На курсе я рассказываю про классику и модернизм в типографике, и меня часто спрашивают, можно ли смешивать эти стили в одном макете. Ответ: можно. Я бы даже сказал, что сейчас сложно не смешивать приемы из разных стилей. На дворе постмодернизм всё-таки.

Читать дальше…Свернуть )

Переверстка №1. Расписание екатеринбургского театра «Театрон»
nobelfaik
Аркадий пишет: Печатная афиша формата А3. Укажи на зоны роста, пожалуйста.




Читать дальшеСвернуть )

О разрядке прописных
nobelfaik
Начнем с того, почему прописные нужно разрежать. Наберем слово без разрядки:
Разрядка прописных. Антиква


Общий тон надписи получился неоднородным, потому что белое пространство между буквами везде разное. Б и Е образуют темный участок, вокруг О, Ф и А свободно:
Разрядка прописных. Антиква


Неодинаково и белое внутри букв:
Разрядка прописных. Антиква


Чтобы нейтрализовать эту разницу, отодвинем буквы друг от друга. Антиквенный шрифт можно разрежать сколь угодно сильно, но до тех пор, пока слово не начнет распадаться:
Разрядка прописных. Антиква


Заменим антикву на гуманистический гротеск, близкий по насыщенности и форме знаков. Расстояние между буквами осталось прежним, но исчезли засечки:
Разрядка прописных. Гуманистический гротеск


Поэтому надпись хочется немного поджать:
Разрядка прописных. Гуманистический гротеск


Пойдем дальше и заменим гуманистический гротеск на старый и выберем жирное начертание. За счет увеличения насыщенности внутрибуквенные просветы стали меньше. Белое между буквами кажется слишком большим (по сравнению с белым внутри букв):
Разрядка прописных. Жирный гротеск


Подожмем еще:
Разрядка прописных. Жирный гротеск


Заменим нормальное начертание на узкое:
Разрядка прописных. Жирный узкий гротеск


Просветы внутри букв стали еще меньше, соответственно уменьшаем и разрядку:
Разрядка прописных. Жирный узкий гротеск


В сравнении:
Разрядка прописных. Антиква и жирный узкий гротеск


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

При этом никто не запрещает разредить жирный узкий гротеск так же сильно, как антикву. Разница в том, что антиква при большой разрядке смотрится цельно, а жирный узкий гротеск распадается на отдельные буквы. Прищурьтесь:
Разрядка прописных. Антиква и жирный узкий гротеск

По теме: Женя Арутюнов о том, когда можно отказаться от разрядки прописных

Типографика первопечатных книг
nobelfaik
В группе History of the Book на фликре собирают фотографии книг 15–17 веков. Основной акцент на микротипографике и буквицах.
Вот несколько интересных находок.

Здесь мы наблюдаем рождение буквы W из лигатуры VV. На первой картинки две V просто стоят рядом, а на второй процесс слияния уже пошел.
Рождение буквы W

Рождение буквы W

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

Место для инициала

Построение антиквы и готического шрифта Альбрехта Дюрера. В основе антиквы у художника лежит круг, в основе готического шрифта — квадрат. Весь альбом: http://www.flickr.com/photos/bookhistorian/sets/72157623165459780/with/4256619362/
Построение антиквы, Альбрехт Дюрер

Построение антиквы, Альбрехт Дюрер

Построение готического шрифта, Альбрехт Дюрер

Построение готического шрифта, Альбрехт Дюрер

Старбакс.
Старбакс

Другие иллюстрации, инициалы, маргиналии, хедера, греческий шрифт, надстрочник и концовки…Свернуть )