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

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

Подписаться Бесплатная новостная рассылка Подписчиков 2 RSS
←   Март 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Открыта: 11-02-2007

Автор
free_content

Статистика

2 подписчиков
0 за неделю
←   Все выпуски   →

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В избранное