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.


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 […]

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

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

Die Messfunktionen von Photoshop CC wurden für Forscher und Wissenschaftler entwickelt und sind ziemlich leistungsstark. Sie können so ziemlich alles messen und die Anzahl der Dinge in einem technischen Bild zählen, vielleicht von einem Mikroskop oder Teleskop. Wenn Sie die genaue Größe eines Elements in einem Bild kennen, können Sie so ziemlich alles entdecken, […]

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 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. Zu diesen Eigenschaften gehören Schriftfamilie, Schriftgröße, Schriftstärke, Ausrichtung, Zeichenabstand (Kerning und Nachführung), Zeilenabstand (voreilend), Füllung, Rahmen (Strich), Schatten (Schatten) und Hintergrundunschärfe. Sehen wir uns also an, wie diese Eigenschaften angewendet werden. Über Lesbarkeit und Schriftart […]

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 […]

Text umbrechen in Adobe Illustrator CC

Text umbrechen in Adobe Illustrator CC

Das Einwickeln von Text in Adobe Illustrator CC ist nicht dasselbe wie das Einwickeln eines Geschenks – es ist einfacher! Ein Textumbruch erzwingt einen Textumbruch um eine Grafik, wie in dieser Abbildung gezeigt. Diese Funktion kann jedem Stück ein wenig Kreativität verleihen. Die Grafik zwingt den Text, um ihn zu umbrechen. Erstellen Sie zunächst […]

So ändern Sie die Größe von Formen in Illustrator

So ändern Sie die Größe von Formen in Illustrator

Beim Entwerfen in Adobe Illustrator CC müssen Sie häufig eine Form mit einer genauen Größe haben (z. B. 2 x 3 Zoll). Nachdem Sie eine Form erstellt haben, können Sie die Größe am besten auf genaue Maße ändern, indem Sie das in dieser Abbildung gezeigte Bedienfeld „Transformieren“ verwenden. Lassen Sie das Objekt ausgewählt und wählen Sie dann Window→Transform to […]

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. Erfahren Sie, wie Sie SVGs mit transparentem Hintergrund ausgeben und Transparenzeffekte anwenden.

Arbeiten mit Bildern in Adobe XD

Arbeiten mit Bildern in Adobe XD

Nachdem Sie Ihre Bilder in Adobe XD importiert haben, haben Sie nicht viel Kontrolle über die Bearbeitung, aber Sie können Bilder wie jede andere Form in der Größe ändern und drehen. Sie können die Ecken eines importierten Bilds auch ganz einfach mit den Ecken-Widgets abrunden. Maskieren Ihrer Bilder Durch das Definieren einer geschlossenen Form […]