El Efekt paralaksy Jest to komponent sieciowy, o którym słyszysz dziś najwięcej. Powiedzieć, że jest to trend od co najmniej roku, to niewiele. Po rozkwicie HTML5, CSS3, jQuery i witryn jednostronicowych (składających się z jednej strony), ten efekt optyczny dotarł do najbardziej zaawansowanych witryn internetowych, aby nas zadziwić.
Jeśli będziemy surfować po sieci, zobaczymy, że na większości stron jej użycie jest eksperymentalne. Zwłaszcza w kategorii portfolio online projektanci dają upust swojej wyobraźni pokaż swoje umiejętności i spróbuj zrobić o jeden krok więcej niż zrobił partner z sąsiedztwa. Tutaj przedstawiamy kompilację 6 stron internetowych z Parallaxem, które możesz zobaczyć i skomentować.
Co to jest paralaksa?
Zacznijmy od początku, o co chodzi z paralaksą? Polega to jedynie na tym, że podczas poruszania się w pionie po stronie (czyli przewijania) tło przesuwa się znacznie wolniej niż pozostałe elementy. To tak, jakbyśmy podzielili naszą stronę internetową na dwie lub więcej warstw programu Photoshop. Efekt paralaksy daje nam efekt uczucie głębi, który wielu nazywa również efektem 3D.
Mając te wszystkie „wiadomości”, nigdy nie możemy dać się ponieść trendom do tego stopnia, że zapomnimy o prawdziwym celu strony internetowej: komunikować, Powiedz coś. I widziałem liczne witrynyw którym kreatywność obrazów i elementów, które w magiczny sposób poruszają się na ekranie, jest tak przytłaczająca, że mój wzrok nie zatrzymuje się, by przeczytać to, co się w nim mówi.
6 Przykładowe strony internetowe z efektem paralaksy
- Cyklmon: Efekt paralaksy, który działa i przynosi korzyści. Jest mało tekstu, bardzo zwięzły, któremu towarzyszy ilustracja to się zmienia wraz z nim. W tym przypadku efekt mi nie przeszkadza: pomaga mi zainteresować się treściami, które w inny sposób opowiadane w ogóle by mnie nie pociągały.
- L'unità: Pociąga mnie jakość obraz wieńczy sieć. Jednak obfitość obrazów i niewielka wysokość nadana każdej sekcji wprowadzają mnie w błąd. Efekt paralaksy mi nie przeszkadza, ale myślę, że wyższe sekcje zyskałyby więcej. Przy okazji: jeśli zamkniesz sieć i ponownie ją otworzysz, główny obraz się zmieni.
- Tytaniczny: Po prostu fajne i genialne. Gdy wszedłem po raz pierwszy, nie mogłem uniknąć przewijania przez cały czas, aż dotarłem do końca. Wróciłem więc na początek sieci, aby przeczytać treść, ponownie ciesząc się efektem paralaksy. Powiesz mi, co myślisz.
- Sony: Jeśli szukałeś w Internecie przykładów paralaksy, najprawdopodobniej widziałeś tę stronę. I to jest logiczne, ponieważ wynik jest niesamowity. Najlepsze zastosowanie efektu, jakie do tej pory widziałem, bez wahania.
- Soleil noir: Wiele przypomina mi Cyclemon. Są to również ilustracje połączone z niewielkim tekstem. Bardzo podoba mi się pasek boczny sklasyfikowany według koloru, który daje nam możliwość cofnięcia się lub przejścia do dowolnej sekcji.
- Podejrzany: Przepraszam, nie jestem przekonany. To strona internetowa, która przyprawia mnie o zawrót głowy: jest za dużo elementów, mam wrażenie, że wszystko się porusza… Nie bardzo mi się to podoba. Co myślisz?
- Gilgu: Uwielbiałem gify w tle. Nie rozumiem niczego, co mówi w sieci, ale podoba mi się to.
Jaki ciekawy efekt ma Paralax, bardzo chciałbym dowiedzieć się, jak to osiągnąć, aby go ćwiczyć i uwzględnić w niektórych moich projektach internetowych.
W jaki sposób uzyskujemy dostęp do tych projektów?