Die Papierprototypregel

Top -Designer, darunter Zhenya Rynzhuk, Louis Paquet und Maria de la Paz Vargas, sowie das talentierte MediaMonks -Team haben meinen Ansatz zur Animation beeinflusst. Viele Projekte erfordern maßgeschneiderte Animationen und überschreiten CSS- und JavaScript -Grenzen. Ressourcenbeschränke Projekte erfordern jedoch häufig Entwickler, UI-Animationsdesign und UX-Überlegungen zu leiten. Ein einfacher Trick hilft, Animationseffektivität zu messen: die Papierprototypregel.

Frei von Druckmentalität brechen

Das Webdesign erbt häufig Prinzipien vom Druckdesign. Interaktive Elemente wie Akkordeons und Registerkarten sind digitale Versionen der Speicherung für physikalische Informationen. Während die Branche digitale Ansätze angewendet hat, bleibt eine Druckmentalität bestehen. Entwickler könnten standardmäßig Animationen imitieren, die die Bewegung von Papier nachahmen und die Kreativität einschränken.

Einführung der Papierprototypregel

Meine jahrelange Erfahrung hat meine Animationsrichtlinien geprägt, die ich jetzt mit meinem Team teile. Die Papierprototyp -Regel ist der Schlüssel:

Wenn ein Papierprototyp die Animation wiederherstellen kann, muss dies wahrscheinlich verbessert werden.

Ziel ist es nicht, zu überkomplizieren, sondern digitale Vorteile über die Druckeinschränkungen hinaus zu nutzen. Die Regel ist einfach: Kann die Animation mit Papier repliziert werden? Wenn ja, gibt es Raum für Verbesserungen. Wenn nein, ist die Animation wahrscheinlich innovativer.

Anwenden der Papierprototypregel anwenden

Papierprototyping ist für Benutzertests wertvoll, aber seine Einfachheit hilft, übermäßig vereinfachte Interaktionen zu identifizieren. Betrachten Sie die Navigation der Website: Ein Design kann aktive und inaktive Zustände festlegen. Dies kann leicht mit Papier repliziert werden (ein Stück über einem anderen). Wir können es besser machen.

Ohne Übergangsspezifikationen verbessert eine einfache transform die Erfahrung erheblich. Das Schieben des aktiven Menüzustandes bietet Klarheit und Kontext und zeigt ihn als Overlay an. Kann dies während des Funktionswesens mit Papier erfolgen? Ja. Weitere Verbesserungen sind erforderlich.

Wir können digitale Techniken - Verblassen, Maskieren, Parallaxen, Staffeln oder unabhängige Animation von Menü -Teilen - verwenden, um ein einzigartiges digitales Erlebnis zu schaffen. Lassen Sie uns die einfache Folie mit diesen Techniken verbessern:

Das Ergebnis bewegt sich über die Papiermentalität hinaus. Papier kann gleiten, aber nicht mit Offset -Animation verblassen. Weitere Verfeinerungen sind je nach Projekt möglich. Ziel ist es, sich von Druckeinschränkungen zu befreien und digitale Möglichkeiten zu nutzen.

Die Integration der Papierprototypregel in Ihren Workflow fördert eine kontinuierliche Verbesserung. Studieren Sie Animationsprinzipien und suchen Sie inspiriert von anderen Websites. Fragen Sie bei der Arbeit an Karussells, Modalen oder interaktiven Elementen: Gib den Papierprototyp -Test bestanden?

Header Bild von JJ Ying über Unsplash.

Das obige ist der detaillierte Inhalt vonDie Papierprototypregel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!