Wie man Köpfe mit CinemArgraphs hackt

cinemagraphs: faszinierende Bewegung für Webdesign

cinemagraphs, ähnlich wie hypnotisierende Schneekugel, nutzen subtile Bewegung, um ein überzeugendes Gefühl von Tiefe und dreidimensionaler zu schaffen, was die Auswirkungen statischer Bilder weit übertrifft. Diese faszinierenden Bilder werden aus kurzen Video -Schleifen hergestellt, die nahtlos verbunden sind, um einen spürbaren Start- oder Endpunkt zu beseitigen. Oft konzentriert sich die Animation subtil auf periphere Details und nicht auf das Hauptthema, wobei eine faszinierende Dynamikschicht hinzugefügt wird.

Snow Globe - Pink Martini

Die hypnotische Anziehungskraft der Schneekugel stammt aus diesem Prinzip - der faszinierende Wirbel der Schneeflocken schafft ein Gefühl von Raum und Atmosphäre und übertrifft die Summe seiner einfachen Teile. Dieser inhärente "Brain Hack" macht sie unbestreitbar engagiert. Cinemagraphs wenden dasselbe Prinzip für Webdesign an.

cinemArgraphs: ein Webdesign -Kraftpaket

cinemagraphs bieten eine kostengünstige Möglichkeit, Webdesign visuelle Energie und Tiefe zu verleihen. Sie vermitteln subtil Emotionen und Informationen und verbessern die allgemeinen Auswirkungen der Bilder Ihrer Website. Im Gegensatz zu Video-Hintergründen in Vollbewegung bieten CinemArgraphs eine überschaubare und wirkungsvollere Lösung.

Betrachten Sie das Beispiel von Wes McDowells The Deep End Design Site. Ein einfaches MP4-Video mit zwei Sekunden lang zeigt ein scheinbar noch individueller, der auf einem Laptop arbeitet. Die subtile Reflexion eines vorübergehenden Zuges im Fenster fügt jedoch eine dynamische Schicht hinzu, wodurch ein stärkeres Ortsgefühl erzeugt wird und auf subtile Weise den fokussierten, motivierten Geisteszustand des Subjekts vorschlägt. Diese Nuance ist mit einem statischen Bild unmöglich zu erreichen.

Wafting Coffee Dampf

Das Deep End -Design -Einsatz.

Erstellen Sie Ihre eigenen Kinos

Cinemagraphs erstellen ist mit verschiedenen Tools erreichbar, was entweder zu animierten GIFs oder zu Looped MP4s führt. Der Schlüssel besteht darin, die Animation in kleine, definierte Bereiche zu maskieren und den größten Teil des Bildes statisch zu lassen.

• Photoshop: spätere Versionen von Photoshop bieten robuste Werkzeuge für die Erstellung von Cinemagraph. Zahlreiche Tutorials sind online erhältlich.
• Flixel: Eine professionelle MacOS-Anwendung mit erweiterten Bearbeitungsfunktionen, ideal für die häufige Cinemagraph-Produktion.
• Blink: Eine Windows -Anwendung von Microsoft Research mit nützlichen Kino -Erstellungsfunktionen.
• Maskart (iOS): Eine benutzerfreundliche, kostenlose iOS-App zum Erstellen von CinemArlraphs, perfekt für Anfänger.

Flixel

Maskart - Maskieren der bewegungslosen Bereiche

cinemArgraphs vs. gifs: eine Klarstellung

Während Cinemagraphs ein Typ von GIF sind, sind nicht alle GIFs Cinemagraphs. Cinemagraphs weisen eine subtile, wiederholte Bewegung in einem überwiegend statischen Bild auf und erzeugt eine Illusion der Bewegung. Normale GIFs können verschiedene Bildsequenzen oder kurze Videoclips umfassen.

Die Kraft der Kinos in Marketing und SEO

cinemagraphs sind ein leistungsstarkes Marketinginstrument, das das Engagement erhöht und die Conversion -Raten steigern. Ihre Verwendung in Social Media, E -Mail -Marketing und Website -Bannern kann die visuelle Auswirkungen erheblich verbessern. Darüber hinaus kann ein erhöhtes Benutzer des Benutzers von Cinemagraphs indirekt zugute kommen, indem sie wertvolle Inhalte für Suchmaschinen signalisieren.

ursprünglich im SitePoint -Design -Newsletter .

veröffentlicht

Das obige ist der detaillierte Inhalt vonWie man Köpfe mit CinemArgraphs hackt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!