Украшаем сайт

Сайт должен быть не только красивым и информативным, но и идти в ногу со временем, соответствовать модным тенденциям. Да-да, на дизайн сайтов тоже есть мода! Постоянно появляются какие-то интересные новинки, оформительские приемы, приемы подачи материала.

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

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

Немного о том, какие элементы обычно используют на сайтах.

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

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

Существуют различные разновидности слайдеров, такие как, например, слайдер типа «карусель». В таком слайдере слайды выезжают справа, и уезжают налево, и создается впечатление бесконечной ленты. При этом на экране одновременно может появляться либо один, либо несколько слайдов.

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

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

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

Есть еще один элемент, который в последнее время используется очень часто. Это так называемый эффект параллакса. Суть его в создании впечатления объема за счет того, что информация выводится несколькими слоями, и эти слои имеют разную скорость прокрутки. Этот элемент очень эффектен, и всегда привлекает внимание.

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