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.


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