То же с цветами: я не советую рисовать предметы на схемах теми цветами, которыми они окрашены в жизни. Используйте цвет как информационный слой. Например:
Стандартный цвет — черный. Все элементы схемы по умолчанию черные, даже если в жизни они другого цвета.
Всё, что отключено или выведено из строя, — серое.
Цвет опасности — красный. Ошибки, проблемы, злоумышленники, воровство — всё должно быть красным, даже если в жизни оно другого цвета.
Цвета всего хорошего — зеленый, синий или цвет логотипа.
От этого стандарта можно отходить на свой страх и риск. Если не уверены — придерживайтесь стандартной палитры.
На этом обжигаются многие дизайнеры: они начинают рисовать схемы выразительно, красиво, со множеством цветов. Люди у них розовые, подарки красные, дерево зеленое с коричневым, небо голубое. Схема становится перегруженной, теряется наглядность, а для читателя всё смешивается в одно большое пятно.
Та же проблема с числом узлов и объектов. Рисуя схему, мы можем начать ее дополнят. Например, в схеме было три шага, а фактически шагов тринадцать. Но десять дополнительных шагов скрыты от глаз читателя, поэтому ему не нужно о них знать. Если мы хотим добиться ощущения простоты и наглядности, нам стоит изображать на схемах только то, что читателю важно (а не всё, что у нас есть). Здесь помогает формула:
Схема — это наглядное и упрощенное представление о процессе.Схема не обязана показывать процесс во всей полноте и точности.
Схематичные рисунки — это еще один способ визуализировать события. Вот в чем разница:
Схема — это отражение логических и временных связей между предметами. Например, на схеме нарисован цикл из пяти этапов контроля качества. Эти пять этапов идут по кругу, один за другим. Но они могут проходить где угодно в пространстве, в том числе и на одном месте. Не существует какого-то физического круга, по которому перемещается товар.
Схематичный рисунок — это отражение пространственных связей между предметами. Например, есть отдел контроля качества и там стоят четыре стола. Товар передается с одного стола на другой по часовой стрелке. Эти столы находятся в физическом пространстве, их положение имеет значение.
Для схематических рисунков действуют те же правила, что и для схем, таблиц и скриншотов:
мы стараемся добиться максимальной наглядности,
уменьшаем число декоративных элементов,
делаем рисунок максимально читаемым,
используем цвета как информационный слой.
Типичная ошибка схематичных рисунков — стараться делать их реалистичным. Дизайнеру становится скучно, и он добавляет в рисунок детали интерьера, тени и объем, насыщает картинку цветами, сажает на фон кошечку. Дизайнеру кажется, что он сделал рисунок качественнее, но в реальности он убил читаемость.
Это не значит, что схематичные рисунки должны быть неаккуратным. Наоборот: можно рисовать под линейку и использовать аккуратную геометрию. Главное — следите, чтобы декоративные элементы не перетягивали на себя внимание.
Когда мне нужны рисунки, я использую мышку и «Фотошоп». Пример ниже — из моего курса о видеосъемке: course.glvrd.ru/video. Всё наглядно, хоть и не слишком аккуратно.
Как ставить веб-камеру для трансляции лекций
Как кадрировать голову лектора при съемке
Схема монтажа программы из множества разных источников
Из курса о видео и подкастах
Делать схемы затратно, но это того стоит. В начале разговора об иллюстрациях я упоминал привычный для современного интернета ритуал: автор хочет разбавить текст картинками, заходит в поисковик, за пять минут находит что-нибудь креативненькое и вставляет в статью. Это простой и дешевый ход.
А потом я показываю процесс создания схем. Иной раз он требует более серьезной проработки, чем создание текста. Нужно придумать схему, отрисовать в графическом редакторе, а то и отдать на отрисовку дизайнеру. Стоимость такой статьи вырастает: раньше ее делали три часа, теперь — десять. Не лучше ли сэкономить деньги и поставить картинку из интернета?
Нет, не лучше. На то есть три причины.
1. У вас нет прав на картинки из интернета. Все картинки в интернете кому-то принадлежат. Кто-то делал эти коллажи и рисовал эти иллюстрации. Даже фотографии знаменитостей и мемы кому-то принадлежат. По умолчанию у вас нет права использовать эти изображения в своей работе.
«Нет права» не значит, что за использование картинки вас сразу посадят в тюрьму. Чтобы наступила ответственность за незаконное использование чужого изображения, автор изображения должен направить вам досудебную претензию, потом подключить юристов, написать исковое заявление и заниматься судом. С огромной вероятностью вы с этой проблемой никогда не столкнетесь.
Но, если вы работаете в крупной компании, а автор картинки увидит свою работу на вашем сайте без лицензии, он смекнет: «С этой компании можно неплохо поиметь». Чем компания крупнее, тем больше риск, что ее потащат в суд за использование чужих картинок без лицензии. Российские суды присуждают за такие нарушения и десятки, и сотни тысяч рублей.
2. Картинка из интернета дешевит. Если вы взяли картинку из «Гугла» или «Яндекса», то будьте уверены — еще сто тысяч авторов тоже взяли эту же самую картинку. С огромной вероятностью читатель уже видел если не именно эту картинку, то очень похожую.
Получается, что вы потратили силы, поговорили с экспертом, тщательно всё отредактировали — а потом поверх всего своего труда поставили огромный штамп «Дешевая копипаста». Тот ли это эффект, которого вы хотели добиться?
3. Визуальное доминирование. Вы заметите, что в продажах или обучении схемы играют решающую роль. Когда вы презентуете клиенту идею нового проекта, больше всего внимания он уделит схеме. Если принести коммерческое предложение со схемой, клиент будет изучать ее с карандашом, делать пометки, рисовать стрелочки. Если вы выпустили статью с интересной схемой, она потом перекочует в другие статьи.
Схемы и иллюстрации — главные инструменты распространения идей в эпоху, когда люди не читают. Говоря языком мемов:
Фотография
Коварная штука фотография. Если учесть все нюансы, она может превратить унылый текст в дьявольски эффективную рекламу. А можно наоборот: потратить деньги на фотографа, убиться о ретушь, но не получить никаких результатов, а то и испортить.
Сила фотографии в том, как она воздействует на эмоции. Она как будто погружает человека в ту среду, где она снята. Нам мгновенно передается настроение, на нас мгновенно воздействуют фактуры и цвета. Мы сами не заметили, а фотография уже повлияла на наш эмоциональный настрой:
Если на фото солнечно, золотые лучики, зеленая травка и яркое голубое небо, на душе сразу как-то хорошо, ощущение подъема, радости. Если человек на фото улыбается, чувство только усиливается.
Пасмурный день, хмурое небо, серость, бетон, лужи — сразу повеяло холодом российских городов. Но окрась всё это в чуть более коричневые и землистые тона, добавь немного зелени — уже ощущение европейской осени.
Просторные светлые помещения, нарядные люди — приятно. Низкие потолки, грязь по углам, неравномерно освещенные лица, черные тени вместо глаз — гнетущее настроение.
Цветы, листва, песочек, приятные фактуры и глубина резкости — от этого нам уютно. Резкость, четкость, яркие контрастные элементы — всё это бодрит.
Композиция играет огромную роль: если в фотографии всё смешано, а фигуры трудно вычленять — появляется ощущение перегруженности и дешевизны. Если пятно четкое, чувствуется ясность, профессионализм.
Даже дефекты фотографии иной раз могут оказаться приятными взгляду — шум пленки, расфокус и «полароидные» цвета могут напоминать нам о детстве.
Это фото в расфокусе, но вы можете увидеть, что оно снято ночью, где-то на экзотическом пляже, в темноте, вдали от светильников и прожекторов. И вот уже ваши ноги словно чувствуют прохладный мокрый песок, а лицо обдувает теплый морской ветер. Здесь почти ничего не видно, но вы можете всё почувствовать.
Фотография может быть абсурдной по содержанию, но всё равно прекрасно передавать ощущение. И мы этого даже не заметим, пока нам не укажут.
На странице справа — изображение рабочего места. Мы чувствуем солнечный свет, большое окно создает ощущение воздуха, растение добавляет жизни, мягкие подушечки намекают на удобство. Ровные белые стены подчеркивают ощущение порядка. В этом пространстве так и тянет продуктивно поработать.
Но обратите внимание: сидеть-то тут неудобно. Подоконник узкий, стула нет, журнальный столик слишком низкий для работы. Максимум, что тут можно сделать, — сесть спиной к окну на подушки, положить ноги на столик, а ноутбук — на колени. Но так долго не просидишь — неудобно. Из окна в экран будет жарить солнце. Вспотеет спина, на стекле останется мокрый след. Это рабочее место красивое, но неудобное.
Похоже, что фотография не смысловая, а декоративная — то есть для настроения. Она интересна не смысловой нагрузкой, а эмоциями: как сочетаются дерево, стекла и алюминий; как контрастируют живые растения и огромное пространство за окном. Здесь нет задачи документально показать правду жизни, эта фотография — немного обман. Но, глядя на нее, мы можем захотеть арендовать место в таком коворкинге, разве нет?
Когда в следующий раз вас очарует какой-нибудь образ в «Инстаграме», попробуйте представить реалистичность этого образа на практике. Удобно ли стоять с оттопыренной попой у окна? Удобно ли работать за ноутбуком на пляже? Не попадает ли песок под клавиши? Насколько безопасно держать ноутбук прямо возле бассейна?
А вот мое любимое. Представьте: молодожены сфотографированы в романтичной лодочке посреди идеально гладкого озера. Вопрос: где в этот момент фотограф?