Визуальный переводчик. Как сделать инфографику из любого текста, не являясь дизайнером. Алексей Демин
читал о них, но инфографика была для меня «терра нова». На погружение с головой в дизайн не было времени, поэтому стал изучать существующие источники: статьи, книги, онлайн курсы. Оказалось, что большинство из них – для начинающих или профессиональных дизайнеров.
В источниках, ориентированных на профессиональных дизайнеров, меня разочаровало следующее (этого вы не встретите в моей книге):
• Незнакомые слова и фразы. У меня богатый словарный запас, но сочетания «текучий интерфейс», «выгрузка массивов данных», «первичное проектирование», «прототипирование» или «расширенный сет данных» смущали и отталкивали, как только я сталкивался с ними. Здесь вы найдете объяснение базовых приемов дизайна без специальной лексики.
• Сложные программы и инструменты. Дизайнеры делают прекрасные работы с помощью OpenRefine, библиотеки D3.js, Tableau, Adobe Illustrator, но я хотел сфокусироваться на содержании материала, а не на изучении новых инструментов.
• Наставления от «звездных» дизайнеров. Я уважаю профессионализм. Однако, смотря на супер-профессиональных дизайнеров с десятками престижных мировых наград, понимал, что вряд ли смогу достичь их уровня. Рядом со знаменитыми инфограферами чувствовал себя скованно.
Я не собирался переучиваться и становиться дизайнером, мне интересно преподавание и научные исследования. Поэтому ближе оказалась идея дизайна для НЕдизайнеров – набор базовых знаний, необходимых для объяснения информации и создания эстетичных материалов.
Попытка сделать инфографику без специальных знаний и сложных программ оказалась успешной – мои работы отлично смотрятся на таких известных сайтах, как Лайфхакер, Мел, Нетология и др. Более того, инфографика «Страх и ненависть в кинотеатре» («Fear and Loathing in Cinema»1) вошла в топ-100 лучших работ престижного международного конкурса Information is Beautiful 2019.
Но главное – мне удалось изучить процесс создания инфографики из текста в короткие сроки и без специальных знаний. Именно этот процесс и описан в книге.
Особенности книги и отличия от других книг, курсов и статей:
• Доступная подача материала. Опыт преподавания пригодился мне в логичной организации материала, изложении его доступным языком, подборе примеров и способов отработки действий.
• Уникальная методика. Результат анализа десятков книг и сотен статей – алгоритм создания графики из любого текста. Я не утверждаю, что после прочтения книги вы автоматически станете блестящим дизайнером. Но вы научитесь быстро создавать цельную, оригинальную и эстетичную инфографику для той сферы, в которой работаете. Это однозначно расширит границы ваших возможностей.
• Практика. Фокус на том, что непосредственно пригодится для передачи идей в визуальной форме. Выбираем подходящий текст, работаем с ним, переводим в графику и эффективно её используем.
Кому будет полезна книга:
• Учителям и преподавателям, заинтересованным в эффективной, инновационной форме подачи знаний.
• Журналистам и блогерам, желающим создавать динамичный, привлекательный контент и расширить свою аудиторию.
• Ораторам, использующим в выступлениях презентации.
Почему картинки важны?
Многие учителя и преподаватели прекрасно разбираются в содержании предметов, опираются на тексты учебников, активно используют компьютеры на уроках и при подготовке к ним. Но не многие уделяют внимание композиции, цветам, типографике. Чаще всего, дизайн образовательных материалов в школе и вузе воспринимается как нечто побочное, необязательное и абсолютно несерьезное.
Посмотрим на слайды из реальных презентаций реальных учителей и задумаемся, помогают ли они передать учебную информацию?
Они не только не помогают понять учебную информацию, но и затрудняют её восприятие и отталкивают учеников. К сожалению, в современном образовании подобные материалы не редкость.
Неумелый дизайн усложняет понимание. «Новая книга требует новых писателей. Чернильница и гусиные перья мертвы», – сказал Эль Лисицкий в начале прошлого века. И я повторю то же самое, но уже в XXI-м.
Многие посчитают проблему надуманной. Даже увидев примеры очень плохого дизайна и согласившись с тем, что дизайн в образовании обделен вниманием, многие скажут: «Невелика проблема в неумении рисовать и делать презентации». Многие, но только не те, кто знает реальную картину происходящего:
• 90% всех данных в интернете – визуальные2,
• 13 миллисекунд достаточно человеческому мозгу на распознавание изображения3. Чтобы понять, насколько это быстро, включите свет в темной комнате. Мозг обрабатывает
Fear and Loathing in Cinema / Kantar IIB 2018, The Shortlist: Arts, Entertainment & Culture: www.informationisbeautifulawards.com
(По данным CISCO) Роэм Д. Рисуй, чтобы победить. Проверенный способ руководить, продавать, изобретать и обучать. М.: Манн, Иванов и Фербер, 2018. 176 с.
Potter M.C., Wyble B., Hagmann C.E., and McCourt E.S. Detecting Meaning in RSVP at 13 Ms Per Picture / Attention, Perception, & Psychophysics 76, 2013. №2 (December 28). p. 270—279.