Главная > Web-дизайн > 18 красивых примеров parallax-скроллинга в веб-дизайне

18 красивых примеров parallax-скроллинга в веб-дизайне


11 мая 2012, 14:35. Разместил: Design FactoRy
Эффект параллакс в веб-дизайне – это нечто, что в последние годы стало набирать обороты. Если использовать данную технику правильно, она может в значительной степени улучшить ваши интерфейсы и дать возможность создания бесшовной навигации. Если использовать её неправильно, то ваша страница будет похожа на свалку с кучей хаотично перемещающихся элементов. Если вы собираетесь использовать parallax-скроллинг в вашем следующем веб-проекте, то для начала ознакомьтесь с нашей сегодняшней подборкой.

01. Hero

18 красивых примеров parallax-скроллинга в веб-дизайне

Шаблон портфолио на WordPress, в котором эффект parallax используется в баннере на главной странице для привлечения внимания к ключевому посылу сайта.

02. Bagigia

18 красивых примеров parallax-скроллинга в веб-дизайне

Прокрутите страницу вниз и насладитесь фотографиями продукции во всей красе, со всех ракурсов.

03. Friendly Gents

18 красивых примеров parallax-скроллинга в веб-дизайне

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

04. Whiteboard

18 красивых примеров parallax-скроллинга в веб-дизайне

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

05. Playtend

18 красивых примеров parallax-скроллинга в веб-дизайне

Playtend выбрали очень забавный концепт и реализовали его на довольно высоком уровне. Пролистайте страницу вниз, и тогда вы увидите, как монстр «поедает контент».

06. New Zealand

18 красивых примеров parallax-скроллинга в веб-дизайне

Пролистывайте страницу для того, чтобы ознакомиться с некоторыми вещами, которые можно делать в Новой Зеландии.

07. TokioLab

18 красивых примеров parallax-скроллинга в веб-дизайне

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

08. Cheese Please

18 красивых примеров parallax-скроллинга в веб-дизайне

Cheese Please – это игра, так что здесь можно сразу ожидать множество различных цветов и веселых элементов. Даже несмотря на то, что движению подвергнуты все цвета и элементы, эффект выглядит очень классно.

09. Marcus Thomas

18 красивых примеров parallax-скроллинга в веб-дизайне

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

10. Krystalrae

18 красивых примеров parallax-скроллинга в веб-дизайне

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

11. Air Jordan 2012

18 красивых примеров parallax-скроллинга в веб-дизайне

Прокрутите страницу для выбора режима полета, чтобы увидеть эффект во всей красе.

12. Q music Titanic

18 красивых примеров parallax-скроллинга в веб-дизайне

Прокрутите страницу до самого низа для того, чтобы узнать некоторые факты о Титанике и для того, чтобы увидеть корабль на дне океана.

13. no leath

18 красивых примеров parallax-скроллинга в веб-дизайне

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

14. Putzengel

18 красивых примеров parallax-скроллинга в веб-дизайне

Красивые цвета, шрифты и текстуры будут летать перед вашими глазами в то время как вы будете рассматривать продукцию и изучать предложенные услуги.

15. Fishy

18 красивых примеров parallax-скроллинга в веб-дизайне

Забавный и креативный подход к использованию параллакс-скроллинга, реализованного на веб-сайте креативного агентства.

16. Tokyu Agency Recruit 2013

18 красивых примеров parallax-скроллинга в веб-дизайне

Нажмите кнопку «start», и вы будете перенесены к дороге, с которой вы можете прокрутить на страницу до требований, выставленных при приеме на работу.

17. Soleil Noir

18 красивых примеров parallax-скроллинга в веб-дизайне

Прокрутите страницу, чтобы увидеть пестрое и плавное навигационное меню. Цветовая схема, текстуры и шрифт очень привлекательны.

18. OK Studios

18 красивых примеров parallax-скроллинга в веб-дизайне

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