Im Template-Editor blendest du mit dem Layout-Raster Lineale und Hilfslinien über dem Canvas ein. Ziehst du ein Element in die Nähe einer Linie, rastet es dort ein. So stehen Elemente genau auf einer Linie. Das Raster siehst nur du im Editor, nicht im fertigen Design.
Das geht in vier Schritten:
- Blende das Raster in der Toolbar ein.
- Füge eine Rasterlinie an einem Lineal hinzu.
- Verschiebe oder lösche die Rasterlinie bei Bedarf.
- Richte Elemente an den Linien aus.
Raster einblenden
- Klicke in der Mitte der Toolbar auf das Quadrat mit dem Gitter, links neben der Zoom-Anzeige. Sein Tooltip lautet Toggle grid. Also reveals every element's connections. Das Raster ist jetzt eingeblendet: Oben und links erscheinen Lineale, und du siehst die Anchoring-Verbindungen aller Elemente.
Du kannst keinen Auswahlrahmen mehr aufziehen?
Solange das Raster eingeblendet ist, zieht ein Ziehen auf einer freien Stelle des Canvas keinen Rahmen auf. Klicke noch einmal auf den Raster-Button, um das Raster auszublenden, und ziehe den Rahmen dann auf.
Mit einem zweiten Klick auf denselben Button blendest du das Raster wieder aus.
Rasterlinie hinzufügen
- Klicke auf ein Lineal an der Stelle, an der die Linie liegen soll. Die Rasterlinie ist jetzt gesetzt und läuft über den ganzen Canvas.
- Für eine senkrechte Linie: das obere Lineal.
- Für eine waagerechte Linie: das linke Lineal.
Rasterlinie verschieben oder löschen
Jede Rasterlinie hat ein kurzes Stück, das auf dem Lineal liegt. Daran fasst du sie an.
- Doppelklicke auf dem Lineal auf das kurze Stück der Rasterlinie. Ein Popup mit der Position der Linie in Pixeln, Apply und Delete öffnet sich.
- Je nach Ziel geht es so weiter:
- Für eine genaue Position: Gib die Position ein und klicke auf Apply. Erst dann springt die Linie an die neue Stelle.
- Zum Löschen: Klicke auf Delete. Die Linie ist entfernt.
Elemente an den Linien ausrichten
- Ziehe ein Element auf dem Canvas in die Nähe einer Rasterlinie. Das Element rastet an der Linie ein.
Elemente rasten auch an den Kanten und Mitten anderer Elemente ein und an den Kanten und der Mitte des Canvas. Das funktioniert auch bei ausgeblendetem Raster.Das Element springt an eine Linie, obwohl du es frei platzieren willst?
Beginne zu ziehen und halte erst dann Alt (am Mac Option) gedrückt. Solange du die Taste hältst, rastet das Element nirgends ein. Drückst du die Taste schon vor dem Ziehen, schaltet sich stattdessen das Anchoring-Werkzeug ein.
- Schau nach dem Loslassen auf die Linie, an der das Element eingerastet ist. Hast du ein einzelnes Element an einem anderen Element oder an Kante oder Mitte des Canvas eingerastet, erscheint dort für einige Sekunden ein runder Button mit +.
- Klicke bei Bedarf auf den Button mit +. Aus dem Einrasten wird eine feste Anchoring-Verbindung: Das Element bewegt sich ab jetzt mit, wenn sich das andere Element ändert.
Ohne diese Verbindung hilft das Einrasten nur beim Platzieren. Wird ein Text später länger, bewegt sich ein eingerastetes Element nicht mit.