Ein aufgeräumtes Design wirkt professioneller, und Kunden vertrauen ihm mehr. Diese Anleitung zeigt dir, wie du im Design Studio Elemente ausrichtest, gleichmäßig verteilst, eine Reihe oder Spalte ordnest und ein einzelnes Element spiegelst. Sie ist für alle gedacht, die eine Produktvorlage bauen oder bearbeiten und saubere, bewusste Platzierung statt Augenmaß wollen.
Elemente ausrichten
Das Ausrichten bringt zwei oder mehr Elemente an einer gemeinsamen Kante oder Mitte in eine Linie. Es gibt sechs Optionen: links ausrichten, horizontal zentrieren, rechts ausrichten, oben ausrichten, vertikal zentrieren oder unten ausrichten.
Die Steuerelemente zum Ausrichten erreichst du an drei Stellen: im Bereich Eigenschaften in der Seitenleiste, im Aufklappmenü Ausrichten in der schwebenden Werkzeugleiste über der Zeichenfläche und im Rechtsklickmenü auf der Zeichenfläche. Sie tun alle dasselbe, nimm also, was am nächsten liegt.
Zwei oder mehr Elemente auswählen
Klicke das erste Element an. Klicke dann mit gedrückter Umschalttaste jedes weitere an, das dazugehören soll. Du kannst auch einen Auswahlrahmen über die Zeichenfläche ziehen, um mehrere auf einmal zu greifen. Zum Ausrichten müssen mindestens zwei Elemente ausgewählt sein.
Die Steuerelemente zum Ausrichten öffnen
Sobald zwei oder mehr Elemente ausgewählt sind, erscheinen die Steuerelemente zum Ausrichten im Bereich Eigenschaften. Sie liegen auch hinter dem Aufklappmenü Ausrichten in der schwebenden Werkzeugleiste und im Rechtsklickmenü auf der Zeichenfläche.
Eine Kante oder Mitte wählen
Wähle links, rechts, oben oder unten ausrichten, um die Elemente an dieser gemeinsamen Kante einrasten zu lassen. Wähle horizontal oder vertikal zentrieren, um sie an einer gemeinsamen Mitte auszurichten. Die Elemente rücken sofort an ihren Platz.
Verteilen und aufräumen
Das Verteilen streckt Elemente so, dass die Abstände zwischen ihnen gleich sind. Das ist nützlich, wenn du mehrere Elemente grob platziert hast und sauberen, gleichen Abstand willst.
Es gibt zwei Wege zum Verteilen:
- Die Abstände angleichen. Dafür brauchst du drei oder mehr Elemente. Die beiden äußersten bleiben stehen, und alles dazwischen wird so verteilt, dass jeder Abstand gleich ist. Im Rechtsklickmenü heißen diese Horizontal verteilen und Vertikal verteilen.
- Einen genauen Abstand festlegen. Klicke auf den Pfeil neben einer Schaltfläche zum Verteilen, um das Popover für den eigenen Abstand zu öffnen. Tippe einen Abstand in Pixeln ein, und die Elemente ordnen sich mit genau diesem Abstand an. Das funktioniert mit zwei oder mehr Elementen, du kannst es also auch nutzen, wenn das Angleichen nicht verfügbar ist.
Gleichmäßig verteilen
Wähle drei oder mehr Elemente aus und dann Horizontal oder Vertikal verteilen. Die Abstände zwischen ihnen werden gleich.
Oder einen eigenen Abstand festlegen
Klicke auf den Pfeil neben einer Schaltfläche zum Verteilen. Gib den genauen Abstand in Pixeln ein, und die Elemente verteilen sich entsprechend.
Eine Reihe oder Spalte aufräumen
Wähle die Elemente aus und dann Aufräumen. Composerie liest deine Auswahl als Reihe oder Spalte, gleicht die Abstände entlang dieser Hauptachse an und zentriert die Elemente auf der anderen Achse. So räumst du eine Linie von Elementen mit einem Klick auf.
Um die ganze Auswahl auf der Zeichenfläche neu zu zentrieren, nutze Auf Seite zentrieren im Rechtsklickmenü. Es zentriert die Auswahl auf der Seite, ohne die Abstände innerhalb der Auswahl zu ändern.
Hilfslinien zum Einrasten und Spiegeln
Während du ein Element über die Zeichenfläche ziehst, zeigt Composerie Hilfslinien, die dir beim Platzieren helfen. Du musst nichts anklicken. Die Hilfslinien erscheinen beim Bewegen von selbst.
Du siehst drei Arten von Hilfslinien:
- Violette Kantenlinien erscheinen, wenn eine Kante oder Mitte mit einem anderen Element in einer Linie liegt. Lass los, solange die Linie sichtbar ist, und das Element rastet in der Ausrichtung ein.
- Gestrichelte Abstandslinien mit einem Pixel-Abzeichen zeigen den Abstand zwischen Elementen, sodass du Abstände nach Augenmaß angleichen kannst.
- Grundlinien helfen dir, Text an seiner typografischen Grundlinie auszurichten.
Um ein einzelnes Element zu spiegeln, klicke es auf der Zeichenfläche mit rechts an und wähle Horizontal spiegeln oder Vertikal spiegeln. Das spiegelt das Element an Ort und Stelle. Spiegeln ist für ein einzelnes Element ohne Text verfügbar, zum Beispiel ein Bild oder eine Form. Bei Text oder wenn mehr als ein Element ausgewählt ist, erscheint es nicht.
Häufige Fragen
Warum werden die Steuerelemente zum Ausrichten nicht angezeigt?
Zum Ausrichten brauchst du zwei oder mehr Elemente. Wähle mit gedrückter Umschalttaste ein zweites Element aus, dann erscheinen die Steuerelemente.
Warum ist Verteilen ausgegraut?
Das Verteilen mit gleichen Abständen braucht drei oder mehr Elemente. Sind zwei ausgewählt, lege stattdessen über den Pfeil einen genauen Abstand fest.
Wo ist die Option zum Spiegeln geblieben?
Spiegeln wird nur für ein einzelnes Element ohne Text angezeigt. Bei Text und bei einer Auswahl mehrerer Elemente ist es ausgeblendet.
Ändern Ausrichten und Verteilen ein Kundendesign?
Nein. Diese Werkzeuge ordnen Elemente in deiner Vorlage an. Sie sperren nichts für Kunden. Was Kunden bearbeiten können, legst du getrennt fest.
Weiter
Sitzen deine Elemente, wo du sie haben willst, ordne und sortiere sie mit dem Ebenenbereich.