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

журнал

Обложки Bloomberg Businessweek

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

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

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

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

Коллаж:

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

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

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

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

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

, , , ,

Врезки в книгах

В тему текстовых выделений. Журнальные приемы привлечения внимания проникают в художественную литературу. Цитаты-врезки в теле художественной книги:

цитата-врезка

Чтобы узнать сюжет необязательно читать книгу по старинке — от начала до конца. Достаточно пробежаться взглядом по сноскам. Содержание книги: девичья патока.

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

, ,

Текстовые выделения

Редакторы развлекательных журналов и газет, выработали множество приемов как привлекать и удерживать внимание читателя к статьям. В то же время контентные проекты в сети — онлайн-журналы, новостные порталы, блоги в лучшем случае выглядят как однородная масса текста:
Веб типографика
Афиша Воздух, Лента Дом и Медуза
 

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

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

В вебе прижились самые простые в технической реализации форматы: заголовки разных уровней, лидер-абзацы, цитаты.
Заголовок, лид
Устоявшаяся конструкция: сверху тег рубрики, крупный заголовок, кратко о чем статья в лидер-абзаце, метаданные (авторы)
 

Цитата
Стандартный журнальный прием. Часть текста, как правило, спорного или провокационного характера, выносится из общего потока. В обзорах и аналитических статьях, выносятся выводы. Цитата выделяется размером и начертанием шрифта, цветом, положением на странице.
Цитата-врезка
Цитата-врезка в основную колонку текста привлекает внимание к близлежащему абзацу. Афиша-Еда
 

Цитата
Цитата растянутая на две колонки текста, относится ко всей статье, а не к конкретному абзацу. Вокруг света
 

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

Маргиналии
Боковые сноски с основной полосы. Боковая колонка, как правило, в разы уже основной, потому что размещается на полях. Размер шрифта меньше. Уместно использовать для примечаний, иллюстраций описанного в тексте, инструкций. Главный принцип — контекстность, то есть они должны соотносится по смыслу с прилегающим абзацем текста.
Маргиналии
В тексте что-то упоминается про кардамон, в маргиналии фото кардамона и рассказ о нем. Рассказ о кардамоне напрямую со статьей не связан, но привлекает внимание читателя, дает повод перейти к чтению основной полосы текста. Афиша-Еда
 

Маргиналии
Инструкция в маргиналиях помогает заполнить квитанцию подписки. Вокруг света
 

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

Врезка
«Бумажный» вариант врезки. Афиша
 

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

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

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

В вебе журнальные приемы получают развитие благодаря интерактивности — элементы реагируют на поведение читателя. Например, на прокручивание страницы. В статье о путешествии по Аляске к верхнему краю браузера прилипает карта. При прокручивании страницы на карте отрисовывается маршрут путешественников:
Параллельное изложение
Espn.go.com
 

На мой взгляд, более удачное использование приема — карта полностью вмещает весь маршрут и благодаря размещению в боковой колонке, не перекрывает текст статьи. Населенные пункты кликабельны и ведут на соответствующий абзац текста:
Параллельное изложение
The New York Times
 

Факт
В Бюро Горбунова их называют фактоидами. На мой взгляд, это неверно. Термин фактоид известен как «газетная утка», лживое утверждение. Поэтому можно назвать просто фактом. Устоявшаяся конструкция — цифра набранная крупным размером шрифта и текстовое пояснение размером меньше.
факт
Заметная оранжевая плашка с фактом. Легко разместить — вписывается к краю иллюстрации, заголовка, модуля или страницы. Афиша-Еда
 

факт график
Может быть графиком. Русский репортер
 

Эсквайер, цифра дня
Esquire из фактов сделал самостоятельную рубрику на сайте
 

Факт
Необязательно цифра. Первое, второе, третье
 

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

Многоколонник
Использование двух колонок для сравнения. Прием подталкивает изучить одну колонку текста и сопоставить с другой: «При Папе Римском, значит, было так, а как при Сталине?». Вокруг света
 

Многоколонник
Три метода трехмерной печати в трех колонках. National Geographic
 

Внутритекстовые выделения
Встречаются текстовые и графические выделения внутри текста.

Книжная традиция отбивать новый подраздел текста, стилем шрифта (курсивом, капителью) или буквицей выполняет функцию членения. Прием невольно становится выделением:
Выделение абзаца капителью
Esquire выделяет капителью новый абзац. Фрагмент выделенного текста — самый видимый на странице. Обидно, что фрагмент выделения никакого самостоятельного смысла не несет
 

Внутритекстовое выделение цветом подложки
Выделение цветом подложки. Getwear
 

Графические выделения внутри текста помогают соотносить текстовый и иллюстративный материал. Побочный эффект — выделение становится визуальным якорем, привлекающим внимание. Прием использует в своих книгах Эдварт Тафти:
Графическое выделение
Знак × внутри текста и на картинке мгновенно соотносится, избавляет от необходимости подписи к иллюстрации. Beautiful Evidence
 

Использование иллюстраций и графиков в качестве членов предложения расширяет возможности текста, увеличивает его «пропускную способность».
Графическое выделение
Бессмысленно описывать изображение «STOP» — лучше его показать. Beautiful Evidence
 

Графическое выделение
Искрографики в тексте. Beautiful Evidence
 

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

Урлайт
Советский самиздатовский журнал «Урлайт»
 

Мильчин
Многоступенчатая система заголовков и выделения помогают легче находить нужное. «Справочник издателя и автора» Аркадия Мильчина и Людмилы Чельцовой
 

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

, , , , ,