457 Shares 8826 views

Parallax – dies … Parallax-Effekt: Beispiele

Die Bewegungsparallaxe bedeutet eine Änderung der Position eines Objekts auf jedem Hintergrund relativ zum Beobachter, der sich an Ort und Stelle ist. Der Begriff an Popularität gewann im Internet. Insbesondere ist es interessant, an den Standorten zu suchen, die bei der Gestaltung von dynamischen Elementen vorhanden sind. Parallax – ein Weg-Seiten im Internet zu entwickeln, die von Webmastern verwendet wird, eine große Anzahl von Besuchern anlocken.

Was ist die Parallaxe

Parallax Scrollen kann vertikal und in einer geraden Linie verwendet werden. Als Beispiel wird die geeignetste Nintendo. Viele von uns mit Nostalgie Computerspielen vertreten die Bewegung der Hauptfiguren von der linken Seite zur rechten Seite des Bildschirms. Es ist auch möglich, nach unten zu bewegen, durch eine vertikal angeordneten geraden getragen. Parallax-Effekt auf das Netzwerk wird häufig verwendet. Sie können JavaScript oder CSS 3 einen vertikalen Schieberegler zu erstellen.

Für sie gerade beschrieben eigentümlichen die dreidimensionale räumliche Wirkung. Die Schöpfer von Spielen mehrerer Hintergrundschichten verwendet wurden. Sie unterscheiden sich in der Textur wird die Bewegung mit einer anderen Geschwindigkeit durchgeführt.

Denk nicht, dass Parallaxe – dies nur möglich ist, einen 3D-Effekt zu erzeugen. vorhandene Symbole können auf der Seite verschoben werden. Vor allem sieht es recht attraktiv. Vor allem die beste Möglichkeit ist, eine individuelle Flugbahn für jeden von ihnen zu verwenden. In diesem Fall verwendet es verschiedene Symbole über verschiedene Wege zu navigieren. Dieser Entwurf zieht die Aufmerksamkeit.

Wiederbelebung der Bild

Es ist schwierig, eine Website ohne Bilder zu finden. Qualitativ gemacht und Richtwerte locken die Besucher. Aber die meisten Aufmerksamkeit Ursachen alle Arten von dynamischem Bild. Tatsächlich, wenn die Bewegung beobachtet, zieht es die Aufmerksamkeit, wenn Sie die Website besuchen. Signifikant erhöht die Wahrscheinlichkeit Besucher der Ressource zu einem dynamischen Bild zurückzugeben. Und es schien, oder nicht zu bewegen? Deshalb, um Besucher auf die Website gewinnen sollte, so etwas wie der Parallaxe-Effekt untersucht werden.

Beispiele für Webseiten mit bewegten Bildern:

  • hvorostovsky.com;
  • www.kagisointeractive.com.

Wie in den Beispielen gezeigt, verbessert die Wahrnehmung im Pull-Down-Menüpunkt. Ein solches Element spart Zeit Besucher so attraktiv für sie.

jQueryBibliothek

Begriff jQueryParallax die gleichnamige Bibliothek bestimmen. Dank es ist einfach, die Wirkung in 3D-Bewegung zu erreichen. Die jQuery-Bibliothek von dreidimensionaler Wahrnehmung wird auf verschiedene Weise erstellt. Einer von ihnen ist horizontal, während Hintergrund bewegen sich mit unterschiedlichen Geschwindigkeiten Objekte. Für diese Bibliothek neigt dazu, die große Anzahl von verschiedenen Arten von Immobilien. Und die Verschiebung hier beschrieben stellt nur einen kleinen Teil seiner Fähigkeiten.

Es sieht ziemlich attraktiven Standort, das eine Vielzahl von modernen Elementen zu schaffen, ist verwendet worden. Einer von ihnen – die Parallaxe. Beispiele von Websites können wie folgt aussehen:

  • www.grabandgo.pt;
  • www.fishy.com.br;
  • www.noleath.com;
  • buysellwebsite.com.

jParallax präsentiert Schichten, bewegen sich die Maus bewegt. Für die dynamische Charakteristik der absoluten Positionierungselemente (Position: absolute;). Jeder von ihnen ist durch seine Größe und Bewegung auf die einzelne Rate gekennzeichnet. Dies kann ein Text oder ein Bild (optional Ressource Schöpfer) sein.

Die Wahrnehmung der Website-Besucher

Danach zahlen die Menschen in der Regel auf die Tatsache aufmerksam, dass die Seite hohe Qualität eingerahmt ist, bequem und kompetent. Diese Tatsache ist in der Regel eine Frage des Respekts. Manchmal Neugier erfahren die anderen Elemente entstehen. Im Internet gibt es eine große Anzahl von identischen Seiten. Wie Sie Ihr Leben besonders machen?

Wenn der Entwurf, den Sie mögen, dann wird der Besucher für einen längeren Zeitraum bleiben. Somit ist die Wahrscheinlichkeit erhöht, dass es hochgeladenen Informationen anziehen wird, zeigt er Interesse. Am Ende werden die Menschen die Vorteile von Dienstleistungen angeboten, Produkt- oder Werbeangebot.

Bevorzugte alte Spiele

Das Konzept der „Parallaxe“ sollte für alle Fans der Konsolen 80-90s vertraut sein. Dies gilt für Spiele:

  1. Mario Bros.
  2. Mortal Kombat.
  3. Streets of Rage.
  4. Moon Patrol.
  5. Turtles in Time.

Das heißt, die Parallaxe – eine Technik, die eine ausreichend lange Zeit verwendet. Diese Spiele sind wirklich erinnern mit etwas Nostalgie. Nach allem, wenn sie mit dem Charakter der Zeit sind erfüllt.

Bilder auf dem Bildschirm werden unter Verwendung von Techniken wie Parallax-Scrolling erstellt. Es ist nicht verwunderlich, dass diese Methode eine wohlverdiente Popularität gewonnen hat. Dieses Design-Konzept ist warm genug, von denen wahrgenommen, die in den 80 bis 90 Jahren gespielt und Freizeit Freunde beobachtet.

Parallax Scrolling

Vermarkter von führenden Marken sind seit langem alle möglichen technologischen Fortschritte verwendet. Somit ist es möglich, auch die gelegentlichen Besucher Website zu interessieren.

Parallax-Scrolling in Nikes recht erfolgreich eingesetzt. Die Entwicklung der Original-Website des Unternehmens beschäftigt Designer Weiden und Kennedy. Allerdings ist dieser Entwurf nicht erhalten. Quelle allmählich nach den modernen Trends aktualisiert. Activatedrinks.com – Beispiel für eine Website, deren Design erinnert an Dekoration von den Vertreibern verwendet Nike Zeitraum angegeben.

Lautsprecher sollte nicht viel sein

Vergessen Sie nicht, dass das Design der Website oft ein wichtiges Kriterium ist, dass der Besucher führt. Schlecht in der Regel machte das Leben hinterlässt dem Anwender den Eindruck von Nachlässigkeit des Inhabers des Unternehmens. Und hier ist eine Seite mit allen Arten von attraktiven Design-Elementen legt nahe, eine Anstrengung an dem Eigentümer Organisation interessierter Besucher.

Es lohnt sich, die Parallaxe zu erinnern. Es ist ein wunderbares Werkzeug. Aber selbst brauchen sie nicht viel zu beteiligen. Da die Seite, wo es eine große Anzahl von verschiedenen Arten von mobilen Elementen ist, ist ziemlich kompliziert zu verstehen. Am besten ist es ein Spiel, das Beste aus stilvoll und intuitiv zu machen.

Dynamische müssen separate Elemente sein, die Isolation erfordern. Auch kann es sein vorliegende Zeichnung, die durch Verwendung eines sich bewegenden relativ zu den anderen Schichten angelegt wird. Vergessen Sie nicht, dass die Benutzer-Website ist in erster Linie für die Besucher gemacht. Es soll nicht ein Web-Master Meisterwerk sein, legte all sein Wissen. Immerhin ein solcher Ansatz nur komplizieren Wahrnehmung.

Wie eine Bewegung online erstellen

Wie eine Parallaxe machen? Dieses Problem ist sehr interessiert an den vielen Website-Ersteller. müssen nicht die Feinheiten der Schrift-Tags kennen. Es ist sehr bequem spezielle Ressourcen im Internet zu nutzen. Von der großen Zahl bestehender Vorschläge sind folgende Mitarbeiter:

  1. Plax – Programm, das ziemlich einfach zu bedienen ist. Sie neigen dazu, die Mobilität der Seite durch Bewegen der Maus zu geben.
  2. jQuery Parallax Image Slider – jQuery-Plugin verwendet Bild Schieberegler zu erstellen.
  3. JQuery Bildparallaxe – geeignet für die Dekoration von transparenten Bildern. Dank der Verwendung von PNG, GIF acquire Tiefe, lebendige Bewegung.
  4. Curtain.js verwendet, um die Seite, ausgestattet mit einer festen Platte zu schaffen. In diesem Fall ist es die Wirkung der die Vorhänge zu öffnen.
  5. Scrolling Parallax: Ein jQuery Plugin ist eine Parallaxe-Effekt zu erzeugen, wenn Sie das Mausrad scrollen.

Nur ein paar nützliche Plugins

Wie bekannt ist, ist das wertvollste Informationen. Und je größer die Anzahl von Möglichkeiten, um die gewünschte bekannt ist, desto näher die Wahrscheinlichkeit des Erhaltens ein korrektes Ergebnis zu erzielen. Nützliche Plug-In zum Erstellen Dynamik:

  1. jQuery Scroll Path – verwendet, um Objekte auf dem angegebenen Pfad zu platzieren.
  2. Scrollorama – jQuery-Plugin. Es wird als ein Werkzeug für die attraktive Präsentation Material verwendet. Es ermöglicht eine einfache Scrollen durch „wiederbeleben“, um den Text auf der Seite zur Verfügung.
  3. Scrolldeck – jQuery-Plugin. Es ist eine großartige Lösung für die Verwendung als Präsentation für die Website, als eine einzelne Seite entworfen.
  4. jParallax bewegt Schichten in Abhängigkeit von der Bewegung des Mauszeigers.
  5. Stellar.js – Stecker von dem jedes Element wird mit der Zugabe von Parallaxeneffekt Scrollen vorgenommen.

Parallax mit Bezug auf den Cursor

Es genügt, sieht effektiv eine Parallaxe. Noch auf dem ersten Seite eines Website – Objekte werden bei der Annäherung bewegt den Mauszeiger. Es kommt zum Leben und folgt das bewegliche Elemente.

Erste Station soll die Figur sein. Das gewünschte Bild wird im Rahmen, mit den Kanten platziert Sie ausblenden möchten. Das Verfahren ist sehr einfach, und das so erhaltene Muster sieht sehr attraktiv.

Parallax-Effekt für eine Website – es ist eine wunderbare Art und Weise zu gestalten. Seine Verwendung deutet darauf hin, dass die Schaffung einer Ressource ist gebührende Aufmerksamkeit geschenkt. Daher ist es notwendig, die Aufmerksamkeit auf die Dienste zu bezahlen angeboten oder Informationen gelesen werden. Diese Seiten sehen vorteilhaftere vor dem Hintergrund identisch, sondern einfach Ressourcen eingerichtet.