Ponad 30 stron internetowych, które udowadniają, że paralaksa nie jest martwa

Przewijanie paralaksy definiuje się jako miejsce, w którym obraz tła przewija się szybciej niż pierwszy plan, tworząc wrażenie głębi. Ta sztywna definicja leży u podstaw większości mitów na temat paralaksy: nie nadaje się do wielu stron, nie nadaje się do dużych witryn, nie nadaje się do użytku na urządzeniach mobilnych, jest przestarzały trend, nie nadaje się do użyteczności, użytkownicy jej nie lubią , jest złe dla SEO, mógłbym kontynuować ...

Lepszą definicją byłoby: przewijanie Parallax to miejsce, w którym elementy przewijają się z różnymi prędkościami, tworząc dynamiczny efekt.

Jak wszystko, przewijanie paralaksy jest złe dla strony internetowej, gdy jest źle zrobione. Ale tak wiele stron dobrze radzi sobie z paralaksą.

Ten paralaksowy trend sprzed paru lat nie polegał na paralaksie, chodziło o płaskie ilustracje, przewijanie na zawsze, by dostać się do treści, strony z jedną stroną z linearnymi narracjami. Te doświadczenia użytkownika są przestarzałe, ale sama paralaksa się nie dzieje, ponieważ przewijanie w Internecie jest naturalne.

Nowoczesna paralaksa pogarsza się z wdziękiem, leniwy ładuje elementy i pozytywnie wpływa na wrażenia użytkownika. Użytkownicy potrzebują wizualnej informacji zwrotnej dla swoich interakcji, a przewijanie paralaksy to doskonały sposób na uzyskanie opinii na temat najczęściej spotykanych interakcji w Internecie, przewijanie.

Nagłówek paralaksy

Jedną z najczęstszych implementacji przewijania paralaksy jest paralaksa nagłówka. Gdy twoje oczy zobaczą głębię, trudno je rozróżnić, więc aby stworzyć klasyczne wrażenie głębi, musisz tylko wprowadzić je w nagłówku. Pozostawiając resztę zawartości przewijać normalnie.

Chris Roberts

Tim de Graag

Milan Design Week

Y7K

Kontor

Wina Billa Byrona

Przestrzenie

Karen Atherley

Paralaksa tekstowa

Paralaksa jest często używana do ulepszania UX, dzięki utrzymywaniu treści tekstowej na pierwszym planie i środku, a jednocześnie wspierając treści, takie jak obrazy przewijające się obok użytkownika.

Systemy Fletchera

Sztuka przemysłu

jabłko

Kolejna ucieczka

Lubię zdjęcie

Subtelna paralaksa

Podobnie jak poprzedni zamieszek, którego jedynym ukłonem w swoje nastoletnie lata jest nadmierny entuzjazm dla eyeliner w sobotnią noc, przewija się paralaksa. Subtelne efekty paralaksy zastosowane do kilku elementów tworzą eleganckie przeżycie, które oczarowuje i angażuje użytkownika.

Postać

Nutsandwoods

Trzeba kochać frontend

Hay Rosie

Harewood Estate

Naprawiono paralaksę punktową

Paralaksa ze stałym punktem jest idealna, aby skupić się na głównej treści. Ten rodzaj paralaksy jest często osiągalny dzięki samym CSS i tworzy wydajne i funkcjonalne strony. To idealna technika do prezentacji produktów.

Format

Napompowane

Simon Foster

Klasyczna paralaksa

Klasyczne, pełne, paralaksy wciąż są produkowane. Istnieją dziesiątki witryn, które używają go z wielkim skutkiem. Parallax daleko wykracza poza trend, jest to naturalny efekt w sieci, co pokazują te strony.