Создание дизайна сайта, в
котором система навигации (гиперссылки) выполнена в виде
графических анимационных кнопок (меняющихся кнопок). Иногда их называют "ролловерами"
(англ. rollover). Для уменьшения времени загрузки страниц вместо графических рисунков возможно
применение псевдографики, выполненной с использование спецэффектов DHTML. |
Чем выше профессиональный уровень веб-дизайнера, тем меньше он
применяет анимацию и спецэффекты. Нижеприведённая информация дана
в демонстрационных целях.
|
Примеры 1-20 анимационных кнопок (меняющихся кнопок) с использованием
псевдографики (спецэффекты DHTML).
Нажмите на кнопку для просмотра эффекта. Гиперссылок на кнопках нет.
Сдвига нет |
|
Сдвиг влево |
|
Сдвиг вправо |
|
|
|
|
|
Дизайн 1
|
|
Дизайн 8
|
|
Дизайн 15
|
|
|
|
|
|
Дизайн 2
|
|
Дизайн 9
|
|
Дизайн 16
|
|
|
|
|
|
Дизайн 3
|
|
Дизайн 10
|
|
Дизайн 17
|
|
|
|
|
|
Дизайн 4
|
|
Дизайн 11
|
|
Дизайн 18
|
|
|
|
|
|
Дизайн 5
|
|
Дизайн 12
|
|
Дизайн 19
|
|
|
|
|
|
Дизайн 6
|
|
Дизайн 13
|
|
Дизайн 20
|
|
|
|
|
|
Дизайн 7
|
|
Дизайн 14
|
|
Дизайн 21
|
Основные преимущества применения псевдографики для создания анимационных кнопок
(меняющихся кнопок) при создании дизайна веб-сайта:
-
Поддержка (просмотр без ошибок)
практически всеми Интернет-обозревателями (браузерами) и их версиями.
-
Значительное уменьшение времени загрузки страниц сайта.
Примечание: данная страница сайта имеет
время загрузки в два раза меньшее, по сравнению со аналогичной страницей,
использующей графику для создания анимационных кнопок.
-
Меньшая, по сравнению с графическими кнопками, сложность обновления кнопок при изменении сайта (добавление
и удаление страниц, изменение названия страниц, изменение расположения
страниц в системе навигации и т.д.).
-
Меньшая трудоёмкость изготовления кнопок
для сайта с большим количеством страниц.
-
Псевдографические кнопки, как правило, занимают меньшее пространство
на страницах сайта.
-
Псевдографика меньше отвлекает внимания посетителей
сайта от основного содержания сайта (товаров и услуг, представленных на
сайте), по сравнению с графическими кнопками.
-
Возможен просмотр кнопок при
отключении посетителем сайта опции просмотра графики.
Резюме
аказывая анимационные кнопки, при
создании дизайна сайта или реконструкции сайта,
рассмотрите возможность
применения псевдографики как альтернативу обычной графики: применение
графических рисунков для создания эффектов "меняющаяся кнопка".
Примечание
Наиболее удачная и универсальная организация системы навигации сайта -
применение текстовых гиперссылок со спецэффектом "ролловеров" (используется
в дизайне нашего сайта).
|
Веб-студия "Антула" - веб-дизайн и редизайн сайта
Под редизайном подразумеваются: доработка сайта, модернизация
сайта, новый веб-дизайн, новый дизайн сайта, оптимизация сайта, переделка сайта,
поисковая оптимизация сайта, реконструкция сайта, реставрация сайта,
улучшение сайта.
|
|
|