Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
de:web:design_elements [2013/11/13 10:48] – angelegt henning_stummer | de:web:design_elements [2013/11/13 10:57] (aktuell) – [Size] henning_stummer | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Designelemente ====== | ====== Designelemente ====== | ||
- | Graphical elements, such as colored shapes or lines, help perfect your layout. You can import these elements into StudioLine like any other images. | + | Designelemente können verwendet werden, um ein oder mehrere Objekte über einem Farbhintergrund anzuzeigen, sowie um Ränder und Farbstreifen am oberen und unteren Rand anzuzeigen. Ein Anwendungsfall wären Textspalten, bei denen die Überschriften eine andere Hintergrundfarbe verwenden. |
- | Right-click on the page background. | + | Klicken Sie mit der rechten Maustaste auf den Hintergrund der Seite, und wählen Sie im Kontextmenü den zweiten Eintrag „Einfügen“ und aus dessen Untermenü „Neues Designelement“ aus. |
- | The newly created design element can be moved like any image. The sizing handles can be used to resize, stretch, and shrink the design element to suit your needs. | + | Das erstellte Designelement kann wie jedes andere Bild verschoben oder mit den acht Angreifern in der Größe eingestellt werden. Zusätzlich kann die Größe pixelgenau eingestellt werden, wenn Sie es mit der rechten Maustaste anklicken und „Größe“ aus dem Kontextmenü wählen. |
- | Further display options | + | Das weitere Aussehen können Sie bestimmen, wenn Sie das Designelement mit der rechten Maustaste anklicken und „Designelement-Eigenschaften“ aus dem Kontextmenü wählen. Das Fenster „Designelement“ bietet Ihnen eine Reihe von Möglichkeiten, |
- | ===== Background and Color ===== | + | ===== Hintergrundfarbe |
- | Select the “Transparent” option to create empty frames. To create a frame with a solid color background, or one where the color fills the frame gradually from transparent to solid, either with one or two colors, from top to bottom, side to side, or radially, click the appropriate button. | + | Wenn Sie den Eintrag " |
+ | ===== Kanten und Ecken ===== | ||
- | ===== Lines and Corners ===== | + | Mit den langen Schaltflächen unter „Kanten und Ecken“ können Sie für alle vier Seiten des Designelementes festlegen, ob es eine Umrisslinie gibt oder nicht. Zusätzlich können Sie deren Farbe und Stärke einstellen. Die vier Schaltflächen an den Ecken legen fest, ob die Ecken abgerundet werden sollen. Den Eckradius können Sie frei bestimmen. Abgerundete Ecken können Sie auch einstellen, wenn die übrigen Umrisslinien ausgeschaltet sind. |
- | Use the “Lines and Corners” controls to determine for each of the four sides, whether your design element will have a border, its color and thickness. | + | ===== Farbbalken oben / unten ===== |
- | ===== Top and Bottom Color Bands ===== | + | Mit dieser Einstellung können Sie den oberen bzw. unteren Teil des Designelementes in einer von der Füllung abweichenden Farbe einfärben. |
+ | ===== Größe | ||
- | You can fill the top and/or bottom portion of the design elements with a color of your choice. Additional effects for the design object can be accomplished with the help of the image toolbox. | + | Mit den Anfassern an den Rändern und Ecken des Designelements können Sie dessen Größe verändern. Wenn Sie das Seitenverhältnis des Designelements beibehalten möchten, verwenden Sie nur die Anfasser an den Ecken. Um das Seitenverhältnis zu ändern, verwenden Sie entsprechend die Anfasser an den Kanten. |
- | + | ||
- | ===== Size ===== | + | |
- | + | ||
- | Grab the anchor points on a selected design element and adjust as necessary. To maintain the ratio of the object, adjust it by the corner anchor points. To alter the ratio of the object, adjust it from the sides or top/bottom anchor points. | + |