Aus dem Kurs: Adobe XD Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Anker-Links für Sprünge innerhalb der Seite setzen

Anker-Links für Sprünge innerhalb der Seite setzen – Tutorial zu Adobe XD

Aus dem Kurs: Adobe XD Grundkurs

Anker-Links für Sprünge innerhalb der Seite setzen

Adobe XD bietet nicht nur die Möglichkeit, eine Interaktion von einer Zeichenfläche zur nächsten aufzubauen, sondern auch innerhalb einer Zeichenfläche, sogenannte Ankerlinks. Diese kennen Sie vermutlich aus der Webentwicklung oder der Webprogrammierung, denn dort gibt es Webseiten. Da klicken Sie oben einfach auf einen Menüpunkt und dann scrollt die Seite nach unten, bis zu dem entsprechenden Ziel. Es wird also keine neue Seite aufgerufen, sondern schlicht ein Scrollprozess angestrengt. Genau das können Sie auch hier in Adobe XD abbilden. Um das besser demonstrieren zu können, habe ich ein Weblayout eröffnet. Also, Sie sehen hier, "Web 1920", ein Standardlayout. Habe die Zeichenfläche ein bisschen nach unten gezogen. Habe Elemente aus unserem Appdesign übernommen, wie die Überschrift, die Flagge, den Button und eine Galerie sowie eine Hintergrundgrafik eingefügt. Die finden Sie im Übrigen auch im Ordner Assets. Diese Galerie, Sie erinnern sich, bzw. die Übersicht zur Galerie, ist…

Inhalt