Архив метки: иконка

ПИКТОГРАММА ИЛИ ИКОНКА?

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

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

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

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

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

ПИКТОГРАММА, КАК ЕДИНИЦА ИНФОРМАЦИИ

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

 иконка

Создание пиктограммы если не искусство, то, однозначно, высокое ремесло. И, как во всяком ремесле, внутри профессии сосуществуют уважаемые мастера и безымянные халтурщики. Критерии оценки качества сложились примерно к 70-м годам прошлого века, в первую очередь, благодаря Олимпийскому движению. У Олимпийского комитета возникла реальная потребность в том, чтобы эффективно диспетчеризировать большую массу народа посредством визуальных сообщений, потому что далеко не все  гости Олимпиады понимали английский. Второй не менее важный момент тот, что к 70-м годам в силу коммерциализации Олимпийских игр у комитета появились возможности инвестировать серьёзные деньги, в том числе и в системы визуальных коммуникаций.

Не последнюю роль в становлении жанра сыграли швейцарские дизайнеры, апологеты так называемого «интернационального стиля» (Swiss International). Им к 70-м годам удалось сформулировать проектные принципы, которые легли в основу модели профессии графического дизайнера, это:

  • геометризм
  • минимализм
  • диктатура сетки

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

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

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

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

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

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

Отл Айхер, 1972

Отл Айхер, 1972

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

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

Евгения Белуха (США)

Работа моей ученицы Евгении Белухи (США)

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

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

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

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

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

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

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

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

  • Знаки подобия, где изображение визуально идентично действию. Пример – пиктограмма «Внимание: мокрый пол».
  • Знаки примеры, где используются более сложные ассоциации. Например, «Осторожно, высокое напряжение».
  • Условные знаки, напрямую ничего не изображающие и предполагающие некоторую конвенциональность, то есть договорённость, что вот этой картинкой мы будем обозначать нечто, например, радиацию.

Подробнее о типологии пиктограммы можно узнать из моего вебинара “ПОНЯТЬ ЗА ПОЛСЕКУНДЫ”

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

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

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

Сьюзан Каре, эскиз иконки, 80-е

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

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

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

Больница. Токио, 2000-е

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

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

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

Я люблю повозиться с иконками. Это хорошая трёпка для мозгов. Это и тренинг, и удовольствие. Вот, например, эта картинка «Работаю за алкоголь» была сделана мной во время очередного  кризиса в 2009 году, расползлась по Рунету и стала настоящим мемом. Отдельно хочется остановиться и рассказать о моей коллекции пиктограмм и дорожных знаков. Что-то удаётся сфотографировать самому, вот, например, эта смешная девочка с Чупа-чупсом – дорожный знак из Польши. Или эти эпические штаны, сфотографированные мной  в Албании. Много всякой занятной визуальной всячины присылают мне мои коллеги и ученики. Кстати, всех интересующихся коммуникативным дизайном, приглашаю в свой Instagram, там я постоянно делюсь лучшими экземплярами из своей коллекции. А на сегодня у меня всё. Творческих успехов и делайте дизайн, делайте его простым и понятным.

Пиктограмма или иконка Пиктограмма или иконка Пиктограмма или иконка

Если вы присматриваетесь к профессии графического дизайнера, но пока не решили: «моё — не моё», «потяну — не потяну», рекомендую вам пройти тест на выявление ваших скрытых способностей. Точность прогноза моего теста составляет около 90%, то есть, после его прохождения я с 90% уверенностью могу вам сказать, стоит вам начинать учиться дизайну, или вы впустую потратите время .   Тест бесплатный.  Действуйте!

Мои видео лекции на Youtube>>>  Перейти в YouTube

 

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

На днях я смонтировал новый учебный материал – лекцию о системе визуальных коммуникаций в современном мире и пиктограмме, как главном её элементе. Визуальные коммуникации и инфографика стали у нас активно входить в моду лет 7-8 назад, ну, по крайней мере, по моим ощущениям, хотя, проблема эта имеет более длинную историю. Пиктограмма, как главный элемент так называемой “ответственной коммуникации”, попала в круг профессиональных интересов коммерческих графиков ещё в 70-хх годах. Сегодня на смену академическому понятию «пиктограмма», пришло менее наукообразное и более нам привычное – «иконка». В Интернете появились серьёзные стоки, где иконку можно купить, продать, и, извиняюсь за прямоту – украсть. Одним словом, пиктограмма – это тема! В этой своей лекции я рассказываю об истории её возникновения и её типологии. Материал будет полезен всем, кто интересуется графическим дизайном, кто уже в профессии, или только к ней присматривается. Удачи и делайте дизайн.