Ausrichten und Verteilen in Adobe XD

Ausrichten und Verteilen in Adobe XD

Nachdem Sie mit dem Erstellen vieler Objekte in Adobe XD begonnen haben, müssen Sie die Position dieser Objekte und ihre Beziehung zueinander berücksichtigen. Um das Rauschen in Ihrem Design zu verringern, möchten Sie Symbole und Text sauber ausgerichtet und verteilt halten. Sie können Ihre Ausrichtung auf verschiedene Weise überprüfen, z. B. mithilfe eines Rasters oder mithilfe von Hilfslinien.

Schalte dein Netz ein

Sie können ein Raster aktivieren, das nur für Sie sichtbar ist, indem Sie die folgenden Schritte ausführen:

Wählen Sie eine Zeichenfläche aus, indem Sie im Ebenenbedienfeld auf die Zeichenfläche klicken oder in Ihrem Arbeitsbereich über der Zeichenfläche auf den Namen der Zeichenfläche klicken.

Aktivieren Sie das Kontrollkästchen für das Raster im unteren Teil des Eigenschaftenfensters.Ausrichten und Verteilen in Adobe XD

Aktivieren Sie die Rasterfunktion für Ihre Zeichenfläche.

Wenn Sie eine andere Farbe für Ihr Raster bevorzugen, aktivieren Sie das Quadrat rechts neben dem Kontrollkästchen für das Raster und wählen Sie eine Farbe aus der Farbauswahl. Sie können auch den Transparenz-Schieberegler verwenden, um die Deckkraft zu ändern.

Wenn Sie möchten, ändern Sie die Größe des Rasters, indem Sie einen Wert in das Textfeld Rastergröße rechts neben dem Kontrollkästchen eingeben.

Seien Sie schlau mit Ihren Guides

Standardmäßig stellt Ihnen XD Hilfslinien zur Verfügung, die sich bei Bedarf einschalten lassen. Diese werden als Smart Guides bezeichnet und sollten Ihnen bekannt sein, wenn Sie andere Adobe-Produkte verwenden.

Um die intelligenten Hilfslinien zu verwenden, achten Sie einfach auf die Linien und schattierten Bereiche, die während der Arbeit erscheinen. Beachten Sie in der Abbildung unten, dass beim Ziehen der einen Raute eine Hilfslinie angezeigt wird, die anzeigt, dass sie mit der Raute auf der linken Seite ausgerichtet ist.

Ausrichten und Verteilen in Adobe XD

Sie können Smart Guides zum Ausrichten von Objekten verwenden.

Smart Guides können auch bei der Verteilung helfen

Die Verteilung von Objekten bezieht sich auf den Raum zwischen einem Begrenzungsrahmen, der von einem ersten Objekt und einem letzten Objekt erzeugt wird. Hier sehen Sie links eine ungleichmäßige Verteilung mehrerer Rauten und rechts eine gleichmäßige Verteilung der gleichen Objekte. In diesem Beispiel ist der Abstand horizontal gleichmäßig verteilt.

Ausrichten und Verteilen in Adobe XD

Ungleichmäßige Verteilung auf der linken Seite und gleichmäßige Verteilung auf der Fahrseite.

Wenn Sie Objekte positionieren, werden schattierte Bereiche angezeigt, die anzeigen, wann der Abstand zwischen den Objekten gleich ist. Dieser Schattierungshinweis erscheint auch, wenn Sie Alt/Wahl ziehen, um Objekte zu klonen.

Ausrichten und Verteilen in Adobe XD

Intelligente Hilfslinien geben einen Hinweis, wenn der Abstand zwischen den Objekten gleichmäßig ist.

Verwenden der Funktion zum Ausrichten und Verteilen

Die Funktion zum Ausrichten und Verteilen, die im Menü „Objekt“ und im Bedienfeld „Eigenschaften“ verfügbar ist, kann Ihnen dabei helfen, Elemente in einer Linie und am Abend zu verteilen.

Wenn Sie zwei Elemente auswählen, können Sie die Ausrichtungsfunktionen nutzen. Wenn Sie drei oder mehr Objekte auswählen, können Sie auch die Verteilungsfunktionen verwenden.

Beachten Sie den Trick zur Bestimmung der Horizontalen gegenüber der Vertikalen. Der Horizont ist horizontal. Alles, was auf Ihrer Seite von links nach rechts geht, sollte horizontal verteilt werden. Alle Objekte, die von oben nach unten gehen, sollten vertikal verteilt werden.


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