Отправляет email-рассылки с помощью сервиса Sendsay

Сайтостроение

  Все выпуски  

Сайтостроение Разработка пиктограмм для веб-сайтов II


Разработка пиктограмм для веб-сайтов

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

  1. Ассоциативный ряд
  2. Доступность
  3. Эстетика
  4. Оригинальность

Далее рассмотрим более подробно каждый из принципов.

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

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

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

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

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

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

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

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

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

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

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

Кенга.Ру
Рис. 3: Реализация ассоциативного ряда пиктограмм в рубрике "Наш выбор" Интернет-магазина игрушек "Кенга.Ру".


В избранное