Java, UX, HTML, CSS, WEB-design

4 типа прокрутки (и когда их использовать)


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

Горизонтальная прокрутка

Горизонтальная прокрутка в PRA Health Sciences

Большинство веб-сайтов используют вертикальную прокрутку, но прокрутка слева направо не исключена. Иногда горизонтальный — хороший выбор, например, когда вы имеете дело с большим количеством визуального контента, разрабатываете дизайн для мобильных устройств или создаете веб-сайт, похожий на слайд-шоу.

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

Горизонтальную прокрутку лучше всего использовать в следующих случаях:

  • Много визуального контента. Этот тип прокрутки не рекомендуется для страниц с большим количеством текста.
  • При создании слайд-шоу или веб-сайта с рассказыванием историй, который прокручивается в сторону.
  • Если ваши посетители приходят в основном с мобильных устройств, и это соответствует вашему видению дизайна.

Долгая прокрутка

Долгая прокрутка в Magic Leap

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

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

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

Итак, для чего подходит длинная прокрутка?

  • Расскажите историю с красивой анимацией, где многостраничный формат был бы неуместен.
  • Создание одностраничных сайтов с привлекательным дизайном.
  • Плавно передает много информации.
  • Тяжелый визуальный контент (фотогалереи, инфографика).

Бесконечная прокрутка

Бесконечная прокрутка в MADCLEM

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

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

Бесконечная прокрутка подходит не для каждого веб-сайта, но вот несколько примеров того, где она работает хорошо.

  • Работа с огромным количеством контента (статьи, изображения и т. д.).
  • Оптимизация доставки контента и доведение его до посетителей быстрее, без прерывания взаимодействия.
  • Помочь посетителям открыть для себя новый контент.
  • Контент без организации или категорий, например посты в социальных сетях.

Параллаксная прокрутка

Параллаксная прокрутка у Натана Райли

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

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

В противном случае «параллакс» — это широкая категория. Это может быть как простой, едва заметный фоновый эффект, так и анимационное приключение. Его потенциально можно использовать на любом веб-сайте!

Выбор правильного типа прокрутки

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

Теперь, когда вы их знаете, будете ли вы придерживаться традиционной прокрутки или попробуете что-то другое?

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.


Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — 4 типа прокрутки (и когда их использовать)

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье 4 типа прокрутки (и когда их использовать)

Название: 4 типа прокрутки (и когда их использовать) . Краткое описание: ⭐ Существует более одного способа прокрутить ве . Дата публикации: 16.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»