Durch die Aktualisierung der alten Flash-Website können Sie ein erkennbares Klima beibehalten und die Nutzung der Website vereinfachen.
Name-Elemente, die die Art der Seite aufbauen
Die ehemalige Flash-Seite kann sich durch die Farben, den Rhythmus der Animation, die Typografie oder die Art der Präsentation von Fotos auszeichnen. Vor dem Upgrade sollte angegeben werden, welche dieser Elemente tatsächlich mit der Marke zusammenhängen. Nicht jedes Merkmal der alten Performance muss erhalten bleiben.
Sammeln Sie Beispiele von Bildschirmen und beschreiben Sie ihre Aufgabe. „Wir mögen diese Bewegung ist der Anfang des Gesprächs, aber der Designer muss wissen, ob es um Dynamik, einen ruhigen Übergang oder die Konzentration auf das Produkt geht. Diese besondere Richtung kann in eine moderne Benutzeroberfläche übersetzt werden.
Separater Inhalt von Binding
Die wichtigsten Informationen sollten einen klaren Charakter haben, unabhängig von der Animation. Der Benutzer sollte nicht warten, bis die Sequenz abgeschlossen ist, um das Angebot zu kennen oder Kontakt zu finden. Zuerst planen Sie ein Layout, das ohne Bewegung funktioniert, und fügen dann Effekte hinzu, die die Ausrichtung unterstützen.
Zum Beispiel können alte bewegte Bildschirme zu Abschnitten mit hellen Kopfzeilen werden. Anstatt die Beschreibung in bewegten Grafiken zu verbergen, können Sie den Text neben der Illustration zeigen und eine kurze Dekorationseingabe verwenden. Der Charakter bleibt, aber die Informationen hängen nicht vom genauen Moment der Animation ab.
Beispiel: Präsentation eines Produkts mit einer kräftigen Farbe
Nehmen wir an, dass das erkennbare Element der alten Seite der Marinehintergrund und der grüne Akzent ist, der das ausgewählte Produkt anzeigt.In dem neuen Projekt können Sie die Palette und die Methode zur Markierung der Auswahl beibehalten, während Sie die Navigation auf gewöhnliche Tasten und lesbare Karten umstellen.
Sie müssen nicht die Größe des Bildschirms oder die vorherige Reihenfolge aller Szenen kopieren. Am Telefon können die Grafiken unter der Beschreibung und dem Vergleich von Produkten in einer einfacheren Form erscheinen. Die Konsistenz ergibt sich aus den visuellen Prinzipien und der Bedeutung der Interaktion, nicht aus dem identischen Rahmen auf jedem Gerät.
Wie sehen Sie, ob Bewegung hilft?
Beobachten Sie das Projekt, während Sie eine bestimmte Aufgabe ausführen. Zeigt der Übergang eine Statusänderung an? Zeigt er die ausgewählte Option hervor? Lässt er Sie vom Lesen des Textes ablenken? Geben Sie Effekte auf, die keine klare Rolle spielen oder den Dienst behindern.
- Behalten Sie einige markenspezifische Funktionen bei.
- Entwerfen Sie eine vollständig lesbare Version ohne Animation.
- Testen Sie das Layout auf einem kleinen Bildschirm und mit längerem Inhalt.
- Überprüfen Sie das Verhalten nach dem Wiedereintritt und treten Sie zurück.
Herstellung alter Materialien beschreibt Inventar der Website in FlashSie werden über das Verschieben komplexerer Funktionen im Text lesen Interaktion in einer neuen Website.
