4 заметки с тегом

Конспекты

Конспект конференции Медузы «Шторм. Где деньги?»

Составил конспект выступлений третьей конференции Медузы «Шторм. Где деньги?», которая прошла 1 июня 2018 года в культурном центре «ЗИЛ».

Следите за обновлениями блога во Вконтакте, ФБ или Телеграме. Подписывайтесь там, где удобнее.

Издатель Медузы Илья Красильщик рассказал, что такими конференциями они хотят: 1) поменять рынок медиа в стране, 2) больше встречаться с изданиями, что сложно, находясь в Риге; 3) зарабатывать деньги; 4) рекламироваться; 5) развиваться.

В первую очередь они проводят конференции для себя и зовут на них тех, кого им самим интересно послушать. Он не уверен, полезно ли это зрителям, но видит ценность для Медузы:

  1. После первой конференции они увидели рост количества запросов на нативную рекламу. Рынок начал разбираться в понятии, возросло количество заказчиков.
  2. После выступления о подкастах запустили 5 своих передач. Разобравшись в виральности видео, начали пилить свои видосики.
  3. На прошлой конференции Михаил Калашников из sports.ru рассказал, какие плохие пуши делает Медуза. Теперь Михаил не работает в издании, а Медуза продолжает делать всё то же самое.

Юрий Дудь

Ютуб — это телек времён полной независимости: сейчас в нём можно делать очень крутые вещи и зарабатывать деньги. Для последнего у канала Дудя есть три пути: медийка, интеграции и офлайн.

Медийная реклама

Это рекламные вставки, которые прерывают видео. Многие думают, что они приносит бабки. На самом деле, ролик с миллионом просмотров может заработать на медийке всего от 200 до 700 $.

Правило команды Дудя: в первые сутки ставить только один рекламный преролл. Через 24 часа они добавляют 3-4 отметки внутрь видео. Они считают, что не стоит ставить больше 1 рекламной точки на 5 минут.

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

Цена просмотра в США или Европе значительно выше, чем в России. Миллион просмотров в США может принести в 8-10 раз больше. У Дудя были ролики, которые имели мощный резонанс зарубежом, на них реклама принесла больше, чем обычно.

Рекламные интеграции

Блогеры-миллионники хотят от 150 000 до 2 000 000 ₽ за рекламную интеграцию. Это зависит от количества просмотров, аудитории и её вовлечённости.

За время работы с рекламодателями команда сформировала набор правил:

  1. Не жадничать. Юрий понимает, что в длинном контенте, который удерживает внимание может быть больше одной интеграции. И в плане бабок увеличивать количество — самое правильное решение. Но они не хотят, чтобы это происходило: это не нравится аудитории. Поэтому на канале возможно только одна единственная интеграция. Им важно, чтобы рекламная история была о фактуре и сути, а не о деньгах. Другие рекламодатели могут вводится нативно (на чехол мобильного). Все слоты выкуплены до середины осени.
  2. Рекламировать то, чем пользуешься. Когда вышел ролик с рекламой презервативов, зрители писали в комментариях: «Дудь уже не тот. Скатился!». Но они были уверены в продукте, потому что сами им пользуются. За последние полгода они всего пару раз рекламировали вещи, которыми не юзают. Но для этого у бренда должна быть реально хорошая репутация. Перед тем, как стать амбассадором Хёнде Юрий полтора месяца тестировал автомобиль. Он считает, что не по-пацански врать о продукте.
  3. Давать зрителям новые знания. Чтобы сделать качественную интеграцию, которую не хочется проматать есть три пути: музыкальный клип, юмор или новые знания. С первыми двумя пунктами сложно, они идут по третьей стратегии и запихивают в каждую интеграцию что-то новое.
  4. Не раскрывать рекламодателям гостей. Это правило появилось стихийной, но потом они поняли, что для них это максимально органически. На телеке, чтобы люди посмотрели программу с крутым гостем, нужно пару дней об этом рассказывали. А на Ютубе зрители с нетерпением ждут вторника, чтобы посмотреть ролик с Парфёновым или Фейсом. И только уведомление может сообщить заветное имя. Один крупный рекламодатель был послан после того как выбрал из списка 10 гостей только двух. Соответственно контент влияет на рекламу исключительно в формате соседства.
  5. Только безнал. В Ютубе по-прежему огромное количество людей, с которыми приодится расплачиваться кешем. Юрий хочет научить молодых блогеров заводить ИП. Это просто и страхует от всех рисков.
  6. Адекватность клиента. Юрий может позволить себе капризничать и выбирать клиентов. Это роскошь — общаться с людьми, которые делают тебя сильнее. Но клиенты бывают категорически неадекватными. Даже если обещают фантастические деньги, не стоит начинать проект с тяжеловесными людьми, которые не будут быстро принимать решения и ведут себя как мещане. На тех, кто готов помогать и поддерживать нужно реагировать быстрее.

Офлайн

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

Ещё 5 инсайтов

Почему Дудь продолжает работать на sports.ru. Он считает, что это лучшее медиа в России — остров настоящей демократии, на котором работают лучшие люди и никто ни на кого не орёт. Ютуб — это временная история. Люди, которые получили там известность, думают, что это навсегда. Но звёзды прошлого поколения сейчас уже полностью не востребованы. Юрий убеждён, что людям нужны новые лица в видео.

В письменном контенте нет такой сильной зависимости от моды. Всегда должен быть кто-то, кто его делает и менеджерит. Этот контент не устаревает и всегда будет основным. Например, интервью с Ириной Родниной можно перечитать и через 10 лет, чтобы понять, о чём люди думали в 2018 году.

Главный редактор должен быть ментально акционером компании. Его должны парить расходы и доходы, а не только контент.

На Ютуб выходить пока не поздно. Здесь ничего даже не начиналось. Только сейчас пойдут настоящие деньги за интеграции. Парфёнов доказал, что ещё не поздно с точки зрения контента.

Не делайте «дорого и богато». Дорогие шоу не заходят, потому что на Ютубе люди воспринимают тебя как кореша. Они чувствуют связь, если контент «сделан на коленке». Эффект самодеятельности хорошо воспринимается зрителями и не должен отталкивать рекламодателей.

Деньги — это круто, но ещё круче любовь, секс и концерт Мерлина Менсона.

Николас Джонсон из АКСИОС

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

АКСИОС родился из трёх выводов:

Достаточно одного экрана. Когда Ник работал в Блумберге, его смущало, что никто не дочитывает то, что он пишет. Первый экран статьи набирает миллион просмотров, второй — 300 000, 3 — 100 000, 4 — 30 000. Не понятно, зачем писать второй, третий и четвёртый экраны.

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

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

Любую историю на АКСИОС можно воспринять с одного экрана. Он по максимуму использует то, как мы потребляем контент. И полностью мобилен. В основе сервиса Smart Bretive.

Smart. На АКСИОС работают самые лучшие журналисты в индустрии. Они обладают экспертностью и понимают, что реально нужно знать по теме.

Bretive. Весь контент помещается на один экран. Статьи строятся из заголовка, мультимедиа, вывода и аксиомы. Там приводится только то, что реально имеет значение.

Описание концепции

Все истории укладываются в 159 слов. По этому принципу они построили сайт и рассылку. Провели огромное количество тестирований и получили много позитивной обратной связи.

Важно найти свой визуальный стиль. Картинки и визуальная графика помогает лучше рассказать историю, поэтому они тратят на них очень много времени и сил.

С самого первого дня они обсуждали деньги. Главный источник дохода — отличная вовлечённая аудитория. Для рекламы они используют ту же схему, что и в статьях: интересный заголовок, картинка, ссылка на рекламодателя. Они заметили, что на рекламу люди активнее окликаются, чем на статьи, и лучше на неё кликают.

Реклама не относится к читателям, как дерьму. Здесь нет череды попапов, с которыми нужно бороться.

Реклама — не единственная модель монетизации. Они зарабатывают на ивентах и подписке. Такая диверсификация дохода позволяет изданию быть более устойчивым. Причём зарабатывают с самого начала. Первая вечеринка с презентацией сервиса окупилась благодаря спонсорству Боинга и БиПи.

Люди не делают вещи. Они привыкли только скроллить и свайпать и никогда ни на что не кликнут. Главные конкуренты АКСИОС не новостные медиа, а всё то, на что можно потратить свободный 19 секундный слот. Их задача: сделать журналистику достойной нашего внимания.

Если хотите связаться пишите на nik@axios.com

Эмили Ремшоу из Техас Трибьют

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

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

Весь контент они отдают бесплатно. Причём не только читателям, но и другим СМИ. Если в начали другие редакции просто ржали над ними, то сейчас перепечатывают как миленькие.

Монетизации способствует коммьюнити. Они смогли накраудфандить позицию коммьюнити-менеджера. Чтобы сплотить аудиторию они проводят фестивали, которые собирают по 5000 участников. Эти события приносят изданию деньги.

Инсайты из выступления Эмили

  1. Политические спонсоры — это золото. Они приносят больше всего денег и делают это максимально охотно.
  2. Им важно не быть партизанами — то есть не поддерживают какую-то конкретную позицию. Их на равных спонсируют демократы и республиканцы. Люди согласны, что они делают нужное дело.
  3. Они никогда не уйдут на платную модель.
  4. Распространение информации перестаёт быть бесплатным.
  5. Подписка — новая уникальность
  6. Они предлагают спонсорам формат общественного образования. Они не донесут конкретное сообщение, но помогут образовывать сообщество.
  7. Отдавай, получай, доноси сообщение.
  8. Ничего не продаёт лучше доверия аудитории.

Основная идея издания — открытость. Они публикуют свои доходы, расходы и списки спонсоров.

Бен Смит из Баззфид

Это самое крупное новостное издание в США. Здесь работает более 2000 сотрудников. Они начинали в 2006 году, когда единственной рекламой были баннеры. Но уже тогда они не работали. Поэтому Баззфид начал искать лучший путь, чтобы доносить рекламу.

В основе издания три принципа:

Традиционно реклама была нативной. Первые рекламные статьи в истории мимикрировали под обычные материалы. Поэтому и для своего медиа они сделали эту модель основной.

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

Видео очень важно. Они начали делать видео о еде и включать в него продактплейсмент брендов. Сейчас это стало одной из основных площадок распространения нативной рекламы.

На своей базе они запустили специальный сервис, который помогает сеять контент. Они считают, что упаковка намного важнее самого материала. Сейчас более половины миллениалов в США регулярно потребляют Баззфид.

Медиа кормят три источника:

Нативная реклама. Самый крупный кусок пирога. На базе нативной рекламы они развивают новые форматы. Например, БаззКатс — гифовизация рекламы.

Коммерция. Они продают свои товары и книги.

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

3 июня   Конспекты   Редактура

Конспект курса Игоря Штанга «Типографика и вёрстка» в Волгограде

Дизайнер из Челябинска, 6 дизайнеров и 5 дизайнерок из Волгограда, 1 дизайнер и 1 редактор из Саратова, 1 дизайнерка из Москвы, 4 студента школ бюро

В конце марта съездил в Волгоград на курс Игоря Штанга «Типографика и вёрстка». Ехал за знаниями, а получил практические навыки, атмосферу и десяток новых знакомых.

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

Воспринимать курс текстом — то ещё удовольствие. Поэтому я ввожу графические перебивки со своими макетами. Сильно не пинайте, я же не дизайнер, а редактор.

В курсе 11 блоков. Привожу краткий пересказ 10 из них. На первый, «Бегство от серого прямоугольника», я не успел, зато сделал рабочий макет, который по обратной связи Игоря докрутил до вполне неплохого состояния.

На первый макет ушло 50 минут. На второй — 10 дней и десяток комментариев

Классический стиль

Приход модернизма в ХХ веке ознаменовал закат классики в дизайне. Кто-то называет классику полным отсутствие дизайна или плохим дизайном. Нас с пелёнок учат модернистскому дизайну, а о классике никто нормально не рассказывает. И это при том, что ей без малого 5 веков, а модернизму — чуть больше сотни лет.

Классическая типографика — это книги. Элементы классики используют театры, производители дорогого алкоголя, проекты по культуре и искусству.

Серебро набора. В классике считали, что набор должен быть однородным и спокойным. Картинки и неосновной текст не должны контрастировать между собой. Здесь нет супербольшого кегля. Всё старается быть однородно сереньким. Сама антиква даёт серый одномерный тон.

Книга Альда Мануция «Гипнэротомахия Полифила», известная своими иллюстрациями, лучшая демонстрация классического стиля. Фотография из блога Игоря Штанга

Большие и многословные заголовки, выделеные прописными буквами; инициалы; первое слово или несколько слов капителью; кустоды; выделения, которые не выпрыгивают из страницы (курсив и капитель); подзаголовки, выделенные только одним приёмом — всё это маркеры классического стиля.

Капитель. В кириллице с капителью всегда были проблемы — до революции её активно не использовали, а в СССР не выпускали. Сейчас всё больше шрифтов делают с капителью. Но нет её традиции употребления. Дизайнеры вставляют её по делу и нет. Правильно набирать капителью аббревиатуры.

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

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

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

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

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

Титульные листы. Пропорции титульных листов книг обычно подбирались на глаз. Использованные тогда стили стали прародителями всей акцеденции. С титулов началась реклама — других ориентиров не было. По титулу можно определить страну и век. Первые титулы были многословными и плохо структурированными. Глядя на титул вы не понимаете, как он устроен. К XVII веку всё начинает собираться к трёхчастной форме: бокала, дерева или кубка. Крупный заголовок, подзаголовок, меньший автор. Повсеместны размазанные по высоте титулы.

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

Классические принципы:

  1. Доверять глазу, а не линейке — не обязательно строить сложное построение. Важно, как это будет в итоге смотреться.
  2. Уделять внимание мелочам. Модернизм мыслит крупными формами, а классические гравюры максимально детализированы.
Китчевая визитка Яна Чихольда

Модернизм или швейцарский стиль

Модернисты понимали, что в новых условиях старые принципы типографики перестали работать. Книжная вёрстка была простой, а рекламный текст намного сложнее по структуре. Так в начале ХХ века в Швейцарии появляется новый стиль, которому суждено стать интернациональным.

Швейцарский стиль — чётко сформулированный и однородный. Его легко повторить.

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

Баухаус. Типографика становится более функциональной и менее декоративной. Она лучше читается. Ян Чихольд в «Новой типографике» пишет, что типографика должна следовать функции. Но декоративности всё равно очень много. Нет большого акцента на смысле.

Шрифт. Массово используются гротескные шрифты без засечек. Модернисты не любили антикву.

  1. Гельветика — нейтральный, суперфункциональный и системный шрифт. Его сложно читать в большом наборе.
  2. Универс появляется в одно время с гельветикой. Создатели шрифта не хотели огранчиваться конкретным набором. Они сделали тонкую градацию по ширине и по жирности. В начале было 21 начертание. Сейчас их до сотни. Каждое начертание пронумеровано.
  3. Akzidenz Grotesk — гротеск старого типа.
  4. Сан-Франциско — шрифт, который хорошо смотрится на экране и решает конкретные задачи.

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

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

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

Унификация, стандартизация, шаблонизация. Именно швейцарцы первыми использовали эти принципы. Классика любит делать всё уникальное, она исповедует нешаблонный подход к производству чего либо. Но в ХХ век нужно было делать много и быстро. С чётко спроектированной системой вам ничего не нужно придумывать, если в основе макета чётко сформулированная идея и простота производства. Можно поменять цвет плаката и картинку, и вот уже всё готово. Чтобы делать просто, нужно желать много. Лучше продумать систему заранее, чем потом придумывать всё с чистого листа.

Две версии швейцарского плаката

Конструкция

Формат. Упрощённо все текстовые форматы укладываются в нормальный прямоугольник. Они не вытянутее, чем двойной квадрат. Наше зрение заточено на горизонталь, поэтому оно легко воспринимает два формата разворота как единое целое.

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

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

Принцип модульности

Макет делится на модули без остатка. Формат делится на модули, модули на блоки, блоки на колонки, колонки на абзацы, абзацы на слова, слова на буквы.

Модули не пересекаются. Когда каждый материал упакован в свой прямоугольник, он не смешивается с соседними. В вебе то же самое, что и в газетной вёрстке, но воздуха может быть больше. Каждый блок занимает свой модуль.

Модульность — это не кирпичность.

Закрыть границы другого модуля. Нам нужно закрыть каждый прямоугольник. Допустим есть несколько колонок, у которых разная высота. Чтобы закрыть низ — можно поставить этаж ниже. Ровная верхняя граница закроет рваный край верхнего этажа. Больше ⅔ ширины воспринимаем как закрышку. Если нужно поставить рваный текст под рваный текст, то используем рамку, плашку или линейку.

Взять в рамку или поставить на плашку. Если всё ставить на плашку, то возвращаемся к кирпичам. Важна согласованность — картинка с одной стороны, текст с другой стороны. Можно дублировать шаблон с одной стороны.

Закрыть углы. Когда у вас закрыты углы, вы можете верстать материал свободнее. В самом начале в шаблоне расставьте элементы по углам. Даже мелкая колонцифра может держать весь угол. Внутри может быть сколько угодно воздуха. Не выглядит скучно, когда все элементы разные.

Коснуться каждой из сторон. Визуально пятно должно упираться во все поля формата. Это делает макет уверенным и устойчивым. Если вам говорят, что макет несуразный, то скорее всего одна из сторон не поддержана.

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

Другие геометрические фигуры. Сложно верстать текст в круге или треугольнике — сама фигура не соответствует природе наборного текста. Прямоугольные кусочки сложно вписать в другую форму. В круге можно расположить короткий и простой текст: буквально три строки. Так же можно расположить текст по контуру.

Сетка

Принцип модульности — не то же самое, что и модульная сетка. Сетка не делит материал по смыслу. Компоновку определяет модульность. Сетка помогает выровнять элементы. Она касается визуального компонента выравнивания.

Сначала конструкция, потом сетка. Сначала придумайте, как у вас будут располагаться элементы. А потом нарисуйте под это сетку. Нарисуйте макет, а сетка его выровнит.

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

Комбинаторика

Одинаковое содержание в одинаковых модулях выглядит скучно. Чтобы интересно расположить его в рамках готового пространства есть 7 приёмов.

Заполнять модули не до конца. Оставьте некоторые модули пустыми, обтравите фотографии.

Оформить элементы по-разному. Разделите их цветом или шрифтом. Представьте себе однообразную структуру, в которой расставлены акценты.

Заполнить элементами разных классов или разного качества. Вставьте в каталог товаров ссылку на статью или цитату из отзыва.

Предусмотреть область, которая будет выглядет по-другому. Сетка одна, но модули объединяются по-разному.

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

Добавить новый слой. Подчеркните особенную динамику и направление. Например, текст стоит с чётким ритмом, а картинки летают как хотят.

Соблюсти баланс порядка и хаоса. Структура должна остаться читаемой. В хорошем макете сначала думают о структуре, а потом о разнообразии.

Верстка по форме

Текст повторяет форму. Нет сетки и модульности. Текст может повторять форму изображения по одному из краёв. Мы не строим отдельные направляющие, а используем те, которые есть в картинке.

Текст ссылается на форму. Текст в своём прямоугольнике, картинка в своём прямоугольнике. Сеткой выступает сама форма. Так верстают комиксы и карты.

Текст создаёт форму. Примеры можно найти у Поллы Шер и Пола Ренда в книге «Искусство дизайнера».

Попытка сверстать титульную картинку статьи по форме

Простая и сложная вёрстка

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

А-В-И-К-О-С-У-Я — всегда прибиваются к следующему слову. Три короткие слова нужно привязывать к предыдущему слову: «ли (ль), бы (б), же».

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

Выключка по формату. Главные ошибки — слишком много пробелов, слишком короткая или слишком длинная концевая строка, висячие строки в начале и конце полосы, более трёх переносов подряд, сжатие строки. Латинские тексты могли переносить достаточно вольно — поэтому там было легко выключать по формату. Студия Лебедева верстает по формату и делает это неплохо, но и там встречаются косяки. Висячие предлоги, союзы и другие короткие слова не являются ошибками при выключке по формату. Чтобы разверстать по форме, можно: 1) поменять место переноса, 2) менять трекинг до 10 (межсословные и межбуквенные пробелы) 3) изменять межсословные пробелы всего абзаца, 4) варьировать ширину символов +-2% 5) играть с шириной фрейма 6) редактировать текст (крайняя мера, если ты не редактор).

Абзац

Существует 2 типа абзацев. Классические — с абзацным отступом. Швейцарские — с отбивкой между абзацами. Их смешивать не стоит.

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

Заголовок

Главная задача заголовка — рубрикация (навигация по тексту). Не используйте близкие по стилю и размеру заголовки. Отличие между ними должно зрительно считываться! Поменять начертание бывает лучше, чем поменять размер. Чередуйте: прописные, жирный, капитель, курсив. Положение заголовка — очень важный параметр. Если поменять положение целиком, то сильно поменяется вёрстка.

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

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

Таблицы

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

Шум. Любую несложную таблицу можно сверстать без линеек и плашек вообще. Шапку можно никак не выделять или осознанно её ослабить. В вебе проще — мы видим строку, когда наводим на неё. Можно подсвечивать строку и столбец. Вертикальные линии можно убрать всегда.

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

Выравнивание по левому краю. Текст всегда должен быть свёрстан по левому краю. Цифры, которые сравниваем, выравниваются по разряду. Диапазоны выравниваются по разделителю. Разнородные данные выравниваются как основной текст. Для веба самый нормальный вариант: выравнивать цифры по правому краю.

Перевёрстка таблицы Яндекс.Денег. У Игоря получилось значительно чище

Иллюстрации

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

Кадрирование. Хорошее правило: «Кадрировать, пока объект не закричит». Можно смещать его от центра, тогда начнёт появляться сюжет. Произведения искусства не кадрируют.

Направление. У людей всегда появляется направление. Либо взгляд человека должен быть направлен на текст, либо внутрь разворота или страницы. Фотографии не зеркалят.

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

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

Когда оправдано использование линеек рамок и плашек:
— расставить акценты, смысловые и композиционные,
— поддержать конструкцию,
— передать стиль.

Шрифт и иллюстрация

Подобрать в одном стиле. Если вы рисуете иллюстрацию и пишете шрифт, то соответствие будет 100%. Так устроена арабская каллиграфия — шрифт превращается в картинку.

Тоновое родство. Штрихи иллюстрации и шрифта должны быть в одном диапазоне толщины. Картинки такие же по толщине, что и буквы.

Пластическое родство. Нужно обращать внимание на характер линий, соединение и окончание штрихов, скругление, форму засечек.

Попробовал написать слово «HUNTER». Все прочитали «НИКИТОС»

Курсовой проект

Игорь даёт 5 дней на курсовой проект — переверстать афишу местного театра. Я своим результатом остался не доволен. Но переделывать его я, конечно, не буду.

Два варианта афиши и фотография, которая дала вдохновение
Одна из моих работ незаслуженно попала в десятку лучших этого курса

И напоследок мысль Игоря о визуальной составляющей дизайна

Максим Ильяхов называет визуал — «управлением вниманием». Для меня это «неравнодушное отношение к дизайну». В России входу фраза, что дизайнеры решают задачи. Важно не просто решать задачи, а делать это красиво. Увеличить продажи могут редакторы, маркетологи и менеджеры. Дизайнер же должен уметь делать красиво. Продукт обязан прилично выглядеть. Если убрать из дизайна визуальную составляющую, то его смысл потеряется. Не нравится, когда задачу дизайнера чем-то подменяют. Не надо подменять эстетические категории другими. Просто делайте красиво.

Кстати, следить за анонсами новых статей можно в моём телеграм-канале. Подписывайтесь, чтобы ничего не пропустить!

2018   Конспекты   Школа редакторов

Саша Рай, издатель Т—Ж: «Что важно в медиа»

Законспектировал выступление Саши Рая, издателя Т—Ж. «Что важно в медиа» на конференции Дзен-пятница Яндекса 30 марта 2018 года.

Т—Ж — это образовательная платформа, которая с помощью инструментов медиа делает россиян образованнее в финансах.

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

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

Ресайзы материалов. Весь контент редакции отдельно дотачивается под все каналы размещения. Всё, что есть на выходе — это переосмысления длинных лонгридов и других форматов, которые выходят на сайте. Вариантов ресайзов десятки: инстаграм, видео, дзен. Над размещением контента работает отдельная редакция. С помощью определённых ресайзов статьи попадают даже первые строчки Гугля.

Сегментация. В руках редакции огромный дистрибуционный инструмент — банк. В банке туча данных о клиентах, по которым можно таргетировать дистрибуцию статей. Менеджеры, маркетологи и аналитики банка видят ценность в журнале. Они рекомендуют статьи в рассылках, пуша от tinkoff.ru и ленте в приложении. Например, ссылка на статью «Как сдать отчётность» через все инструменты показывается строго на предпринимателей.

Всё сами. В плане производства журнал вообще не зависит от банка. Здесь своя разработка, свои редактора, свои HR. Они никогда не оглядывались на процессы корпораций, а были внутренним стартапом . Редакция сама выработала продукт внутри банка. Этот процесс шёл итерационно, но с самого начала всё считалось и анализировалось. Лучшая метрика — как зашла статья в определённом формате.

Автоворонка. Ровно через 6 месяцев каждый 20 читатель журнала становится клиентом банка. Формируется лояльность и доверие. При этом в статьях напрямую ничего не продаётся и не рекламируется. Журнал — огромный канал привлечения, доходы от которого превышают траты на редакцию.

Лояльность. Сначала журнал воспринимали, как блог банка. Поэтому кидали туда рекламу продуктов. На первом этапе задачей редакции было возвести стену между журналом и маркетологами банка. Но потом в рамках журнала появился блог продуктологов-редакторов, где продукты банка объяснялись простым языком. От этого выиграли все.

Читатель всегда первый, потом уже бизнес. Это позиция не только редакции, но и инвесторов журнала. Поэтому главный вопрос перед выбором темы для статьи: «Кому, блин, это вообще нужно? Чью проблему это решает?»

Выступление целиком

Кстати, следить за анонсами новых статей можно в моём телеграм-канале. Подписывайтесь, чтобы ничего не пропустить!

2018   Конспекты   Редактура

Конспект лекции Виталия Егорова о Марсе

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

В Саратов Виталия привезли мои друзья из Центра Пионер. Ребята делают крутой научно-популярный некоммерческий проект #немногоумнее. Они проводят лекции известных в узких кругах учёных и научных журналистов. В прошлом году на их площадке выступала Ася Казанцева, на лекцию которой я не попал. Для города движуха значимая, поэтому следите за анонсами.

Лекция Зелёного кота шла около двух часов и была очень насыщенной. Что-то я неправильно понял, что-то неверно записал, поэтому не стесняйтесь отмечать, где я соврал и в чём ошибся.

Что делать на Марсе

Заниматься наукой, а не войной. Мы знаем очень мало о нашем космическом соседе. Нет техники, которая могла бы нагрести грунт и привезти его на Землю. Все данные о планете учёные получили из метеоритов, которые падали на Землю. В них нашли полости газа и что-то похожее на окаменелую клетку. Но метеоритов на всех не хватает, нужно работать с породой вживую. Глубина Марса изучена на семь сантиметров, ровно такой бур марсохода Куриосити. В 2020 на Марс полетит аппарат с двухметровым буром. Для учёных там ещё полно работы.

Экологический туризм. На Марсе огромные горы и каньоны. На Земле люди тратят деньги, чтобы посетить Великий каньон, но он крошечный в марсианских масштабах. Каньон-гигант может рассечь Россию пополам. Мы не знаем, как он образовался. Самый большой вулкан планеты в диаметре 600 километров, а в высоту 27 километров. На земле формирование такого вулкана в принципе невозможно. Под нами движутся тектонические плиты, а земные вулканы формируются за счёт силы трения. На Марсе вулканы формирует мантийный плюм, который невозможен на Земле. К Марсу можно лететь за природными красотами и яркими фотографиями в инстаграм.

И больше ничего. Планета не предназначена для жизни: атмосфера разрежена, вода заморожена или испаряется, о полезных ископаемых мы ничего не знаем. Непонятно зачем строить города и организовывать колонии. Лететь туда имеет смысл только учёным и туристам, жить на Марсе нельзя. Чтобы понять условия Марса, Виталий советует съездить в Норильск — по деньгам дешевле, а в остальном то же самое. На Марсе нормальному человеку будет нечем заняться.

Мифы о Марсе

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

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

На Марсе ветер может строить фантастические структуры из песка. Эти образования можно принять за следы червя из Дюны.

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

Пылевые бури. В советском союзе любили приукрашивать значение марсианских пылевых бурь. Дело в том, что один из аппаратов не смогли посадить именно из-за бури. По факту частички пыли в десятки раз мельче песчинок, для техники и людей они безвредны. На земле песчаные и пылевые бури могут нанести некритичный вред, также и на Марсе. Песок движется примерно на 2 метра в год. Буря никого не убьёт.

На Марсе нет атмосферы. Это не так. Плотность марсианской атмосферы примерно в сто раз меньше, чем на Земле. В зависимости от сезона может идти снег, может быть туман. Из-за плотности атмосферы на Марсе не может быть штормового ветра. В «Марсиане» ошиблись — ветер не мог обрушить ракету. Возникают маленькие смерчики, которые сметают песок и пыль с солнечных батарей марсоходов и этим помогают учёным. Марсианский грунт богат кислородом, поэтому при должном подходе его можно использовать для создания пригодно для дыхания воздуха.

На Марсе нет воды. На Марсе много воды. На полюсах в центре тонкой шапки из углекислого льда почти 80 километров настоящего водяного льда. Если этот лёд растопить, то всю поверхность планеты можно залить океаном глубиной 27 метров. Раньше воды было больше — мы видим на снимках дельты рек и озёра. Часть воды скрыта под пылью, другая часть испарилась. Даже в самом засушливом месте планеты в грунте присутствует 3% воды. На Марсе воды больше, чем на Луне.

Снимок полярной шапки Марса летом.

На Марсе жуткая космическая радиация. Радиация есть, в одних трусах в космос лучше не летать. Но эта не та радиация, которая убивает в Чернобыле. В космосе не гамма-излучения, а безвредные альфа- и бета-лучи. Обычный космический корабль без специального свинцового слоя практически полностью защищает космонавтов от радиации. За тысячу дней на МКС астронавты получат такое же количество радиации, что и за один полёт на Марс. Сравнимую дозу облучения сотрудники атомной станции получают за год. Радиации можно не бояться.

На Марсе была жизнь. На планете реально найдены органические соединения. Метан присутствует в атмосфере: 30 молекул метана на миллиард молекул чего-то другого. Метан имеет биологическое происхождение, и без постоянного пополнения он бы бесследно распался от радиации за 270 лет. Это не значит, что на Марсе была или есть жизнь. Пусть метан и имеет биологическое происхождение, но биология — частная форма органических соединений. Количество метана на Юпитере равно массе Земли, но никто не говорит, что там была жизнь. Учёные не понимают механизм формирования метана. Поэтому мы не можем подтвердить или опровергнуть факт жизни на Марсе.

Полёт к Марсу

Человечеству мешает полететь на Марс две проблемы:

  1. Подъём с марсианской поверхности. Нужно долететь до Марса и нужно как-то вернуться. Чтобы это сделать нужно поднять с Земли и посадить на планету полностью заправленную ракету. Есть предложения отвезти пустую ракету, а топливо выработать на месте. Это хороший вариант, потому что людей пошлют только после того, как проверят подъёмную ракету. Но это всё на словах — денег на такой проект нужно слишком много.
  2. Человеческий фактор. Мы все ошибаемся, поэтому основной риск долгого полёта в простой человеческой ошибке. В фильме «Марсианин» всё лайтово. В реальности космонавты на МКС большую часть времени на орбите чинят станцию. Люди ошибаются, механизмы ломаются, всё идёт не по плану.

Первые попытки. Идея полёта к Марсу изводила ещё Сергея Королёва. За время его жизни желания человечества сильно поменялись. За 60 лет люди практически полностью утратили влекущую романтику межпланетного полёта. С тех пор каждые десять лет готовится новый проект. Но их все признают слишком дорогими и откладывают на декады.

Концепт космического корабля Королёва, который мог бы доставить человека на Марс. Впереди атомный реактор, в самом конце — блок с людьми.

Марс Ван. Это одна из самых нереальных и раскрученных космических программ. Авторы решили ключевую проблему и предложили полететь в один конец. Они даже набрали добровольцев, но не убедили инженеров. Виной тому ошибка в бюджете. На программу требовалось шесть миллиардов долларов. Проект планировали отбить за счёт рекламы в своеобразном реалити-шоу. Идея была здравой, ведь куча народу смотрит олимпиаду, в которой ничего не происходит. Космические инженеры сказали, что за эти деньги такой проект невозможен. Государство не дало дополнительного финансирования. Пусть проект и привлёк внимание широких масс, но быстро сдулся.

Спейс Икс. Илон Маск предложил отвезти на Марс сто человек зараз. Его проект не противоречит законам физики. Над моделью поработали толковые инженеры, которые доделали то, что другие только предлагали. Они добавили к проекту доставки пустой ракеты орбитальную дозаправку. Они предложили заправить возвратную ракету метаном, которые бы собрали из атмосферы планеты. Но по закону подлости вторую проблему они решить не смогли — гениям свойственно ошибаться. Даже у идеальной разработки нет 100% надёжности. Как говорят астронавты, в космосе всё неопределённо ненадёжно. А ещё Маск предложил транспортную систему, но не сказал, что делать на Марсе. Поэтому к проекту сейчас очень много вопросов.

Терраформинг Марса

Зачем это нужно. Технически на поверхности планеты вакуум. Поэтому нормально жить и работать там так же сложно, как в открытом космосе. Пока мы не наполним атмосферу неважно чем, простому человеку там делать нечего.

Процесс терраформирования Марса из пустыни в подобие Земли 2.0

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

  1. Если привезти на Марс 1% атмосферы Венеры, то планета сразу станет пригодной для долгого пребывания. Но это в теории. Мы не знаем, как это сделать на практике.
  2. Можно бомбардировать поверхность кометами. Комета — это халявный газ. Чтобы создать одну земную атмосферу нужно сбросить на Марс примерно 115 комет Галлея, по объёму равных Онежскому озеру. Пока кометами мы управлять не умеем и не знаем, где столько взять.
  3. Можно попробовать разбомбить полярные шапки ядерными бомбами — там же углекислота, она создаст углекислую атмосферу. Но шапок хватит, чтобы увеличить плотность атмосферы в тридцать раз. А для пребывания нужно увеличить её минимум в сто раз. На этот небольшой проект уйдёт 55 тысяч 55 мегатонных бомб. Это самые крупные бомбы в истории человечества, они равны нескольким сотням бомб, сброшенных на Херосиму. На Земле столько нет, и мы не знаем, как их транспортировать.
  4. Можно найти Марсу маленькую Луну. Спутник Земли влияет на вулканизм планеты, который возобновляет атмосферу. Но у человечества нет возможности создать даже небольшой планетоид.

Ключевая мысль лекции Зелёного кота: «С этой планеты свалить не получится. Мы не доживём для открытия землеподобных планет, до которых можно долететь за человеческую жизнь. Это не значит, что нужно забить на космос и перестать стремиться к звёздам. Любите космос.»

Что посмотреть по теме

Фильм «Последние дни на Марсе». Виталий советует смотреть первую часть фильма, в которой правдиво описывают жизнь и технику экспедиции. Спойлер! Дальше приходят зомби.

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

2017   Конспекты