Сайтостроение Разработка пиктограмм для веб-сайтов II
Разработка пиктограмм для веб-сайтов
Разработка Вопрос разработки пиктограмм всегда является актуальным для любого веб-дизайнера. Перед ним возникает целый ряд требований, которым иконки должны удовлетворять. Всего можно выделить четыре важных принципа в процессе разработки пиктограмм:
Ассоциативный ряд
Доступность
Эстетика
Оригинальность
Далее рассмотрим более подробно каждый из принципов.
Ассоциативный ряд Прежде чем открывать графический редактор и начинать рисовать иконку, необходимо задуматься над тем, как будущую пиктограмму можно изобразить. Логично, что на иконке для раздела "Тиражирование CD" будет уместно наличие двух или трех компакт-дисков, а на пиктограмме для рубрики "Корм для кошек" - изображение кошачьей мордочки. Но когда дело доходит до распространенных
или, наоборот, специфических разделов, следует призвать в помощники ассоциацию.
Другими словами, необходимо перечислить те образы, слова и выражения, которые ассоциируются с предметом разрабатываемой пиктограммы. Например, с чем может ассоциироваться раздел "Форум"?
Общение > Люди > Изображение человеческих силуэтов
Обмен информацией > Сообщения > Изображение листов бумаги
Поиск информации > Вопрос участникам форума > Изображение вопросительного знака
Выше были представлены лишь некоторые варианты составления ассоциативных цепочек, позволяющих в конечном итоге определить оптимальный вид будущей пиктограммы. Этот пример достаточно прост, т.к. использует весьма распространенный тематический объект - форум. Гораздо сложнее составить ассоциативную цепочку для специфических пиктограмм, например, такой, как "Гидрофобизирующие материалы, кашированные стеклохолстом" (реальный пример):
Гидрофобизирующие > Не пропускающие влагу > Вода > Изображение капли
Стеклохолст > Стекло > Блестящая поверхность с бликами > Холст > Лист бумаги > Изображение листа бумаги с зеркальными бликами
Цепочка 1 + Цепочка 2 = Изображение листа бумаги с зеркальными бликами, на фоне которого располагается капля воды
В данном случае слово "кашированные" представляет собой специфический термин, вследствие чего не было включено в составление ассоциативной цепочки. Также следует добавить, что такая пиктограмма может носить исключительно имиджевую функцию - в силу своей специфичности.
В завершение разговора о принципе ассоциативного ряда следует упомянуть такое понятие, как семантика - раздел языкознания, изучающий значение единиц языка, прежде всего слов. Семантический подход к составлению
образа пиктограммы позволяет формировать группы значений того или иного тематического направления и выбирать наиболее значимые смысловые элементы для разрабатываемых иконок.
Рис. 3: Реализация ассоциативного ряда пиктограмм в рубрике "Наш выбор" Интернет-магазина игрушек "Кенга.Ру".