Павел Моисеенко

типографика

Пиктограммы в тексте II

Любимейший графический прием.

Список сплошным текстом с вкраплением фотографий:
Снимок экрана 2017-06-25 в 21.46.17
https://www.nytimes.com/

Микрокаталог товаров:


http://wekflatm.kr/?ckattempt=2

Когда пиктограммы внутри текста не просто встают в строку, а перекрывают соседние — выглядит в миллион раз лучше:
5822f7961c09bf5a5db6d38ce87e4b26

Стикеры:
tumblr_oet7jo16me1qkm8e2o1_1280
http://pastafrola.tumblr.com/

Крепкий афишный стиль:


https://fontsinuse.com/

Текст обтекает пиктограммы, а не наоборот:
10471.jpg
http://www.ad518.com/

Пиктограммы полностью вытеснили текст. Письмо Чарльза Имза дочери из Москвы:
moscow-rebus-eames-copy_2
http://www.kvadratinterwoven.com/from-russia-with-love

Первая часть пиктограмм в тексте

1 комментарий

, , ,

Обложки Bloomberg Businessweek

Игры со стандартными форматами верстки — заголовками, тизерами, логотипом:

Интерфейс проникает в оффлайн:

Больше трэша:

Чистая типографика:

Коллаж:

Мусорная эстетика объявлений и дешевых журнальчиков:

Ну и просто прекрасные:

Больше прекрасного:

Авторитетный деловой журнал, на минуточку.

Нет комментариев

, , , ,

Нет комментариев

, ,

«Типографика в терминах и образах» Владимира Кричевского (2000)

Забавно вышло с этой книгой. Я купил ее в интернет-магазине несколько лет назад, когда еще жил в Иркутске. При переезде в Тулу привез с собой. Когда уже принялся за чтение, выяснилось, что поселился в пяти минутах ходьбы от типографии где она напечатана.

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

Я профессионально вырос на русском вебе нулевых: студия Лебедева, затем Бюро, поздний Чихольд, Брингхерст, Тафти. Все это классическая книжная типографика. Широкие поля, много воздуха, маргиналии и тому подобное. Кричевский со скепсисом относится к классическим правилам хорошего тона. Его критика — глоток свежего воздуха и здравомыслия среди догматичного следования канону.

О висячей строке

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

img_2306
На правой полосе — «вызывающе» висячая строка. Никакой катастрофы, как видим, не случилось, хотя эта мелкая деталь привлекает внимание (типографа) сильней, чем даже по-модернистски эксцентричная раскладка полей

О воздухе

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

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

img_2290
Классический канон не позволит заверстать текст в плашке прижатый к нижнему краю

img_2295
Не позволит сделать обрамление из текста

img_2291
За такое сразу по рукам!

Об удобочитаемости:

Размещение гарнитур в порядке снижения удобочитаемости отражает всего лишь картину их распространения в печати: первое место в конце 30-х годов прошлого века заняла Литературная, предпоследнее — Табличная. Удобочитаемость сомкнулась с употребляемостью, при том что последняя отразила не столько реальные достоинства гарнитур, сколько их доступность и укомплектованность.

Золотые слова:

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

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

Не удобочитаемостью единой жив читатель.

Нет комментариев

, , , ,

Дорожные знаки Варшавы

В Польше симпатичные пиктограммы дорожных знаков.
IMG_7318

Красота!
IMG_7209

Кубические дети.
IMG_7270

Переход.
IMG_7477

Поляки совершенно не стесняются написать портянку текста.
IMG_7303

Трамвай.
IMG_7510

Мотоциклист.
IMG_7104

IMG_7267

Эвакуатор.
IMG_7180

В тоннеле не взрываться.
IMG_7370

Грузовик.
IMG_7546

Специально для знаков в 1975 году был разработан шрифт Drogowskaz.
Drogowskaz_sample@2x
Статья о шрифте в Википедии

Нет комментариев

, , , , ,

1 комментарий

, , , ,

Комик-санс — прекрасный шрифт

Есть такое распространенное поверие, мол, Комик-санс — безапелляционный отстой и использовать его нельзя. Это глупый предрассудок, ведь крепкая верстка важнее выбора шрифта:

Аккуратность важнее:
IMG_4313

Уместность важнее:
IMG_8317

Умеренность важнее:
IMG_3726

А с Комик-сансом все в порядке.

Нет комментариев

,

«Каллиграфия для всех» Леонида Проненко (2011)

Симпатичная книга. Подначивает заняться упражнениями в каллиграфии.

Автор вкратце рассказывает историю каллиграфии и какие течения существовали в разных странах. Обстоятельно описывает инструменты каллиграфа. Какие бывают перья и кисти, как за ними ухаживать, какой дают результат. Какие бывают чернила и как их использовать. Много примеров каллиграфии в самых разных стилях.

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

В латинском мире XII века распространяется готическое письмо (от ит. gotico — готский). Вероятно, возникло на севере Франции приблизительно в середине XI века, то есть за сто лет до появления соответствующего стиля в архитектуре.

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

Всплеск каллиграфии случился из-за клерков:

В Англии начиная с последней четверти XVII века и до середины XVIII столетия вышло примерно полсотни альбомов и книг, посвящённых каллиграфии. Причина — растущее значение английских торговых предприятий и повышенный спрос на клерков, умевших вести канцелярию.

IMG_2422
Искусство клерков. По мне, пошлятина сродни дембельским альбомам

Я неоднократно встречал пафосные высказывания типографах о своей профессии. Вот и здесь автор приводит цитату Германа Цапфа:

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

Прямо божий одуванчик.

Прекрасная древнеримская традиция:

Современные чернила текучи, не засоряют перо, но слабо водоустойчивы. Это исключает правку текста белилами. Работать нужно наверняка. В античности дело было иначе. Если писец ошибся — не беда: мокрой губкой буквы легко смывались с папируса. Иногда это делали и более экстравагантным способом: в Древнем Риме бездарных поэтов заставляли слизывать свои стихи языком.

Органичное применение каллиграфии в рукописных книгах:
IMG_2436

Вот этот стиль мне по душе. Брутально, без излишеств:
IMG_2430

6 комментариев

, , ,

Модульная верстка: текст поверх фотографий

Формат «картинка + текст поверх» за несколько лет стал базовым в дизайне СМИ. Формат автоматизирован — текст и картинки автоматически подтягиваются из базы, а поверх картинки кладется полупрозрачный черный слой.

Градиенты и затемнения — это всегда компромисс между сохранением качества картинки и читаемости текста. Картинки запороты, а текст на грани читаемости. Ничего хорошего:
BB837501-006E-418A-BB12-D26E3ED74FBE
Арзамас

Батарея одинаковых серых модулей заполонила интернет:
battery
Медуза до редизайна, Ирк.ру, Охмаймастер

Формат плохо подходит для иллюстраций с контрастными мелкими деталями:
5EB31C79-F824-4083-9617-5AACF7541A36
Афиша-город

Самые сильные градиенты не спасают:
CBAC4535-E211-4440-9089-DC37DE4547ED
Афиша-воздух

Часто в модуле выводятся данные о просмотрах и комментариях. Метаданные — это мусор:
627AA36D-9187-484A-B2FA-7678D6D09AF9
Иконка видео громоздится на заголовок, просмотры и комментарии влезают на описание. Охмаймастер

Формат не нов:
E65ECD6D-42AA-4944-BC0C-DC67D6E4A4EF
Чтобы название газеты и информация о выпуске читалась участок под фото высветлили. The Oregonian, выпуск 15 августа 1945

Редактор не контролирует результат: тексты и фотографии лягут друг на друга как получится. Всю суть отражает картинка из интернета:
3FD852A9-6553-4113-8605-5EEF5112FB3F

В хорошем модуле иллюстрации и текст согласованы друг с другом. Чтобы добиться согласованности есть три пути.

1. Не растягивать иллюстрацию на весь модуль. Иллюстрация займет часть модуля. Выравнивание иллюстрации относительно текста — это отдельная большая тема. По такому пути обычно оформляют книжные обложки.
lam_moduli
Обтравленные иллюстрации на нейтральном фоне выглядят опрятно. Лук эт ми и Виллэдж

2. Поставить текст на иллюстрацию в том месте, где он хорошо читается. По такому пути обычно оформляют обложки музыкальных пластинок.
wonderzine_moduli
Лук эт ми и Вондерзин

Оба пути предполагают ручную работу. Редактор с умом должен подобрать иллюстрации. Не каждая иллюстрация подойдет — это дополнительно усложняет работу.

3. Отделить текст от картинки. Это бронебойная защита. Текст читается прекрасно, картинку видно целиком, выглядит олдскульно:
5B906850-75D6-49D3-A8AB-E3B01895DB04

1 комментарий

, ,

«Русская футуристическая книга» Евгения Ковтуна (2014)

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

Футуристы с презрением относились к классическому искусству. И к традиционной книге, как таковой, так же. Вместо обычной типографской бумаги, переплетов и шрифтов они печатали книги на обоях, газетах и дешевой бумаге. Текст писали от руки или набирали множеством вычурных шрифтов, как на афишах. Иллюстрировали дикими рисунками, какие оставляют на заборах. Эти книжки тиражом 200–300 экземпляров сейчас большая редкость.

Нет сомнения, что в намерения авторов литографированных сборников входили сознательный эпатаж читателя, издевка над привычными вкусами, разрушение эстетических шаблонов и стереотипов восприятия. Серая дешевая бумага, картонные обложки, небрежность брошюровки были вызовом эстетским пристрастиям круга «Мира искусства». Возникла своего рода «антикнига» в сравнении с роскошными изданиями «Мира искусства» или «Аполлона». Крученных писал: «Издания „Грифа“, „Скорпиона“, „Мусагета“… большие белые листы… серая печать… так и хочется завернут селедочку… И течет в этих книгах холодная кровь».

Первой книжкой футуристов считается «Садок судей». Ее особенность — вместо типографской бумаги напечатана на оборотной стороне обоев (лицевая сторона с рисунком текстом не запечатана):

Садок судей
Садок судей. 1910. Здесь поэты за 8 лет до языковой реформы отказались от Ъ в конце слова и Ѣ. В остальном верстка еще традиционна. Садок — это что-то вроде сачка для рыбы. Рыбу кладут в сачок, чтобы она не могла уплыть и опускают в воду. Получается сачок для судей. Даже название провокационное — подстегивает обругать футуристов или, наоборот, принять их сторону. Источник фото
 

Давид Бурлюк так расшифровал «протестантскую» символику этой особенности сборника: «…всю жизнь вашу пройдем огнем и мечом литературы: под обоями у вас клопы да тараканы водились, пусть живут теперь на них молодые, юные, бодрые стихи наши».

Еще одна книжка, напечатанная на обоях:


Танго с коровами: железобетонные поэмы. Василий Каменский, 1914. Верстка стала более изощренной. Отдельные слова в стихе набраны разными шрифтами и кеглями. Футуристы считали что от формы слова зависит его выразительность. Продается, между прочим. За 800 000 ₽. Источник фото
 

Почитайте манифест Хлебникова и Крученых. Многое встанет на свои места:

Чтоб писалось туго и читалось туго неудобнее смазных сапог или грузовика в гостиной (множество узлов, связок и петель и заплат, занозистая поверхность, сильно шероховатая. В поэзии Д. Бурлюк, В. Маяковский, Н. Бурлюк и Б. Лившиц, в живописи Бурлюк, К. Малевич).
У писателей до нас инструментовка была совсем иная, например:
По небу полуночи ангел летел
И тихую песню он пел…

Здесь окраску дает бескровное пе… пе… Как картины, писанные киселем и молоком, нас не удовлетворяют и стихи, построенные на
па-па-па
пи-пи-пи
ти-ти-ти
и т. п.

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

Крученых взорвал
Взорвал. Алексей Крученых, 1913. Обложка и страница выходных данных. Источник фото
 

О том почему тексты писались от руки

Типографский набор лишал поэтическое слово графической индивидуальности, дополнительной образности. Выясняя природу добавочной выразительности книги-автографа, Хлебников подчеркивал два положения: «1. Что настроение изменяет почерк во время написания. 2. Что почерк, своеобразно измененный настроением, передает это настроение читателю независимо от слов». Поэтому, приходит к выводу Хлебников, автор должен сам писать книгу или «вручить свое детище не наборщику, а художнику». Он даже призывал основать новую профессию — художников почерка.

 
Тэ ли лэ
Тэ ли лэ. Алексей Крученых и Велемир Хлебников, 1914. Тираж 50 экз. Здесь написано легендарное «Дур бул щыл». Источник фото
 

Об эстетике лубка

Ларионову несколько раз приходилось отбывать лагерные сборы, и военная служба оставила глубокий след в его творчестве. И. М. Зданевич писал: «Там он знакомится с новым бытом и его восторгают достоинства казарменной солдатской живописи, на которую до него никто не обращал внимания. Их примитивная роспись стен, кавалерийские значки, что пишутся солдатами на жести с изображением людей и лошадей и вывешиваются, означая местопребывание известной части полка, явились новыми побудителями». Не прошел Ларионов и мимо солдатских рисунков лошадей, женщин, которые появлялись на стенах казарм, часто сопровождаемые рискованными надписями. Его литография «Маркитанка Соня» из цикла открытых писем, изданного Крученых, явно навеяна такими «заборными» рисунками. Никому из художников даже в голову не приходило искать здесь вдохновения.

Учитесь худоги
Учитесь худоги. Алексей Крученых, 1917. Источник фото
 

Четверо из мансарды
Четверо из мансарды. 1920. Полностью штифтовая обложка. Внутри рукописный текст и иллюстрации. Источник фото
 

У футуристов много общего с панками. Близкие ценности: эпатаж, молодость, эстетика примитива, презрение к старому. Чтобы убедиться достаточно просто сравнить обложки книжек и альбомов. И, кажется, совсем естественным, что отвязные тюменские ребята в 80-е перепивают на свой лад стихи футуриста Крученных:

Сама книжка небольшая — на два вечера чтения. Информации тоже мало, зато много фотографий книг. Сверстана безобразно. Текст, иллюстрации и информационные врезки хаотично раскиданы без привязки к смыслу. Дизайнеру стоило всего-то прочитать сверстанное чтобы понять это. В общем, книга могла бы быть и получше, но тема интересная.

Нет комментариев

, , , , , , , ,