Дизайн

7 методов генерации идей в иллюстрации и графическом дизайне

Александр Богатов, иллюстратор и графический дизайнер из Ижевска, поделился своими методами поиска отличных идей для иллюстраций и графического дизайна.


Меня зовут Саша Богатов — иллюстратор, графический дизайнер из Ижевска. Развиваю собственный проект Daily Sketchups — ежедневные иллюстрации, где упор делается на работу с смыслями, смешением техник и стилей, инструментов.

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

В статье нет следующих методик: мозговой штурм и его вариации; шесть шляп Эдварда Де Боно; ТРИЗ. О них много написано, пересказывать нет смысла.

1. Генератор генераторов идей

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

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

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

В. Меламед.

Виды генераторов:
● Трансформатор — трансформирование ситуации в сюжет
● Инвертор — объекты меняются местами
● Коллайдер — когда есть два источника тока
● Рандомайзер — случайные константы
● Инкубатор — когда нужно детализировать выдуманный мир
● …

Всегда можно придумать генераторы со своими параметрами, дерзайте! К посту приложена таблица с генераторами. Генераторы описали студенты Меламедовского курса на примерах любимых иллюстраторов, а также представлены собственные наработки.

0*e1GY2Jpw2NF0GzMXТрансформатор; ток №1 — люди, звери, объекты; ток №2 — контраст размеров; тестер — абсурдная правдоподобность. Иллюстрация  — Brad Holland,  описание генератора  —  Алёна Белякова.

0*L76LF52DeMpO8L0jИнвертор; ток — любые предметы и животные; трансформатор — аттрибут или деталь существа или объекта отчуждается от него и используется не по назначению; тестер — необычно и смешно.Иллюстрация — Brock Davis,описание генератора — Виктор Меламед.

0*6r_y29fU36k78bTq.Коллайдер;ток №1 — фотографии выпускников, любые жанры бытовой фотографии; ток №2 — лица из хорроров; трансформатор — столкновение; тестер — издевательский ужас. Иллюстрация  — Charles Burns,  описание генератора  — Анастасия Сухарькова.

0*h-uzvUvDtusG4UQcРандомайзер; ток — пять слов, начинающихся на одни и те же две буквы; трансформатор — объединение в сюжет.Иллюстрация — Wren Mcdonald;контекст иллюстрации — troll tromping [through] tropical [rainforest, with] trombone [playing] troopers [on a] trolley;описание генератора — неизвестно.

1*obPolnVtrI46Lo_axs1ENAИнкубатор; ток №1 — бытовые ситуации, ток №2 — животные; трансформатор — мир детей и разумных роботов, изображающих животных; тестер — тепло, покой, сюрреализм.Иллюстрация — Shaun Tan (Rules of summer),описание генератора — Анастасия Сухарькова.

0*KQ9OqSc4Or9LwjmwТрансформатор; ток — фотографии людей, любых предметов и животных; трансформатор — составляем из двух фотографий единый объект по принципу гармонии формы; тестер — странно, смешно, умно. Подсмотрено у Stephen mcmennamy, иллюстрация  Daily Sketchups

2. Ментальная карта

Описание метода. Ментальная карта или mind mapping — техника визуализации мышления. Карты нужны для разработки тем, поиска идеи, систематизации знаний.

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

Так выглядят карты:

0*aZPwddxkmgOrMIOc.Скриншот из онлайн-редактора карт Mindmeister

1*kR11QV5Edpwm9CUBXhZZ6QОдна из карт в моем блокноте

0*6teWAgBHYsKLT9y4Карта о тайм-менеджменте. MindTools
 
Мой подход к составлению карт:

  1. Анализ собственных ассоциации, связанных с темой;
  2. Расширяю список слова в карте с помощью ассоциативных словарей: sociation.orgwordassociations.ruwww.slovesa.ru;
  3. Набираю главные слова и ассоциации в Пинтерест и гугл имейдж, ищу образы и слова в картинках. В Пинтересте перебираю тэги, добавляю к теме слова #illustration или #graphic_design.

 
Сервисы для работы с картами:

  • Mindmeister.com— приятный онлайн-редактор карт. Пользуюсь им. Есть ограничения в бесплатной версии;
  • Mind42.com — не пробовал, но любим у составителей карт;
  • Mindnode.com — редактор карт для техники Apple.

Подробнее о методе написано на Хабрахабре в статье Mind Mapping, или как заставить свой мозг работать лучше.


3. Системный подход к ассоциациям

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

Краткий перевод статьи с механизмом работы:
1. У вас есть тема, задача. Опишите тему 2–4 главными словами. Например, тема — «расширение возможностей учителей с помощью технологий». Главные слова: расширение возможностей, учитель, технологии.

2. Подбираем для каждого слова ассоциации:
1*or8sxK5QrxzktVvOKuosKw 
3. Соединяем по одной ассоциации из каждого столбца в предложения:

  • кран управляемый учителем, опускает лампочки в головустудента;
  • студент забирается по ДНК-лестнице, чтобы нарисовать лампочки на доске;
  • студенты и учителя идут по мосту из компьютеров до Луны.

 
Визуализируем предложения:

0*7xTDsF_UXztNLJNG.«Мост в другой мир». Студенты иучителя пересекаютмост изкомпьютеров на Луну. 

0*P6MQRToastUgOS38.«Езда на голове». Голова учителя — средство передвижения, которое везетстудентов к новым знаниям с помощьютехнологий / компьютера 

0*n_Pliu8rg2M6XB8g.«Взрыв знаний». Компьютер, метафора портала 

0*O3vf9iHcCnn-Zouw.«Супер Учитель».Учитель в героической позе (стоя накомпьютере) вдохновляетстудентов 

0*mx8TuXfT7g0EbWZZ.Иллюстрация готова!


4. Тропы и стилистические фигуры

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

«Хорошую иллюстрацию можно пересказать на словах»

В. Меламед 

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

Есть два варианта работы с данным методом. Первый, усиливаете вашу идею с помощью тропов. Второй вариант, подбираете тропы, которыми создадите визуальную метафору вашей идеи.

Подробнее о методе в лекции В. Меламеда «визуальная метафора в иллюстрации».

Реализация тропов в графике:
0*D9OnA8Lp91-oaODVМетафора полета фантазии раскрыта через элегантное сравнение крыла самолета и книги.Jungho Lee, illustration for book « Promenade» 

0*HVnd7rhFHP6AlrihСарказм. Кто кем управляет, кто хозяин своей жизни?Pawel Kuczynski, pawelkuczynski.com 

0*uLz9a3MV7V1a1iJYГипербола, каламбур. Преувеличении веса тубы и игра слов.Matt Blease, mattblease.com 

0*w__0KevoiQvlrBewЛитота, каламбур, сравнение. Автобус и ботинки timberland в пути. Daily Sketchups 

0*sJRXNKaKfP06PVE8Градация, инверсия, гипербола, каламбур. Профессор синтезировал гигантского комара, которого он пытается убить, не видя, что он уже увеличился в размерах. Кто кого теперь ловит?Brecht Vandenbroucke, brechtvandenbroucke.blogspot.com 

0*VDNJurEmOxAni82xАнтитеза, метонимия. Союз веселого и скучного, однотонного и пестрого.Broke Davis, itistheworldthatmadeyousmall.com


5. Использование другой стилистики, техники, материала

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

«В Британке много времени уделялось, чтобы заставить нас делать что-то своими руками. Потому что зачастую верный выбор инструмента уже является решением задачи», — Владимир Аюев в статье про обучение дизайнеров в Британке.

 

Screen Shot 2016-08-10 at 07.52.35Травяной чай для сторонников здорового образа жизни «Tweet» (Марина Апевалина) 

Screen Shot 2016-08-10 at 07.52.41Постер (Таня Лазарева, Стас Неретин), Московский муравейник (Раушан Султанов), Постер (Мария Зайцева) 

Screen Shot 2016-08-10 at 07.52.45Туалеттеринг (Артур Лебсак), Постер (Раушан Султанов) 

Screen Shot 2016-08-10 at 07.52.52Афиши для ижевской Печа-Кучи. Материалы и инструменты (слева направо): цифровая иллюстрации; 3д графика; самодельное печенье. (Саша Богатов) 

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

Взаимодействие новых технологий и мира иллюстрации:

1. Неординарный новостной ресурс «Батенька, да вы трансформер», опубликовал спецпроект с крутыми веб-иллюстрациями: taxi.batenka.ru.

 
2. Центр Марс в Москве представил в этом году экспериментальную выставку — «Метаформы». Известные стрит-арт художники России перенесли свои работы в виртуальную среду. Увидеть сделанные работы можно с помощью шлемов виртуальной реальности.


Тизер к открытию выставки «Метаформы»
 
3. Дмитрий Карпов воодушевленно рассказывает о пользе освоения программы Cinema 4d, где вы сможете решать интереснее любые визуальные задачи, создавать сложные формы, настраивать под себя все окружение.

Дмитрий Карпов. "Вселенная 3D для иллюстратора" from Bang Bang Education on Vimeo.

Тизер к курсу «Вселенная 3D для иллюстратора. Быстрый старт с Cinema4D»
 
4. Еще один способ расширить свой инструментарий — работа с скульптурой, пластикой

0*T1-YwkPI3qvd2WXc«Объятия» отRonit Baranga, ronitbaranga.com
 
5. Визуальный эксперимент от Данила Криворучко, показывающий соединение видео и кодинга с использованием алгоритмов нейронных сетей


 
6. Еще один пример скрещивания книжной иллюстрации и веб-технологий в проекте An Awesome Book!

0*M7_9WVscmBFkJ1jVОдна из иллюстраций проекта An Awesome Book!


6. Синестезия

Описание метода. Синестезия — способность воспринимать мир органами чувств, пользуясь при этом описанием ощущений из мира других органов чувств. Примеры: цветной слух, восприятие определенных цветов при виде букв, запах песни Seven Nation Army у The white stripes, вкус Симпсонов.

О том, как синестезию включить в арсенал творческих инструментов, рассказывает В. Меламед в одноименной лекции.

Механизм работы на примере синестезийного анализа:

1. Слух. Как заставить иллюстрацию шуршать, гудеть, дребезжать как старый холодильник?

0*-DVEfcr7A8RPxZNh.Передача ощущения кромешной тишины на морском дне и появление шума в виде рыб. Valerio Vidali, valeriovidali.com 

0*9CyR7JPs0a1CTmMPПередача музыкального жужжания через знак мелодии и комара. Daily Sketchups

2. Обоняние. Может ли картинка сладко пахнуть как роза, или вонять забористым потом?

0*MTPRIw13YnbrNyyaЗапах болота, лилий, затхлость в работеAndrea Wan, andreawan.com

3. Вкус. Какая же иллюстрация на вкус? Может быть кислая, сладенькая, горькая, недосоленая креветка?

0*rkxbVUqHfujX0tgeМятное мороженое и кекс с хрустящими орехами.Mouni Feddag, mounifeddag.com

0*ETQ7pZNaGcAJXCmdОщущение сладкой прохладной, клубничной газировки летом, или шампанское.Monica Ramos, monramos.com

4. Осязание. Можно ли передать тактильные ощущения визуально, ощутить шёлк или кожу черепахи?

0*bHewAUKKjZZC4IZTКолючая иллюстрация, где-то чувствуется мох. Henry McCausland, henrymccausland.com

5. Мышечное чувство или кинестезия. Способна ли картинка уничтожить ваш вестибулярный аппарат, закружить голову?

0*pTkrIlHJrEUIF--_Представляешь себя на месте одной из девушек, становится дурновато. Невесомость. Javi Aznarez,javiaznarez.blogspot.com

6. Чувство времени. А как насчет почувствовать текучесть времени в картинке?

0*TWbqN1a0AOytRQh8.Мы замираем, ждем. Сколько будет длиться это издевательство в розовых тонах? Brad Holland bradholland.net

7. Персонификация темы

Описание метода. Придаем нашей идее человеческий облик.

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


Комедийная персонификация образов Mac и ПК 

Не нашел корни метода, но идея подслушана в лекции «типографика бренда » Михаила Шишкина из брендингового агентства Shishki.

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

1*lRwU65bWP_t3WbjnmyvRjAПара слайдов из презентации « типографика бренда»

Иллюстраторам нужно заменить во всем сказанном слово бренд на визуальную метафору. Каков язык у этой метафоры, с какой интонацией она говорит, какими словами и цветами, техникой? У данного метода не сложно заметить связь с синестезией.


Материалы для закрепления и углубления знаний:

  1. Лаконичный расказ на Хабрахабре о техниках креативности
  2. Саша Ермоленко в ВШЭ рассказывает о популярных креативных методиках
  3. Платный курс «Дизайн-мышление — накачка идеями» от Дмитрий Карпова в рамках Bang!Bang! Education
  4. Онлайн-школа иллюстраторского агентства Bang! Bang!
  5. Классная книга Бруно Мунари «Фантазия» о творческом мышлении и решении задач. На нее написал рецензию Сергей Король
  6. Cargocollective.com пригодится тебе для поиска идей глазами, а также для улучшения чувства вкуса
  7. Лекция с Просмотра 2014, Николай Лисов о «методиках генерирования идей»
  8. Записи основных лекций Виктора Меламеда
  9. Книга Алексея Иванова «как придумать идею, если вы не Огилви»

Автор: Александр Богатов
Источник: medium

    Free WordPress Themes