Der ehemalige Flash-Effekt kann als Inspiration für eine neue Interaktion angesehen werden, es lohnt sich, sein Ziel zu halten und die Art und Weise, wie es gemacht wird, an moderne Geräte und Bedürfnisse der Kunden anzupassen.
Bestimmen Sie, wofür der Effekt war
Hat die Animation das Produkt dargestellt, den nächsten Schritt angezeigt oder war es nur eine Dekoration? Abhängig von dieser Antwort ist der Abspielbereich. Nicht jedes rotierende Symbol muss zum neuen Projekt zurückkehren. Bewahren Sie Elemente auf, die Ihnen helfen, die Marke zu erkennen oder den Betrieb der Website zu verstehen.
Flash ist keine Technologie, die heute auf der neuen Website vorgeschlagen wird. Der Kontext der Entnahme und Vorbereitung von Archivmaterial beschreibt einen Leitfaden über Verschieben der alten Flash-Seite.
Gestalten Sie Ihren Zustand vor und nach der Bewegung
Bevor eine Animation erstellt wird, überprüfen Sie das statische Layout. Kopfzeile, Beschreibung und Schaltfläche sollten lesbar sein, ohne auf den Abschluss der Sequenz zu warten. Die Bewegung kann die Änderung hervorheben, aber sie sollte nicht der einzige Träger relevanter Informationen sein.
Beispiel: Nach Auswahl der Kategorie bestätigt ein zarter Farbwechsel die Aktion und der richtige Satz von Produkten erscheint sofort. Eine lange Reise von Elementen durch den Bildschirm verzögert die Ausführung einer einfachen Aufgabe und lenkt die Aufmerksamkeit auf das Ergebnis.
Begrenzung der Animation
Browser stellen begrenzte Traffic-Präferenzen zur Verfügung Bevorzugt-reduzierte BewegungEs ermöglicht Ihnen, die Effekte an die Einstellungen des Benutzers anzupassen; die Betriebsart erklärt MDN-Dokumentation.
In einer ruhigen Version, lassen Sie den vollen Inhalt und die Tasten laufen. Geben Sie große Schichten auf, wenn nicht nötig, und überprüfen Sie, ob das Ausschalten des Effekts das Element nicht unsichtbar lässt.
Bewerten Sie die Animation zusammen mit der Website
Testen Sie es beim Scrollen, mit der Tastatur und am Telefon. Überprüfen Sie, ob es den Text nicht blockiert und ändern Sie die Höhe des Moduls während des Lesens. Wählen Sie in einer Ansicht einen klaren Punkt der Aufmerksamkeit, anstatt alle Dekorationen auf einmal auszuführen. ein Animations-Script Guide.
