styleguide. //

schriften. //

Als Typografie werden Systemschriften (True Type Fonts) eingesetzt. Systemschriften sind bereits im Lieferumfang der Computer-Betriebssysteme enthalten. Sie wurden in ihrem Design für die Bildschirmdarstellung optimiert und enthalten nur wenig Schrägen und Rundungen. Der Einsatz erfordert keinen Erwerb von Nutzungsrechen und ist daher flächendeckend verbreitet.

hauptschriftarten. //

Die Hauptschriftart ist einheitlich als Verdana festgelegt:› Verdana › Verdana Italic › Verdana Bold › Verdana Bold Italic

navigationsschriftarten. //

Für die Navigationen im Template gilt einheitlich Verdana in der Schriftgrösse 10 Punkte. › Verdana Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

horizontale navigation und links. //

In der horizontalen Navigation und den Links werden alle Buchstaben gross geschrieben.

schriftfarben und styles. //

Modultitel #646464 Modultitel 14 Punkt, boldLead #000000 Leadtext 11 Punkt, boldUntertitel (im Text) #646464 Untertitel 8.5 Punkt, bold

Inhalt #000000 Inhalt 8.5 Punkt

Link #2e3066 Link 8.5 Punkt, unterstrichen

Link besucht #aaaaaa Link besucht 8.5 Punkt, unterstrichen

gestaltungsfläche. //

Die Gestaltungsflächen des «Skins» wurden entwickelt, um ein optimales Erscheinungsbild bei einer Bildschirmauflö-sung von 1024 x 768 Pixel zu gewährleisten. Hierbei wird davon ausgegangen, dass das Browserfenster im Bild-schirm füllend dargestellt und keine so genannten Sidebars (zusätzliche, senkrechte Browserleisten , z.B. «Favoriten» beim Internet Explorer) geöffnet sind. Gestalterisch wird hier, von der empfohlenen Bildschirmauflösung von 1024 x 768 Pixel und von einer inneren Browserfenster-Breite von mindestens 950 Pixeln ausgegangen. Eine Umsetzung von parallelen Versionen eines Angebots für verschiedene Auf-lösungen ist nicht notwendig. Auf der Internetsite wird der gestalterische Spielraum der Coporate-Design-Richt-linien anhand beispielhafter Internetseiten visualisiert.

Gemäss den Vorgaben zur Barrierefreiheit sollte bei der Gestaltung und Programmierung eines Online-Angebotes aber darauf geachtet werden, dass die Webseiten unab-hängig von Bildschirmauflösungen, Browserfenster-Grös-sen oder eingestellter Schriftgrösse eines Nutzers gut funktionieren und ansprechend aussehen. Die Browser-fenster-Grösse muss von der tatsächlichen Bildschirmauf-lösung unterschieden werden, da der Nutzer die Grösse seines Browserfensters unabhängig von der Bildschirmauf-lösung seines Monitors individuell bestimmen kann. Die Flä-cheneinteilung berücksichtigt, dass viele Nutzer noch über Bildschirme von nur 800 Pixeln Breite verfügen. Diese Be-nutzer können mit dem Verschieben der horizontalen Bild-laufleisten, sog. Scrollbars, den Contentbereich und die Marginalspalte in der vollen Breite überblicken.

gesamtübersicht der screenaufteilung. //

Diese Screenaufteilung erleichtert die Orientierung und trägt zur Wiedererkennung in erheblichem Masse bei. Die Gestaltungsfläche wird in folgende Bereiche unterteilt:

› Top Pane

› Left Pane

› Content Pane

› Right Pane

giordano.ch gmbh //

sonnengartenstrasse 69000 st. gallen

telefon 071 228 40 63telefax 071 228 40 60

mail info@giordano.chweb www.giordano.ch