• Free consultations 24/7
  • Иконка телефона +1 (310) 933-4443
    Поддержка: Онлайн

    Ждем вашего звонка :)

    Наше рабочее время:

    Mon — Fri, 8am — 2am (EST)

    Поддержка: Офлайн

    Будем онлайн через: 2h 34 min

    Наше рабочее время:

    Mon — Fri, 8am — 2am (EST)

Использование слайдеров в веб дизайне

slider-design-inspiration-website-design-templates-013Очень часто бывает, что есть важная информация, которую нужно на сайте поместить так чтобы посетитель сразу ее заметил. Тогда самым лучшим способом будет создание слайдера. При правильном его использовании информация, которая в нем располагается, принесет максимум пользы. Кроме того что это смотрится очень красиво так это еще и позволяет компактно использовать пространство.
Слайдеры часто используют для того чтобы показать самую главную информацию которая есть на сайте или для рекламы каких то акций и специальных предложений, для того чтобы показать главные достоинства вашего сайта и много чего еще.

Что должен содержать слайдер
Одним из самых важных элементов слайдера являются булеты. Они позволяют посетителю понять, на каком слайде он находится и который будет следующий. Если булеты настроены автоматически, и они переключатся сами при этом, не давая возможности переключить слайдер посетителю, то этим они могут приносить некоторые неудобства. Поэтому лучше чтобы они были настроены наполовину автоматически наполовину вручную, чтобы посетитель смог переключить слайдер самостоятельно, когда ему это понадобится.
slider-design-inspiration-website-design-templates-007

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

Делая слайдер, старайтесь всегда растягивать фотографию, которая лежит в основе слайдера до максимальной ширины. Это позволит пользователям, которые пользуются большим экраном, видеть красивый сайт, а не обрезанный слайдер который придает ощущение, что сайт еще не закончен. Также не забывайте о «первом экране». Первый экран это первые 650px которые видит пользователь при самом меньшем мониторе. Постарайтесь в эти 650px засунуть все самое важное и если там есть слайдер, он не должен вылезть из этих размеров.

Вот несколько красивых слайдеров для вдохновения :
slider-design-inspiration-website-design-templates-024

slider-design-inspiration-website-design-templates-021

slider-design-inspiration-website-design-templates-016

slider-design-inspiration-website-design-templates-010

Posted on 15.03.2013

Category: Дизайн web-сайта

Article tags

Вы дизайнер?

Join Us

всего в сообществе

~150.1k дизайнеров


Related Articles

Пришло время «слайдить»!

Дизайн web-сайта, Разработка (html5, css и т.п.)

Давайте начнем издалека. Что такое дизайн? Если говорить простым языком, это услада для глаз,...

Анимацию в студию!

Дизайн web-сайта, Разработка (html5, css и т.п.)

С увеличением конкуренции и развитием Интернета разработчики веб-сайтов все активнее стали использовать в своей...