6 Strony internetowe z efektem paralaksy

Soleil Noir, pajęczyna z efektem paralaksy

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

  1. 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. Cyklmon
  2. 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. Obraz makaronu
  3. 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. Tytaniczny
  4. 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. Witryna Sony
  5. 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. Soleil Noir, pajęczyna z efektem paralaksy
  6. 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? Sieć odcieni niebieskich
  7. Gilgu: Uwielbiałem gify w tle. Nie rozumiem niczego, co mówi w sieci, ale podoba mi się to. Gilgu

Treść artykułu jest zgodna z naszymi zasadami etyka redakcyjna. Aby zgłosić błąd, kliknij tutaj.

2 komentarzy, zostaw swoje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany.

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.

  1.   projectycreationweb.com powiedział

    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.

  2.   Lewis Spowodował powiedział

    W jaki sposób uzyskujemy dostęp do tych projektów?