Versionen von Style.Farben

Unwichtige Korrekturen ausblenden - Änderungen im Wiki Quelltext

 
 
27.03.2009 20:58 Uhr von ckater -
Zeilen 13-16 gelöscht:

Das Stud.IP-Design ist als schwebendes Design konzipiert. Das bedeutet, dass alle dargestellten Inhalte vor einem gedachten Hintergrunf schweben und sich somit optisch von diesem Hintergrund absetzen. Das spiegelt sich auch in der Farbwahl wieder: Der Hintergrund ist in einem dunklen Farbton zu halten, die eigentlichen Inhalte der Seite besitzen einen weißen Hintergrund, um sich davon abzusetzen.

Zeilen 20-21 bearbeitet:

Jedes der frei schwebenden Fenster wird dabei entweder durch eine dunkle Kopfzeile oder ein Reitersystem eingeleitet. Im eigentlichen Ausgabe-Bereich einer jeden Seite sind Inhalte von dem sie enthaltenden Fenster abzusetzen. Dies geschieht z.B. durch Inhalts-Objekte, Tabellen, Infoboxen oder durch hell oder dunkelgrau hinterlegte Flächen. Inhalte, insbesondere Texte, sollten nicht frei auf dem weißen Hintergrund platziert werden. Wenn mehrere Objekte innerhalb eines Fenster wiederum schwebend platziert werden und dabei keine Darstellung als Stud.IP-Objekte oder in Listenform gewählt wird, sollten auch diese Grafiken Kopfzeilen erhalten. Dabei ist darauf zu achten, dass statt der dunkelblauen die kontrastärmeren Varianten verwendet werden. Genauere Angaben werden dazu in den folgenden Kapiteln gegeben.

geändert in:

Falls Standorte Eingenanpassungen vornehmen (etwa um Stud.IP an ein vorhandenes Corporate Design anzupassen), sollten folgende Punkte berücksichtigt werden:

  • Der Kontrast zwischen den Blättern und dem Hintergrund muss erhalten bleiben. Sollte ein weißer Hintergrund gewählt werden, sollten die Blätter einen Rand erhalten, damit der Kontrast erhalten bleibt.
 
 
27.03.2009 19:29 Uhr von ckater -
Zeilen 6-12 hinzugefügt:

Das Blatt als zentrales Element für allen Stud.IP-Content gestaltet sich dabei wie folgt:

  • Ein Blatt "schwebt" frei vor dem Hintergrund der Seite. Dazu hat es zu allen Seiten einen gewissen Abstand gegenüber der Kopfzeile und dem Rand der gesamten Webseite.
  • Jedes Blatt stellt einen "Scope" dar, also eine oder mehrere Funktionen, die logisch zusammengefasst werden. Besitzt ein Blatt mehrere Funktionen, werden diese als Reitersystem nebeneinander dargestellt. Besitzt ein Blatt nur eine Funktion, wird diese als Kopfzeile in Form eines einzigen Reiters dargestellt, der sich über die gesamte Seitenbreite erstreckt.
  • Ein Blatt sollte immer eine Infobox erhalten. Dadurch ergibt sich auch gewisse Minimalhöhe, sollten keine Inhalte enthalten sein.
  • Der Inhalt der Seite kann in so genannte "Kapitel" gegliedert werden, die verschiedene Bereiche gegeneinander abgrenzen.
 
 
27.03.2009 18:47 Uhr von ckater -
Zeile 2 hinzugefügt:
 
 
27.03.2009 18:47 Uhr von ckater -
Zeilen 1-7 hinzugefügt:

Zur eindeutigen Abgrenzung von Bereichen und für ein angenehmes Bedienerlebnis wird das Stud.IP-Design in mehren Ebenen organisiert, die sich in einem gedachten dreidimensionalen Raum orientieren. Dieser Raum wird durch folgende Annahmen definiert:

  • Sämtliche Elemente werden vor einem Hintergrund arrangiert. Dieser Hintergrund setzt sich von allen weiteren Elementen durch einen entsprechenden Kontrast ab.
  • Jede Seite besteht aus dem Header, dem Inhaltsbereich (einem gedachten "Blatt") und ggf. einem Footer. Alle diese Elemente "schweben" vor dem Hintergrund
  • Der Inhaltsbereich besteht aus genau einem Blatt, das die eigentlichen Inhalte aufnimmt.
 
 
27.01.2009 13:07 Uhr von mlunzena -
Zeilen 7-10 bearbeitet:
geändert in:

Jedes der frei schwebenden Fenster wird dabei entweder durch eine dunkle Kopfzeile oder ein Reitersystem eingeleitet. Im eigentlichen Ausgabe-Bereich einer jeden Seite sind Inhalte von dem sie enthaltenden Fenster abzusetzen. Dies geschieht z.B. durch Inhalts-Objekte, Tabellen, Infoboxen oder durch hell oder dunkelgrau hinterlegte Flächen. Inhalte, insbesondere Texte, sollten nicht frei auf dem weißen Hintergrund platziert werden. Wenn mehrere Objekte innerhalb eines Fenster wiederum schwebend platziert werden und dabei keine Darstellung als Stud.IP-Objekte oder in Listenform gewählt wird, sollten auch diese Grafiken Kopfzeilen erhalten. Dabei ist darauf zu achten, dass statt der dunkelblauen die kontrastärmeren Varianten verwendet werden. Genauere Angaben werden dazu in den folgenden Kapiteln gegeben.

 
 
27.01.2009 13:06 Uhr von mlunzena -
Zeilen 2-7 hinzugefügt:

richtig:

falsch:

 
 
27.01.2009 13:04 Uhr von mlunzena -
Zeile 1 hinzugefügt:

Das Stud.IP-Design ist als schwebendes Design konzipiert. Das bedeutet, dass alle dargestellten Inhalte vor einem gedachten Hintergrunf schweben und sich somit optisch von diesem Hintergrund absetzen. Das spiegelt sich auch in der Farbwahl wieder: Der Hintergrund ist in einem dunklen Farbton zu halten, die eigentlichen Inhalte der Seite besitzen einen weißen Hintergrund, um sich davon abzusetzen.

 

 

Quelle: Basis-Wiki-Hilfe | Letzte Änderung: 27.03.2009 20:58 Uhr, ckater | Local view: Basis-Hilfe