О дизайне: инфодизайн и математика

UncleWind
Unclewind
Published in
3 min readJan 23, 2012

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

В теории множеств множество — это совокупность некоторых элементов. Графически его можно обозначить, к примеру, кругом. Берём ещё одно множество элементов и тоже обозначаем его кругом. Пересечение этих двух кругов означает, что в каждом из них есть общие элементы. Возьмём пример из вики и упростим его до двух множеств. Это символы английского и русского алфавитов:

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

В информационном дизайне теорию множеств немного интерпретировали до состояния «Если взять два объекта, то их пересечение породят третий». Как бы ничего против тут не скажешь, в теорию это вписывается: математики могут себя успокоить, что просто не указаны дополнительные очевидные множества. Вкратце, дизайнеры понимают это так (художники поймут): если смешать жёлтый и красный, получим оранжевый.

Пока речь идёт о двух множествах, всё очевидно. Вот популярный нынче пример (к сожалению не знаю автора, нашёл на просторах вконтактика:

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

Другое дело, когда доходит до трёх кругов-множеств. Тут дизайнеры, к сожалению показывают, что не понимают как это всё работает. Для примера диаграмма английского иллюстратора Стивена Вилдиша (у него в блоге полно ещё подобных весёлых схем):

Берём немного муки и немного яиц, получаем пасту (макароны по-русски). Берём немного яиц и немного молока и получаем омлет. Пока всё хорошо? Пока да. Смешиваем немного муки, немного яиц, немного молока и получаем «Блинчики!»

Но тут вступает в дело одна неочевидная вещь. Дело в том, что «Омлет», «Паста» и «Жидкое тесто» — это тоже множества. Пусть и состоящие в данном контексте из одного элемента. Так вот получается, что блинчики в Англии готовят из омлета и макарон:

Я обычно блюдо из макарон и омлета называю «мешанина». По правде говоря, большинство блюд, которые я готовлю называются «мешанина». Этот метод вполне применим к образам, но не применим к конкретным объектам. Ниже собственно картинка, из-за которой я начал как-то раз спорить на эту тему. Ещё ниже что именно в ней неправильно и как это поправить.

Когда-то давно, когда я работал в рекламном агентстве, у нас это висело на стене. Только в виде текста с припиской «Выбери только два пункта». Старый прикол, который зачем-то решили оформить в виде диаграмм и попали в просак из-за незнания математики. Где косяк? В центре:

Что за множество образуется при пересечении «Дорого» и «Дёшево», «Качественно» и «Говно», «Быстро» и «Долго»? Да никакого. Эти множества вообще не могут пересечься. Из чего вытекает очевидный вид схемы:

Всё просто. Учите математику, ребятки, и рисуйте умные картинки.

--

--