электронная
360
печатная A5
533
0+
Визуальный переводчик

Бесплатный фрагмент - Визуальный переводчик

Как сделать инфографику из любого текста, не являясь дизайнером

Объем:
264 стр.
Возрастное ограничение:
0+
ISBN:
978-5-0050-1054-4
электронная
от 360
печатная A5
от 533

Предисловие

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

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

• Незнакомые слова и фразы. У меня богатый словарный запас, но сочетания «текучий интерфейс», «выгрузка массивов данных», «первичное проектирование», «прототипирование» или «расширенный сет данных» смущали и отталкивали, как только я сталкивался с ними. Здесь вы найдете объяснение базовых приемов дизайна без специальной лексики.

• Сложные программы и инструменты. Дизайнеры делают прекрасные работы с помощью OpenRefine, библиотеки D3.js, Tableau, Adobe Illustrator, но я хотел сфокусироваться на содержании материала, а не на изучении новых инструментов.

• Наставления от «звездных» дизайнеров. Я уважаю профессионализм. Однако, смотря на супер-профессиональных дизайнеров с десятками престижных мировых наград, понимал, что вряд ли смогу достичь их уровня. Рядом со знаменитыми инфограферами чувствовал себя скованно.

Я не собирался переучиваться и становиться дизайнером, мне интересно преподавание и научные исследования. Поэтому ближе оказалась идея дизайна для НЕдизайнеров — набор базовых знаний, необходимых для объяснения информации и создания эстетичных материалов.

Попытка сделать инфографику без специальных знаний и сложных программ оказалась успешной — мои работы отлично смотрятся на таких известных сайтах, как Лайфхакер, Мел, Нетология и др. Более того, инфографика «Страх и ненависть в кинотеатре» («Fear and Loathing in Cinema») вошла в топ-100 лучших работ престижного международного конкурса Information is Beautiful 2019.

Но главное — мне удалось изучить процесс создания инфографики из текста в короткие сроки и без специальных знаний. Именно этот процесс и описан в книге.

Особенности книги и отличия от других книг, курсов и статей:

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

• Уникальная методика. Результат анализа десятков книг и сотен статей — алгоритм создания графики из любого текста. Я не утверждаю, что после прочтения книги вы автоматически станете блестящим дизайнером. Но вы научитесь быстро создавать цельную, оригинальную и эстетичную инфографику для той сферы, в которой работаете. Это однозначно расширит границы ваших возможностей.

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

Кому будет полезна книга:

• Учителям и преподавателям, заинтересованным в эффективной, инновационной форме подачи знаний.

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

• Ораторам, использующим в выступлениях презентации.


Почему картинки важны?

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

Посмотрим на слайды из реальных презентаций реальных учителей и задумаемся, помогают ли они передать учебную информацию?

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

Неумелый дизайн усложняет понимание. «Новая книга требует новых писателей. Чернильница и гусиные перья мертвы», — сказал Эль Лисицкий в начале прошлого века. И я повторю то же самое, но уже в XXI-м.

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

• 90% всех данных в интернете — визуальные,

• 13 миллисекунд достаточно человеческому мозгу на распознавание изображения. Чтобы понять, насколько это быстро, включите свет в темной комнате. Мозг обрабатывает визуальную информацию на 3 миллисекунды быстрее, чем зажигается лампочка.

• 65% увиденной информации запоминают люди и только 10% услышанной.

Сложим факты вместе и увидим суть проблемы.

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


В чем сила картинок?

Доказательства силы визуализации вы найдете ниже (под заголовком «Рисование — это несерьезно»), но забегая вперед, расскажу три случая из моей жизни. Они показали мне, что по крайней мере, по трем показателям картинки превосходят слова.


Стойкий оловянный солдатик

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

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

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

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


Алгоритм письменного перевода

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

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

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


Музей на двух страницах

Однажды мне предложили вести экскурсии. У меня есть опыт публичных выступлений, поэтому водить студентов в музей предложили именно мне. Я получил стопку бумаг — более 25 страниц чистого текста и две недели на подготовку… Прочитав текст несколько раз, я понял, что вероятно, не смогу запомнить такой объем информации с большим количеством дат и цифр и за месяц.

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

Я распечатал их и взял с собой на первую экскурсию. Достаточно было взгляда на такой визуальный конспект — и я вспоминал дату исторического события и его подробности. Я взял свою инфографику и на следующую экскурсию, но оказалось, что прекрасно все помню! Вывод третий — зрительные образы великолепно запоминаются.

Итак, это убедило меня, что изображения:

• максимально точно передают смысл,

• быстро делают понятной идею,

• хорошо запоминаются.

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


Почему учителя не используют инфографику?

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


Миф 1. Рисование — это несерьезно

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

«Все науки делятся на физику и коллекционирование марок»

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

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

Томас Эдисон о процессе своих исследований:

«У меня в голове было бесчисленное количество машин, которые я зарисовывал и описывал день за днем в свободное время»

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

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

«Логика приведет вас из точки А в точку Б. Воображение — куда угодно»

Поэтому в споре физиков и лириков последнее слово все-таки за лириками. Карл Гаусс:

«Математика — это наука не столько для ушей, сколько для глаз»

Миф 2. Я не художник

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

Миф разрушает автор нескольких мировых бестселлеров о визуальном мышлении Дэн Роэм. Он учит людей по всему миру рисовать для решения проблем в бизнесе, политике, образовании и науке. Среди его клиентов Microsoft, Intel и IBM, eBay и Google, Boeing, Lucas Film, Стэндфордский университет и Школа менеджмента MIT, Военно-морские силы и Сенат США.

Этот человек — признанный эксперт визуализации мирового уровня, ему можно верить. И он говорит:

«Перестаньте думать о рисовании как о художественном процессе. Это мыслительный процесс»

Вот так выглядят его рисунки:

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