Skip to main content

Paralaksa

Znaczenie

Parallax lub ParallaxScrolling to trend w dziedzinie projektowania stron internetowych. Jest to efekt wizualny, który nadaje stronom internetowym pewną głębię. Efekt ten jest kontrolowany przez funkcję przewijania: Jeśli odwiedzający przewija w dół, poszczególne elementy witryny poruszają się z różną prędkością. Na przykład, obraz w tle może poruszać się powoli, podczas gdy zdjęcia lub elementy graficzne na pierwszym planie poruszają się szybciej.

Ogólne informacje o Parallaxie

Tak zwany “efekt paralaksy” tworzy wrażenie głębi. Strona wygląda jak animacja 3D, która jest kontynuowana poprzez przewijanie w dół. Ta graficznakoncepcja obsługi

nadaje się szczególnie do tak zwanego “storytellingu”, ponieważ konsumpcja treści strony internetowej może być wspierana przez efekty przewijania.
ParallaxScrolling korzysta z dwóch różnych paralaks ruchu. Kiedy obserwator porusza się równolegle do dwóch elementów, elementy te wydają się poruszać z różnymi prędkościami. Bliższy element wydaje się poruszać szybciej, podczas gdy bardziej odległy element wydaje się poruszać wolniej. Powoduje to u obserwatora szczególne postrzeganie głębi: ludzki mózg przetwarza te bodźce w taki sposób, że wyświetlane efekty są odbierane jak w 3D.
[su_list icon=”icon: hand-o-right” icon_color=”#187bc0″ indent=”-5″]

Istotne w następujących dziedzinach:

  • Geometria
  • Astronomia
  • Fotografia
  • Metrologia
  • Grafika 2D i 3D
  • Projektowanie stron internetowych
[/su_list]

Paralaksa jest używana w grach komputerowych 2D do tworzenia głębi i nadawania graczowi orientacji. Od kilku lat technika ta jest również wykorzystywana w projektowaniu stron internetowych do tworzenia efektów przewijania paralaksy.

Jak to działa?

ParallaxScrolling może być zaimplementowany w nowoczesnych projektach stron internetowych na różne sposoby. W wielu przypadkach elementy tła i obrazy na pierwszym planie są wykorzystywane w taki sposób, że obserwator porusza się równolegle do funkcji przewijania na stronie internetowej. Widoczny obszar strony internetowej (viewport) stanowi punkt stały dla obserwatora. Strona porusza się od tego stałego punktu, podczas gdy poszczególne obiekty poruszają się wolniej lub szybciej. W środowisku przeglądarki ruchy te są możliwe dzięki zastosowaniu nowoczesnych funkcjonalności CSS3 (Cascade Style Sheets).

Przypadki użycia Paralaksy

Najczęstszym przypadkiem użycia jest storytelling. W tym przypadku zawartość strony internetowej jest tworzona w taki sposób, aby przedstawić obserwatorowi historię w miarę jej przewijania. Techniczna prezentacja treści i prezentacja oferowanych informacji są w ten sposób idealnie połączone. Sklepy internetowe, strony wprowadzające produkty na rynek, jak również kampanie reklamowe i strony freelancerów wykorzystują zalety Paralaksy, aby opowiedzieć wizualną historię swoim gościom.

Zalety i wady w skrócie

ParallaxScrolling został okrzyknięty światowym trendem i został wykorzystany w wielu znanych i bardzo udanych projektach. Jednak te strony zostały specjalnie zaprojektowane, aby wykorzystać zalety paralaksy do celów prezentacji i włączyć ją do ogólnej koncepcji w najlepszy możliwy sposób.

Pro
  • Dzięki wizualnemu wyglądowi treści pozostają dłużej w pamięci odwiedzającego. Użytkownicy mogą szybciej zaspokoić swoje potrzeby w zakresie wyszukiwania i powrócić ponownie na stronę.
Contra
  • Zastosowanie efektów ParallaxScrolling wiąże się z większym nakładem pracy i wydłużeniem czasu ładowania strony.
  • Ponieważ efekt ten stosowany jest zazwyczaj na tzw. stronach jednostronicowych, istnieją pewne niedogodności z punktu widzenia optymalizacji pod kątem wyszukiwarek internetowych.

Wniosek

Jeśli Parallax jest używany rozsądnie, może przyczynić się do zwiększenia użyteczności strony

i pomóc w efektownym przedstawieniu treści.


Masz jeszcze jakieś pytania?

Prosimy o kontakt z nami


Dalsze treści