Übergangseffekte und Morphing
In WebAcappella können Sie Übergänge erstellen, um den Wechsel zwischen zwei Seiten zu animieren. Jeder Übergang erhält einen frei wählbaren Namen: Dabei handelt es sich lediglich um eine Bezeichnung, mit der Sie ihn in Ihren Einstellungen wiederfinden können.
Es gibt zwei Anwendungsfälle:
1. Basiseffekt: Morphing zwischen zwei Elementen
- Erstellen Sie einen neuen Übergang und geben Sie ihm einen aussagekräftigen Namen (z. B. „Logo-Kopfzeile”).
- Ordnen Sie diesen Namen einer Komponente auf Seite 1 und der entsprechenden Komponente auf Seite 2 zu.
- Beim Seitenwechsel wendet WebAcappella ein fließendes Morphing zwischen diesen beiden Elementen an (Beispiel: ein zentriertes, breites Logo auf der Startseite, das in der Kopfzeile der nächsten Seite kleiner wird).
Dieser Effekt sorgt für einen Eindruck visueller Kontinuität und macht die Navigation angenehmer.
2. Animationseffekt für ein identisches Element
- Bestimmte Elemente behalten von einer Seite zur nächsten das gleiche Aussehen bei (z. B. eine Navigationsschaltfläche, ein Symbol, ein Standbild).
- Wenn Sie ihnen einen Übergang zuweisen, führt WebAcappella kein Morphing durch, sondern wendet stattdessen einen begleitenden Animationseffekt an (z. B. eine Überblendung oder ein Einblenden).
- Dadurch werden abrupte Unterbrechungen vermieden und der Seitenwechsel wird flüssiger.
Diese Verwendung eignet sich besonders für Navigationselemente oder sich wiederholende Blöcke.
- Wählen Sie klare Namen für Ihre Übergänge, damit Sie sich leicht zurechtfinden. - Verwenden Sie Morphing sparsam für Ihre Schlüsselelemente (Logo, Titel, Hauptbilder). - Kombinieren Sie Morphing und begleitende Animationen, um elegante und konsistente Übergänge zu erzielen.
Demo-Übergang auf 2 Seiten: