Что такое “параллакс” и при чем тут сайт?

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

Видео-пример:

pfg_prallax.png

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

Примеры:

Lexus.png  Spaziergang.png

Saucony.png  Teapot.png

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

Параллакс-эффект трудно сочетается с сайтами где есть:

  • Новости, события и мероприятий, как на новостных порталах

  • Каталог товаров с акциями, распродажами и подбором по характеристикам, т.е. основные элементы интернет-магазина

  • Блоги, отзывы, комментарии, свойственные социальным сетям.

Подобные типы сайтов сложно представить с параллаксом.

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

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

Оцените статью
07.05.2014
Понравилась статья?
Поделитесь ссылкой с друзьями и коллегами!

Статьи по теме

Доработка системы LMS KnomaryMust have для бизнеса, где главный актив это люди, — стратегия обучения и развития персонала. Рассказываем как помогли доработать LMS-систему для крупной произв...
«Как раньше» больше не работает — B2B-система продаж сейчасВ этой статье хотим поговорить с чем сейчас сталкивается оптовый бизнес (множеством вызовов и изменений, которые требуют адаптации, а также оптимизации процессо...
Интеграция B2B-платформы на Битрикс с системой авторизации KeycloakВ период бурного роста компании менеджмент учетных записей сотрудников и клиентов может стать проблемой. Решение — интеграция с брокером авторизаций Keycloak ил...
Разработка календаря бронирования для сайта на Битрикс авиационного учебного центраЧтобы пилоты авиакомпаний могли бронировать время своих тренировок в учебном центре, мы разработали для них удобный модуль бронирования времени. Рассказываем по...
Продавайте больше через индивидуальные скидки и персональные цены для оптовиковВ статье рассказываем, как с помощью функционала работы с ценами и скидками можно привлекать новых b2b-клиентов и удерживать старых, создавая долгосрочные и вза...
Биллинг ИТ-компании на laravelОбычно мы рассказываем, как принесли пользу клиенту. Но сегодня у нас будет особый разговор, ведь заказчиком биллинговой системы ИТ-компании была… ИНТЕРВОЛГА! ...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем