Einige Container bieten die Darstellung eines Rahmens an. Werden Rahmen verwendet, müssen sie sich ins Gesamtbild des Forms einfügen, was auch für die Rahmenfarbe gilt. Graue Farbtöne eignen sich hierzu gut.
Braucht es eine optische Trennung zwischen Elementen, gibt es andere Möglichkeiten.
1.Unterschiedliche Hintergrundfarben der Elemente.
2.Setzen einer Linie zur optischen Trennung von Abschnitten in der Vertikalen.
Mit den Grundeinstellungen des Form Designers wird das Linienelement wenig attraktiv als zumeist dicker schwarzer Balken dargestellt. Deshalb erhalten Linien folgende Einstellungen.
Die Höhe des Linienelements entspricht dem Grid Size. Wegen der unter Style gemachten Stilangaben wird die Linie als dünner Strich in der Mitte der Linienhöhe gezeichnet. Die Y-Koordinate entspricht der gewünschten Y-Position der Linie minus der halben Höhe des Linienelements. Bei einer Line Height > 1 ist das entsprechend anzupassen. Daher liegen solche Linienelemente zumeist auf Y-Koordinaten, die kein Vielfaches des Grid Size sind, sofern man sich an die Positionierungsvorgaben für Elemente hält. Scheinbar überlappt sich das Linienelement dann mit anderen Elementen, visuell ist das aber nicht ersichtlich. |
|
Dieser Stil ergibt eine feine Linie, die sich dezent, aber wirkungsvoll in ein Form einpasst. Farblich eignen sich graue Farbtöne zur Darstellung der Linie.
Den Unterschied zwischen einer angepassten Linie und einer Linie ohne Anpassungen zur optischen Trennung von zwei Frames zeigt die folgende Abbildung.
angepasst |
nicht angepasst |
|
|
Sicherheitshalber sind solche Linien über das Kontextmenü (Rechtsklick auf die Linie) in den Vordergrund zu holen, damit sie nicht durch andere Elemente verdeckt werden.
Der Umgang mit Linien ist mühsam und die erzielten Effekte oft vernachlässigbar, daher ist ein Design ohne Linien vorzuziehen.