Дипломная работа проектирование и разработка интернет-магазина «Колибри»

Дизайн элементов

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

1 Стилистика шрифтов

Вынесем отдельно стилистику шрифтов. Стилистика шрифтов в первом приближении делится на шрифты элегантные (мягкие с плавными изгибами) и грубые (без лишних изгибов, иногда даже подчеркнуто грубыми). Подбирается стилистика шрифтов исходя из того какая категория товаров будет представлена.

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

2 Навигация

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

• 
  Позволить пользователю самому выбирать информацию, а не заставлять его смотреть все;
  
• 
  Иметь возможность модифицировать структуру сайта и добавлять/удалять разделы.
  

Рисунок 1 – Иерархическая навигационная схема интернет-магазина

Сайт делится на 3 группы навигации:

1.