—»     —»   18 красивых примеров parallax-скроллинга в веб-дизайне
  Раздел: Web-дизайн   Нет комментариев  

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



Эффект параллакс в веб-дизайне – это нечто, что в последние годы стало набирать обороты. Если использовать данную технику правильно, она может в значительной степени улучшить ваши интерфейсы и дать возможность создания бесшовной навигации. Если использовать её неправильно, то ваша страница будет похожа на свалку с кучей хаотично перемещающихся элементов. Если вы собираетесь использовать 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-скроллинга в веб-дизайне

Еще один отличный пример фиксированного изображения с движущимся контентом.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Design FactoRy   Прочитано (раз): 17918   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2019    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031