Übergangseffekte und Morphing¶
In WebAcappella können Sie Übergänge erstellen, um den Übergang zwischen zwei Seiten zu animieren. Jeder Übergang erhält einen freien Namen: Das ist einfach ein Etikett, mit dem Sie ihn in Ihren Einstellungen wiederfinden können.
Es gibt zwei Anwendungsfälle:
1. Grundeffekt: Morphing zwischen zwei Elementen¶
Erstellen Sie einen neuen Übergang und geben Sie ihm einen aussagekräftigen Namen (z. B. Header-Logo).
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 und breites Logo auf der Startseite, das sich im Kopf der nächsten Seite verkleinert).
Dieser Effekt erzeugt einen Eindruck von visueller Kontinuität und macht das Navigieren angenehmer.
2. Animationseffekt für ein identisches Element¶
Einige Elemente behalten von einer Seite zur nächsten das gleiche Aussehen (z. B. eine Navigationsschaltfläche, ein Symbol, ein Standbild).
Wenn Sie ihnen einen Übergang zuweisen, morpht WebAcappella nicht, sondern wendet stattdessen einen begleitenden Animationseffekt (wie Ausblenden oder Erscheinen) an.
Dies verhindert einen harten Schnitt und sorgt für einen flüssigeren Seitenwechsel.
Diese Verwendung eignet sich besonders für Navigationselemente oder sich wiederholende Blöcke.
Tipp
Wählen Sie klare Namen für Ihre Übergänge, damit Sie sich leicht zurechtfinden.
Setzen Sie Morphing sparsam für Ihre Schlüsselelemente (Logo, Überschriften, Hauptbilder) ein.
Kombinieren Sie Morphing und Begleitanimationen, um elegante und einheitliche Übergänge zu erzielen.
Bemerkung
Übergangsdemo auf 2 Seiten