ПИКТОГРАММА. ПОНЯТЬ ЗА СЕКУНДУ

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

Иероглиф Cexam, или пустынный заяц (слева). Иероглиф справа от зайца до сих пор остаётся не расшифрованным.

Когда в околопрофессиональных разговорах или публикациях я натыкаюсь на слово «иконка», меня немного коробит. Я невольно представляю такую маленькую пластмассовую икону, которую набожные автолюбители приклеивают к торпеде своего «Мегана» или «Приоры».

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

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

Эволюция информационной графики знака «Внимание мины» 1914/1940/2000

За последние 10 000 лет пиктограмма (или иконка) проделала удивительный эволюционный путь. Люди научились доносить смысл через неё так точно, что скорость усвоения информации увеличилась во много раз относительно его вербального выражения. Подумайте и ответьте: на что водитель быстрее среагирует, на надпись «снизьте скорость, здесь иногда бегают дети» или на белый треугольник с изображением двух бегущих человечков?

Посмотрите на эту лисичку родом из 70-х. Согласитесь, что она идеальна?

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

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

М и Ж. Португалия 70-е годы.

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

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

Таким образом, к началу 70-х. дизайнеры вооружились теорией, вдохновились немалыми гонорарами от Олимпийского комитета и энергично приступили к работе.

Один из них был Отл Айхер, которого организаторы летних Олимпийских игр 1972 года в Мюнхене попросили стать главным дизайнером. Айхер был фигурой культовой, он считался одним из пионеров корпоративного брендинга и к началу 70-х в его творческом портфолио уже имелись фирменные стили компании Braun и авиакомпании Lufthansa.

Отл Айхер, 1972

Олимпийские пиктограммы Айхера явились квинтэссенцией «интернационального стиля». Построенные по жёсткой сетке, очищенные от несущественных деталей, сознательно лишённые пола и эмоций, они стали абсолютным шедевром модульного минималистского дизайна. Его система визуальных коммуникаций была столь хороша, что ещё много лет спустя Олимпийский комитет продолжал её использовать на других международных спортивных состязаниях. Айхеровские изображения видов спорта эксплуатируются и до сего дня, иногда порой в сильно мутировавшем виде.

Подарок из Финляндии

Вот эту фотографию прислала мне моя ученица из Финляндии типа «поржать». В рамках моей онлайн школы “Айдентика”, «Айхеровским человечкам» отводится та же роль, что и гаммам при обучении игре на фортепиано. Студенты копируют пиктограммы, разбирают по частям, а потом из получившегося конструктора составляют свой собственный рассказ о своей жизни. Через этот тренинг они, во-первых, лучше узнают друг друга, во-вторых — постигают тайную доктрину модульного дизайна. Сплошная выгода!)

Работа моей ученицы Евгении Белухи (США). Тема: “Моя жизнь”

СССР НАСТУПАЕТ НА ПЯТКИ

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

Валерий Акопов, Василий Дьяконов, Ми­хаил Аникст, Александр Шумилин, Борис Трофимов, 1980 г.

Разумеется, приступив к работе, они не могли не воспользоваться находками того же Айхера, но кое-что им пришлось изобретать с нуля. Задача отличалась от Айхеровской тем, что нашим спортивным чиновникам понадобилось огромное количество пиктограмм, любое действие или потребность они захотели визуализировать в виде значка. В списке были: ремонт зажигалок, зонтов и чемоданов, химчистка, отдельно — для синтетики и отдельно — для трикотажных тканей, баня русская и баня финская, блинная, пельменная, чебуречная, шашлычная, пирожковая — для этого всего требовались разные знаки. Борис Трофимов вспоминает:

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

Лично для меня, студента Худпрома, в середине 80-х этот проект Дьяконова, Аникста, Шумилина и Трофимова был ответом на вопрос «какой должен быть современный дизайн?». И ответ был таков: дизайн должен быть несущим смысл и предельно простым. Для меня, тогда ещё начинающего дизайнера, это определило вектор развития на будущее, я пронёс это через годы занятий графическим дизайном, это же я проповедую своим ученикам в меру своих сил­­­.

Тогда же, в начале 80-х, предпринимается попытка осмыслить пиктограмму с точки зрения её типологии. Появляется разделение на 3 типа по способу означения, это:

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

Знаки примеры, где используются более сложные ассоциации. Например, «Осторожно, высокое напряжение».

Условные знаки, напрямую ничего не изображающие и предполагающие некоторую конвенциональность, то есть договорённость, что вот этой картинкой мы будем обозначать нечто, ну, например, радиацию, или Wi-Fi

Подробнее о типологии пиктограммы можно узнать из моего вебинара «Понять за полсекунды».

НАЧАЛО ЦИФРОВОЙ ЭПОХИ

С конца 80-х. годов в графическом дизайне начинается компьютерная эпоха. Не нуждается в доказательствах тот факт, что появление персонального компьютера стало таким же цивилизационным прорывом, как изобретение печатного станка в XV веке и радио в XIX. Великий Стив Джобс компьютер не изобретал, он придумал и реализовал бизнес-концепцию, содержательным смыслом которой было сделать компьютер массовым, приучить к нему обывателя — человека, не владеющего языком программирования. До этого человек общался с компьютером посредством командной строки. Языком общения машины и человека был код, понятный только профессиональному меньшинству.

Эскизы Сьюзен Каре, 80-е.

Задача создать новый язык команд, интуитивно понятный и домохозяйке, и школьнику, выпала совсем юной Сьюзан Каре. Девушка только что закончила художественный колледж, когда ее пригласили в Apple. Поскольку специального графического приложения для создания иконок в то время еще не было, ей выдали ученическую тетрадь в клетку, в ней она и создавала первые эскизы графического наполнения интерфейса. Одна клеточка на в тетрадке равнялась одному пикселю на мониторе. Сложность состояла ещё и в том, что Сьюзан пришлось придумывать иконки к ситуациям, которые не имели аналогов в реальном мире, а существовали только в компьютерном. Ну как изобразить, например, что ваш комп «завис» или ваш файл «битый»? Всё делалось тогда, в 90-е, интуитивно, но ценность гениальных людей для прогресса состоит в том, что при отсутствии эмпирического опыта интуиция, тем не менее, их не обманывает.

Сьюзен Каре, 80-е

История работы Сьюзан Каре с Apple вошла в недавно изданную биографию Стива Джобса, которая за несколько месяцев с начала продаж стала в США бестселлером. Появление книги подхлестнуло интерес к полузабытой Сьюзан Каре, и титул «бабушки иконки» по праву вернулся к ней.

С экспериментов Сьюзан в Apple началась новая эпоха в развитии пиктограммы, именно тогда и вошло в обращение это слово «иконка» (от англ. icon), с этого момента пиктограмма становится интерактивной.

Интерактивность предполагала ещё более высокую скорость считывания информации. Значки должны были стать практически незаметными для пользователя, превратившись, по сути, из картинки в единицу информации. Пользователь не должен был отвлекаться на дизайн. Все эти новые требования диктовались маркетингом, который к 2000-м годам становится «главным» в ситуации постановки задач и принятии решений при создании систем визуальных коммуникаций. С этого момента появляется ещё одно технологическое требование: теперь иконка должна умещаться в квадрат размером 32 пикселя. Если не умещается — то вы в пролёте…

В 2000-х. технологические ограничения, связанные с проектированием иконки, начали распространяться и на проектирование логотипов. Развитие и изощрённость маркетинговых технологий привело к пониманию того, что потребителя легче обучить распознаванию максимально простого знака, нежели сложного и многословного. Законодателем моды становятся гигантские коммуникационные компании типа Facebook или Instagram, они задают прогрессу ускорение и формируют тренды, в том числе и в айдентиук. Лого такой компании — это иконка — максимально простой, запоминающийся, выдерживающий любое масштабирование графический элемент. Так, две родственных профессии — дизайнер иконки и дизайнер айдентики — в наше время пересеклись в одной точке взаимных интересов и оплодотворили друг друга.

СТРАСТЬ КОЛЛЕКЦИОНИРОВАНИЯ

А. Ромашин. “Работаю за бухло”. Шутка

Я люблю повозиться с иконками. Это хорошая трёпка для мозгов. Это и тренинг, и удовольствие. Вот, например, эта картинка «Работаю за алкоголь» была сделана мной во время очередного кризиса в 2009 году, расползлась по Рунету и стала настоящим мемом.

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

“Девочка с “Чупа-чупсом”. Дорожный знак “Осторожно дети”, Польша

Много всякой занятной визуальной всячины присылают мне мои коллеги и ученики. Кстати, всех интересующихся коммуникативным дизайном, приглашаю в свой Instagram, там я постоянно делюсь лучшими экземплярами из своей коллекции. А на сегодня у меня всё. Творческих успехов и делайте дизайн, делайте его простым и понятным. И не забывайте ставить 👏

А нет, ещё не всё. Всех графических дизайнеров, которые ещё не достигли потолка в профессии, я приглашаю на двухмесячную онлайн школу “Айдентика”. Здесь вы научитесь: придумывать, проектировать, упаковывать и продавать созданные вами логотипы. Все подробности, отзывы и работы выпускников здесь Действуйте!

--

--

Cамый большой коллективный блог про дизайн на русском языке

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store