
Kopiere einzelne Buchstaben aus der Illustrator-Datei, und füge sie in das XD-Layout ein. Wandle jeden der Buchstaben in eine wiederverwendbare Komponente um.

Dupliziere die Zeichenfläche in XD. Ersetze einen Buchstaben durch die „ausgeschaltete“ Version, und reduziere im Bedienfeld „Aussehen“ die Deckkraft.

Verknüpfe im Modus „Prototyp“ die erste Zeichenfläche mit der zweiten. Wähle als Trigger „Zeitgesteuert“ und gib eine Verzögerung ein. Als Animationstyp wähle „Auto-Animate“ mit „Springen“. Erstelle nach demselben Verfahren einige weitere Zeichenflächen mit unterschiedlicher Dauer.

Schließe die Animation für den Lade-Screen ab, indem du den letzten Animations-Screen mit dem Haupt-Screen der Mobile App verknüpfst.


Für dein nächstes Projekt könnte es sich lohnen, auch in dieser kuratierten Sammlung von Adobe Stock nach geeigneten Elementen zu suchen.