
Параллакс скроллинг: продолжаем крутить сайты
13 примеров сайтов с параллакс-скроллингом. Эффект параллакс скроллинга в веб-дизайне становится все популярнее: пользователи больше не боятся.
13 примеров сайтов с параллакс-скроллингом. Эффект параллакс скроллинга в веб-дизайне становится все популярнее: пользователи больше не боятся.
Сейчас уже нет необходимости выносить все нужные элементы сайта на "видимое окно" при открытии. Пользователи привыкли к ежедневному скроллингу (спасибо лентам Вконтакте, Twitter и Facebook), а веб-дизайн уже неколько лет развивается в этом направлении, создавая интересные решения для студий, ресторанов, фитнес-центров и, по сути, для любой другой отрасли :)
Скроллинг долго не принимали из-за сложившихся традициций в печатных СМИ, когда при сгибании газеты или чтении журнала внимание читателя привлекалось к первой полосе и верхним заголовкам. 66% внимания пользователей концентрируется на областях, ниже так называемого "основного видимого экрана", который мы видим при загрузке сайта - об этом говорит статистика, опубликованная в статье Jerry Cao "Why long scrolling sites have become awesome" на TNW News.
Мобильное использование интернета становится все востребованне, а это залог дальнейшего развития скроллинга, поскольку в видимой части страницы помещается еще меньше информации. Управлять скроллингом жестами - процесс интуитивно понятный и интересный пользователям, это удобнее постраничной навигации.
Скроллинг подарил сайтам наглядный инструмент сторителлинга, плавный и приятный для погружения, и дающий контроль для управления скоростью загрузки - никаких раздражающих подгрузок. Дизайнеры получили возможность добавлять реагирующую на прокрутку анимацию, и общаться с сайтом в игровой форме стало гораздо веселее.
Красивые примеры сайтов с параллакс скроллингом
Baylie WordPress Theme
Отличный пример уже почти классического лендинга с большими картинками.
Broken Twill
Сайт берлинской дизайн-студии. Среди находок: активный плей-лист веб-студии в режиме онлайн.
theQ camera
Яркие видео-решения для видео-камеры.
Scytale
Параллакс-решения от дружелюбной португальской команды дизайнеров.
Cyclemon
Интерактивный выбор "Какой я велосипедист?" помогает найти нужный байк (да и просто насладиться приятным сайтом).
l’unita
Аппетитные решения для изысканного ресторана.
Fall in Tennessee
Как можно привлекать туристов в регион с помощью лендинга.
Kill your Darlings
Параскроллинг для продвижения фильма с помощью лендинга.
Spotify
Время музыки.
Codetex
Итальянский темперамент и европейская точность юзабилити.
Всем, кто следит за трендами интернет-рынка – подарок. Промокод A25-1572 на 25% скидку на трудочасы, отзывы и любые услуги магазина А25.
Всем, кто следит за трендами интернет-рынка – подарок. Промокод A25-1572 на 25% скидку на трудочасы, отзывы и любые услуги магазина А25.
Санкт-Петербург
Новорощинская ул., д.4, оф. 934-2
БЦ "Собрание",
ст. метро Электросила
Москва
Волоколамское шоссе, д.1, оф. 016
БЦ "Проектный институт",
ст. метро Сокол
