Текст книги "Скрайбинг. Объяснить просто"

Схема и скрайбинг

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

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

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

Но пока это просто набросок – отдельные слова и элементы, у которых нет структуры и четких связей.

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

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

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

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

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

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

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

Зачем вам все это знать? Скрайбинг и схематизация имеют много общего. И требования к скрайбингу похожи на требования к созданию схем:

– одинаковое изображение объектов одного типа;

– фиксация связей и отношений;

– минимальное количество элементов для максимального отражения информации;

– разделение разных пространств и областей, группировка объектов одного типа и т. д.

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

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

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

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

Рисованное видео

Видео (и рисованные ролики особенно) приобретает все большую популярность. Эксперты говорят, что мы вступаем в видеоэпоху, которая приходит на смену картинкам и текстам. Компании-гиганты, такие как Coca-Cola, Google и автомобильные концерны, активно используют рисованные ролики для рекламных и образовательных целей. Они просты, эффектны и очень нравятся зрителям. Такие ролики больше похожи на мультфильмы и помогают за несколько минут доступно и понятно донести до зрителя сложную информацию о компании и/или продукте. Они визуализируют смыслы и делают сообщение запоминающимся. А еще они могут быть очень забавными, но, конечно, все зависит от целей видео.

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

Самые известные варианты рисованных роликов сегодня:

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

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

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

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

Все перечисленные варианты видео объединяет одно – отображение самого процесса рисования, который чаще всего сопровождается закадровым текстом диктора. Хотя иногда слова избыточны: содержание ролика понятно даже без звука благодаря четкому графическому ряду.

Но у видеоскрайбинга есть и свои отличительные признаки:

– чаще всего мы видим процесс рисования с отображением рисующей руки;

– динамика в видео создается в основном за счет отображения процесса рисования и движения видимой части экрана;

– обязательно присутствует повествование – история, позволяющая аудитории поставить себя на место главного героя, или сторителлинг;

– движение по определенному маршруту совпадает с логикой повествования;

– авторские (нешаблонные) образы создаются для конкретного ролика;

– у видео есть конкретная цель и ориентированность на определенную аудиторию.

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

Часть 2. Сферы применения и технологии

Применение скрайбинга

Найти применение скрайбингу можно практически в любой сфере жизни, как то:

– реклама и продвижение;

– образование;

– объяснение;

– рабочие встречи;

– презентации и доклады;

– записи, ведение дневников;

– планы;

– отчеты.

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

Хотя скрайбинг скрайбингу рознь. Различают несколько его видов – в зависимости от способа подачи информации:

– видеоролики – создание и использование готового видеоролика в скрайбинге;

– скрайбинг на мероприятиях и встречах – конференциях, семинарах, презентациях, обучении (скрайбер производит отрисовку основного смысла информации прямо в процессе повествования);

– скрайбинг как отпечаток или результат работы скрайбера.

Скетчи

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

Скетч (англ. sketch, буквально – «эскиз, набросок, зарисовка») – это простой набросок рисунка-образа, график или схема, сделанные буквально за одну минуту.

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

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

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

Для развития навыков прорисовки скетчей нужно:

– посмотреть на окружающие вещи, найти их основные отличия от других предметов;

– представить их упрощенными и стилизованными – без лишних деталей, оставляя предметам лишь общую форму (основные характеристики);

– зафиксировать их – нарисовать предмет, используя минимальный набор элементов (линии, круги, квадраты и треугольники);

– поделиться результатом с другими;

– понаблюдать и зафиксировать.

Проще всего начать рисовать не с попытки выдумать предметы, а с визуализации того, что вас в данный момент окружает в комнате или на улице.

Практическое задание

«Смотрим – фиксируем»

1. Выберите два-три предмета в помещении.

2. Попробуйте представить их состоящими из примитивов (круга, квадрата, треугольника, прямоугольника, вертикальных, горизонтальных или диагональных линий).

3. Перенесите свои представления на бумагу.

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

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

Вот еще один пример скетча. Он был сделан специально для книги. На него, как и на первый вариант, ушло всего две минуты, а разница значительная. Из этого делаем вывод: главное – практика, чем больше мы рисуем, тем лучше получаются скетчи.

Каждый скетч уникален. И даже при попытке срисовать он приобретает индивидуальные черты – «почерк», характерный только вашей руке.

Практическое задание

«Копируем»

Перед вами скетчи с текстом. Попробуйте воспроизвести их на правой половине страницы. Не бойтесь экспериментировать и добавлять к существующим скетчам свои варианты.

Стилистика (прорисовка) скетчей

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

Живая фиксация (живые скетчи) используется для отражения основных мыслей во время живого рассказа – встречи, презентации, объяснения и т. д. Основной особенностью скетчей становится их прорисовка в короткий период времени: от нескольких секунд до пары минут. Поэтому скетчи получаются более лаконичными и простыми. Чаще всего они формируют основной образ, если и появляются дополнительные элементы (например, тень), то они все равно минимальны. Образы в таких скетчах поддерживаются краткими, но емкими текстовыми тезисами. Тезис может включать и само изображение, например, название, призыв или направление.

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

Статичная фиксация используется для:

– фиксации планов;

– фиксации основного смысла из прочитанной литературы;

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

Вне зависимости от типа, стилистики и прорисовки скетча принцип их построения остается единым.

Иерархия и композиция

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

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

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

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

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

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

Практическое задание

Первый шаг

Материалы: толстый черный маркер, маркер средней толщины, серый маркер.

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

А теперь попробуйте попрактиковаться и нарисовать свои образы.

Второй шаг

После прорисовки общего объема скетча попробуйте перейти на маркер средней толщины. Нарисуйте им образ и добавьте глубины с помощью серого маркера.

Когда вы только начинаете рисовать свои первые скетчи и образы, помните:

1. Не стоит на первых порах рисовать тонкими ручками (подробнее о ручках читайте в главе «Профессиональные инструменты»). Тонкие линии вызовут у вас желание добавить больше деталей и забыть о главном.

2. Не стоит воспринимать скетч как художественную картинку.

3. Никогда не рисуйте скетчи карандашом, чтобы не было возможности стирать и перерисовывать. Фиксация скетчей – это живой процесс, со своими изъянами, придающими ему характерность и оригинальность. Даже если вы сделаете ошибку, импровизируйте и исправляйте ее на ходу – закрашивайте, подрисовывайте, корректируйте.

Использование цвета

Цвет – сильный акцент в скрайбинге. С его помощью можно определять значимость блоков в итоговой композиции, выделять основные моменты, создавать общее настроение. Но использовать его следует дозированно, с соблюдением правил хорошего тона, которые предполагают использование не более двух (максимум трех) цветов в одной композиции (не считая серый цвет, с помощью которого мы придаем объектам глубину).

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

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

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

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

Так для чего же все-таки мы используем цвет?

– Для поддержания иерархии композиции и простоты навигации по ней за счет цветовых акцентов.

– Для усиления эмоционального воздействия.

– Для дополнительной цветовой идентификации (выделения отдельных групп, блоков) в композиции.

Варианты проработки скетчей и создание теней

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

Давайте вместе поэкспериментируем и добавим несколько интересных элементов к скетчам.

Создание глубины в скетчах с помощью серого цвета

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

Например, у маркеров Copic представлена широкая палитра оттенков серого: от светлого до темного, от холодного до теплого. Ну а если вы рисуете на планшете, то у вас еще больший выбор тонов. Поэтому перед началом работы стоит выбрать один оттенок серого средней градации и работать с ним.

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

Практическое задание

Нарисуйте или скопируйте несколько скетчей

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

Создание перспективы

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

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

Чем эта линия ниже, тем больше видно нижнюю часть объекта.

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

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

Создание тени с помощью линий

(на плоских и объемных скетчах)

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

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

Правила работы просты. Если мы используем диагональные линии в углах или на пересечениях объекта, то делаем штриховку более плотной (оставляем минимальное расстояние между несколькими линиями), а в самой плоскости – более разряженной (большее расстояние между несколькими линиями), имитируя физическое поведение тени на объекте.

Практическое задание

1. Нарисуйте ноутбук в двух вариантах: первый вариант плоский (без глубины и объема), второй вариант в перспективе. Создайте ноутбуку тень с помощью линий.

2. Напишите слова: скетч, дом, сон. И задайте им тень с помощью линий.

Создание тени с помощью точек

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

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

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

Хотя в скрайбинге такую детализацию не используют, оставляя только одну-две группы проработки для создания области тени.

Практическое задание

1. Нарисуйте четыре круга.

2. Каждому из кругов создайте тень, используя разное количество и плотность точек. Источник света располагается слева, тень справа.