So fügen Sie einer Adobe XD-Zeichenfläche Bildlauffunktionen hinzu

So fügen Sie einer Adobe XD-Zeichenfläche Bildlauffunktionen hinzu

Es gibt viele Fälle, in denen Sie in Ihrem Adobe XD-Prototyp scrollende Elemente anzeigen möchten. Sie können das Scrollen simulieren, indem Sie die Größe der Zeichenfläche ändern, während Sie den sogenannten Ansichtspunkt auf der ursprünglichen Zeichenflächengröße beibehalten. Wenn Sie es zuvor getan haben, können Sie jede der von Ihnen erstellten Zeichenflächen verwenden oder eine neue Datei mit einer Zeichenfläche beliebiger Größe erstellen.

Sie müssen zunächst Inhalte erstellen, die über Ihren Bildschirmbereich hinausgehen. Dazu fügen Sie einige einfache Formen hinzu:

Wählen Sie das Ellipse-Werkzeug aus und klicken und ziehen Sie, um einen Kreis zu Ihrer Zeichenfläche hinzuzufügen.

Wählen Sie das Auswahlwerkzeug. Halten Sie die Alt- (Windows) bzw. Wahltaste (Mac) gedrückt und ziehen Sie den Kreis nach unten, um ihn zu klonen. Wiederholen Sie dies so oft wie nötig, damit der Inhalt außerhalb der Standardvorlagengröße positioniert wird.So fügen Sie einer Adobe XD-Zeichenfläche Bildlauffunktionen hinzu

Fügen Sie Inhalte hinzu, die über den Anzeigebereich hinausgehen, damit Sie sehen können, wie Sie das Scrollen implementieren.

Wählen Sie nun die Zeichenfläche aus, indem Sie entweder auf den Namen der Zeichenfläche klicken oder indem Sie bei gedrückter Strg-Taste (Windows) bzw. ⌘-Klick (Mac) auf die Zeichenfläche klicken.

Stellen Sie sicher, dass Scrollen im Abschnitt Scrolling des Eigenschafteninspektors ausgewählt ist. Beachten Sie den Wert in der Viewport-Höhe.

Klicken und ziehen Sie den unteren mittleren Ziehpunkt. Dadurch wird die Zeichenfläche erweitert, aber wenn Sie eine Standardvorlage verwendet haben, sollten Sie dort, wo die Zeichenfläche früher endete, eine gepunktete Hilfslinie sehen. Wenn diese gepunktete Anleitung nicht angezeigt wird, lesen Sie den folgenden Hinweis.

Wenn Sie eine Standardvorlage verwenden, ändert sich der Wert für die Ansichtsfensterhöhe nicht, wenn Sie klicken und ziehen, um Ihre Zeichenfläche zu verlängern. Wenn sich die Ansichtsfensterhöhe ändert, haben Sie Ihre Zeichenfläche höchstwahrscheinlich mit benutzerdefinierten Werten erstellt. Kein Problem; Geben Sie einfach die ursprüngliche Höhe in das Ansichtsfeld-Steuerelement zurück, nachdem Sie Ihre Zeichenfläche erweitert haben.

Jetzt können Sie das Scrollen testen, indem Sie oben rechts in Ihrem Arbeitsbereich auf die Schaltfläche zum Abspielen der Desktop-Vorschau klicken. Beachten Sie, dass Sie durch Ihren Inhalt scrollen können, wenn die Vorschau angezeigt wird.

Nachdem Sie nun mit den Grundlagen des Erstellens und Organisierens von Zeichenflächen vertraut sind, können Sie damit beginnen, mehr Inhalte auf diesen Bildschirmen bereitzustellen.


So passen Sie die Texteigenschaften in Adobe XD an

So passen Sie die Texteigenschaften in Adobe XD an

Wenn Ihr Adobe XD-Projekt Text enthält, können Sie die Texteigenschaften ändern. Dazu gehören Schriftfamilie, -größe, -stärke und mehr. Optimieren Sie die Lesbarkeit mit unseren Tipps zur Schriftauswahl.

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Messen, Zählen und Analysieren von Pixeln in Photoshop CC

Entdecken Sie die leistungsstarken Messfunktionen von Photoshop CC, die für Forscher und Wissenschaftler entwickelt wurden. Erfahren Sie, wie Sie Pixel messen, Objekte zählen und präzise Analysen durchführen können.

So wenden Sie Transparenz auf SVGs an

So wenden Sie Transparenz auf SVGs an

Erfahren Sie, wie Sie in Illustrator Transparenz auf SVG-Grafiken anwenden. Finden Sie heraus, wie Sie SVGs mit transparentem Hintergrund ausgeben und Transparenzeffekte anwenden.

Beschneidungspfade in InDesign CC verstehen

Beschneidungspfade in InDesign CC verstehen

Erfahren Sie, wie Sie mit Beschneidungspfaden in InDesign CC den Hintergrund von Bildern effektiv entfernen und anpassen können.

Verbesserungen der Hilfslinien in Illustrator CC

Verbesserungen der Hilfslinien in Illustrator CC

Entdecken Sie die neuen Verbesserungen der Hilfslinien in Illustrator CC, die Ihnen helfen, präzise Grafiken zu erstellen.

Formen und Polygone in InDesign

Formen und Polygone in InDesign

Erfahren Sie, wie Sie in InDesign Formen und Polygone erstellen können. Entdecken Sie Techniken und Werkzeuge, um beeindruckende Designs zu erstellen.

Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Bildschirmaufnahme eines Abschnitts einer PDF-Datei

Sie können das Snapshot-Tool in Adobe Acrobat CS5 verwenden, um sowohl Text als auch Bilder auszuwählen und ein Bild eines bestimmten Bereichs innerhalb einer PDF-Datei zu erstellen. Das Ergebnis wird allgemein als Screenshot eines Abschnitts in einer PDF-Datei bezeichnet. Das Ergebnis ist ein Bild, und Ihr Text ist kein […]

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Die Verflüssigungswerkzeuge in Adobe CS5 Illustrator

Wenn Sie die Verflüssigungswerkzeuge in Adobe Creative Suite 5 (Adobe CS5) Illustrator verwenden, können Sie Objekte biegen – also wellig, klebrig oder spitz machen – indem Sie einfache bis komplexe Verzerrungen erzeugen. Die Verflüssigungswerkzeuge können alle möglichen kreativen oder verrückten (je nachdem, wie Sie es betrachten) Verzerrungen an Ihren Objekten bewirken. Du […]

So erstellen Sie QR-Codes in InDesign CC

So erstellen Sie QR-Codes in InDesign CC

Sie können InDesign verwenden, um QR-Code-Grafiken zu erstellen und zu ändern. QR-Codes sind eine Form von Barcodes, die Informationen wie Wörter, Zahlen, URLs oder andere Datenformen speichern können. Die Benutzerin scannt den QR-Code mit ihrer Kamera und Software auf einem Gerät wie einem Smartphone, und die Software verwendet […]

Arbeiten mit Zeichenflächen in Photoshop CC

Arbeiten mit Zeichenflächen in Photoshop CC

Genau wie in Adobe Illustrator bieten Photoshop-Zeichenflächen die Möglichkeit, separate Seiten oder Bildschirme innerhalb eines Dokuments zu erstellen. Dies kann besonders hilfreich sein, wenn Sie Bildschirme für eine mobile Anwendung oder eine kleine Broschüre erstellen. Sie können sich eine Zeichenfläche als eine spezielle Art von Ebenengruppe vorstellen, die mit dem Ebenenbedienfeld erstellt wurde. Es ist […]