18. Понятие пиктограммы в системах письменности, в информатике, в дизайне

Символика – выражение идей, понятий или чувств с помощью условных знаков и предметов (символов).

Символ – определенное, социально зафиксированное и передающееся из поколения в поколение содержательное значение вещи, предмета, события.

История символов:

• Тотемизм

• Фетешизм

• Иероглифы, идеограммы

• Идеографическое письмо

• Клинопись

• Геральдика

• Государственные флаги

• Религиозные символы

• Дорожные знаки

• Пиктограммы

Пиктограмма – знак, отображающий важнейшие узнаваемые черты объекта, предмета или явления, на которые он указывает, чаще всего в схематическом виде.

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

В ранних системах письменности

Изображение, используемое в качестве символа. Обычно пиктограмма соответствует некоторому объекту и используется с целью предоставления более конкретной информации, подчеркивающей его типичные черты (пример — тэртэрийские надписи).

В информатике

Значок, элемент графического интерфейса пользователя; небольшое изображение на видеоэкране, служащее для идентификации некоторого объекта: файла, программы и т. п. Выбор и активизация пиктограммы вызывает действие, связанное с выбранным объектом.

Большинство значков в дружественном интерфейсе, часто ошибочно называемых пиктограммами, следует называть идеограммами. Идеогра́мма — письменный знак или условное изображение, рисунок, соответствующий определённой идее автора в отличие от, например, логограммы или фонограммы, основанных на каком-то слове, фонеме соответственно.

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

В дизайне

Стилизованное и легко узнаваемое графическое изображение, упрощенное с целью облегчения визуального восприятия. Пиктограмма усиливает характерные черты изображаемого предмета. Примеры таких приктограмм — значки, обозначающие больницу (красный крест), въезд на стоянку (буква P), туалет (треугольные человечки).

19. Основные принципы разработки пиктограмм: ассоциативный ряд, доступность, эстетика, оригинальность.

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

1. Ассоциативный ряд

2. Доступность

3. Эстетика

4. Оригинальность

Ассоциативный ряд

Прежде чем открывать графический редактор и начинать рисовать иконку, необходимо задуматься над тем, как будущую пиктограмму можно изобразить. Логично, что на иконке для раздела "Тиражирование CD" будет уместно наличие двух или трех компакт-дисков, а на пиктограмме для рубрики "Корм для кошек" - изображение кошачьей мордочки. Но когда дело доходит до распространенных или, наоборот, специфических разделов, следует призвать в помощники ассоциацию.

Другими словами, необходимо перечислить те образы, слова и выражения, которые ассоциируются с предметом разрабатываемой пиктограммы. Например, с чем может ассоциироваться раздел "Форум"?

Общение > Люди > Изображение человеческих силуэтов

Обмен информацией > Сообщения > Изображение листов бумаги

Поиск информации > Вопрос участникам форума > Изображение вопросительного знака

Выше были представлены лишь некоторые варианты составления ассоциативных цепочек, позволяющих в конечном итоге определить оптимальный вид будущей пиктограммы. Этот пример достаточно прост, т.к. использует весьма распространенный тематический объект - форум. Гораздо сложнее составить ассоциативную цепочку для специфических пиктограмм, например, такой, как "Гидрофобизирующие материалы, кашированные стеклохолстом" (реальный пример):

Гидрофобизирующие > Не пропускающие влагу > Вода > Изображение капли

Стеклохолст > Стекло > Блестящая поверхность с бликами > Холст > Лист бумаги > Изображение листа бумаги с зеркальными бликами

Цепочка 1 + Цепочка 2 = Изображение листа бумаги с зеркальными бликами, на фоне которого располагается капля воды

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

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

Доступность

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

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

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

Эстетика

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

Оригинальность

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

Оригинальность пиктограммы - это свежий взгляд на устоявшиеся вещи. К примеру, изображение увеличительного стекла, которое большинство пользователей сопоставит с функцией поиска на сайте, может быть стандартным и невзрачным, а может быть выполнено с определенной долей дизайнерской фантазии. Разумеется, иногда стандартный вид иконки более "к лицу" самому сайту: значок архива в 99% случаев будет более узнаваем, если выполнен в виде стандартной пиктограммы WinZip.

Критерии, необходимые для успешной работы символов:

- повышение уровня осмысления символа (чел-к, рассматривающий одиночный символ, должен понять его и адекватно воспринять)

- повышение уровня осознания и узнавания группы символов

- выделенность символов в окружающей среде (фон, размер, контраст, освещенность)

Рекомендации по дизайну:

- не стоит создавать слишком большое количество символов для одного проекта

- используйте знакомые образы

- используйте традиционные и стандартные символы

- используйте символичнее цвета