36 заметок с тегом

иллюстрация

Сэндвичная верстка

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

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

Если так случилось, есть два варианта решения:

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

короткий промежуточный текст расширьте так, чтобы он по объемы был не менее иллюстрации.

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

3 мес   верстка   иллюстрация

Великая дилемма Нью-Йоркского метрополитена и главное свойство человеческой природы

Вот вам идеальный образец того, что такое человек в интернете и как его вовлечь.

В интернете очередной флешмоб, на этот раз — «Какое место лучше». Это как «Какого цвета платье», только нагляднее. Дядька в Твиттере спрашивает, какое место в метро лучше:

Разумеется, это сразу же супервирусный материал, миллион комментов, статья в «Нью-Йорк Таймсе», и сейчас российские бренды выйдут с каникул и каждый сделает свою кавер-версию.

Почему это идеальный вирусный пост:

Люди могут показать, какие они умные, опытные, видавшие жизнь и вообще молодцы. Если у тебя есть мнение по вопросу сидений в метро, ты можешь считать себя красавчиком. Даже если — и особенно если — ты не живешь в Нью-Йорке, а просто был там проездом. Максимальное социальное полезное действие.

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

Тема доступна и понятна. Это не химия, не программирование и не секвенирование генома, а поездка в метро. Почти все, кто это увидят, хотя бы раз были в метро, даже если не в Нью-Йоркском.

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

Почему об этом важно знать издателям: потому что это полностью бесполезная штука. она никак не влияет на качество жизни людей (кроме того, что они чувствуют себя красавчиками). Но люди готовы вкладывать свое время и внимание в этот контент.

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

9 мес   агрессия   иллюстрация   полезное действие

Пляшите от визуалки

Проверяю курсовые студентов Школы редакторов, и вдруг дошло. Часто вы делаете так: сначала написали какой-то рассказ, а потом думаете, как в него вставить иллюстрации. Вы ищете, какие места в вашем рассказе можно проиллюстрировать, и иллюстрируете их как можете.

Например, статья про оформление какой-нибудь кредитной карты по сравнению с каким-нибудь потребкредитом и микрозаймом. Сначала написаны разделы, в них вся теория: про проценты, условия, штрафы. И потом автор смотрит на эту статью и думает: как проиллюстрировать?

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

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

А как?

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

В статье про кредитки наверняка будут интересны такие визуальные ходы:

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

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

— Постойте, но как же лонгриды? Как же вдумчивое чтение, длинные красивые тексты, всяческая глубина? Неужели люди настолько отупели, что им только картинки подавай?

Если хотите писать глубокие вдумчивые лонгриды — пишите. Люди сами решат, хотят они тратить время на ваш лонгрид или нет.

Обязательное чтение

Не путай картинку и иллюстрацию
Как иллюстрировать
Что иллюстрировать, а что — нет
Как рисовать схемы
Что не так с картинками из фотобанков

10 мес   визуализация   иллюстрация   лонгрид

Что не так с картинками из фотобанков

Пора объясниться по поводу фотобанков.

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

Проблемы начинаются, когда мы идем в фотобанк за людьми.

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

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

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

Это одна из СТА ДВАДЦАТИ страниц с фотографиями одной и той же модели — я называю ее Аленой. Выбирая фотографию Алены для своей статьи, будьте уверены, что она была уже в тысячах других статей

Люди из фотостока полезны, когда вам нужен не конкретный человек, а просто любой какой-то человек. Но если вам подходит любой человек, у вас плохая иллюстрация — вы не иллюстрируете, а разбавляете текст. Это значит, что текст слабый, продукт в целом слабый, и единственное, что его украшает — это Алена, королева Фотостока.

Если хотите, чтобы иллюстрация качала, а читателям нравилась ваша работа — используйте подлинные иллюстрации:

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

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

Прочитайте обязательно:

Что значит «разбавлять статью»
Чем плохо позирование
Полный урок по иллюстрациям
Схемы

2019   иллюстрация   фотография
2019   иллюстрация   схема
2019   иллюстрация   схема

Иллюстрации: теория, фотографии, рисунки

Фрагмент курса «Дизайн текста и визуальное повествование»:

О чем тут

Чем отличаются картинки от иллюстраций
Как подбирать картинки к статьям (никак и вообще это неправильный вопрос)
Обязательно ли иллюстрация должна быть картинкой
Как иллюстрации воздействуют на чувства
Фотографии
Рисунки

2019   иллюстрация

Операция «Конфетти». Краткий мастер-класс Фотошопа

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

Задача: сделать фотографию более эффектной, чтобы серый фон уходил в белое пространство страницы.

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

Второй шаг: масштабируем фотографию, чтобы она занимала нужное нам пространство. Для этого используем CMD+T, то есть «свободную трансформацию», зажимаем Shift для сохранения пропорций. Сразу скажу: пиксели поговняются, но — пельмешки! Слою с большой картинкой ставим режим Multiply, чтобы сквозь нее просвечивался фон:

Видите пацана в клетчатой рубашке справа? Я — нет. Это какой-то артефакт хренового фотографа. Берем белую кисть и замазываем это недоразумение. Заодно берем кисти в цвет локтя пацана слева и дорисовываем бедолаге локоть. Кто отрезает людям руки на фотографиях, самому надо руки отрезать:

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

Теперь с помощью Free Transform и копирования слоя раскидываем большие и маленькие копии этого конфетти под разными углами. Самые большие можно будет потом размыть с помощью Lens Blur, если пельмешки не всплывут раньше. Вот так выглядят слои с новым склонированным конфетти, если выключить все нижние слои:

Теперь всем этим слоям с конфетти ставим режим Multiply или Darken. Лишнее чистим маской или ластиком (в случае пельменей — ластиком):

Масло, сметана, второй сезон «Лютера».

2019   иллюстрация   фотография   фотошоп

Визуализация процесса

Распространенная ошибка в работах студентов второй ступени Школы редакторов — неинформативное изображение процесса.

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

Она упаковала? Получила? Подменила? Изготовила?

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

Пошаговая схема упаковки — показывает процесс

Другой вариант — показать не процесс, а результат. Но результат не в виде одной коробки, а в виде взрыв-схемы: что из чего состоит.

Взрыв-схема упаковки — показывает состав

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

P. S. Школа редакторов — единственное место в России, где учат подаче текста, иллюстрированию и управлению вниманием. Выпускники школы на две головы выше многих людей с опытом в профессии. Все остальные школы редактуры и копирайтинга стеснительно мнутся в стороне.

Вот еще примеры вещей, которым учат в Школе редакторов:

Создание промостраниц
Создание страниц о компании
Организация редпроцесса
Информативность фотографий и подписей к ним
Принцип «Экраном на читателя»
Сомасштабность и связность коллажей
Создание плаката

Ближайший набор в Школу редакторов начнется весной: bureau.ru/school/editors/

2019   иллюстрация   информативность   процесс   схема
Ранее Ctrl + ↓