Design-Vorgaben
Folgende Richtlinien sind bei der Bereitstellung eines Designs zur Umsetzung für das Web zu beachten.
Grundbedingung
Das Design muss in einer eindeutigen und endgültigen Form geliefert werden, die der Kunde abgenommen hat. Das Design muss vollständig die unten aufgeführten Richtlinien erfüllen, da eine mehrmalige Korrektur und Nachlieferung beidseitig den Aufwand erhöht. Bitte denken Sie auch daran, dass besondere Webseiten (wie z.B. Formulare) sowie interaktive Elemente (z.B. Link mit Mouseover) auch berücksichtigt werden müssen. Aufwände, die durch nachträgliche Designänderungen entstehen, können in Rechnung gestellt werden.
Schriften
Angabe der verwendeten Schriftarten, Farben, Schriftgewicht und Schriftgrößen in Pixeln (z.B. Arial normal 11px black). Gilt auch für alle Überschriften (h1,h2,h3,h4,h5,h6), Links und Tabellen-köpfe und Inhalte.
Farbangaben
Erweiterung des Designs um Farbangaben in HEX Werten (z.B. #F139FF). Alle vorkommenden Farben müssen angegeben werden (Schrift, Hintergründe, etc.).
Maße
- Angabe der Abstände, Größen, etc. in Pixeln
- Es müssen hierbei ALLE benötigten Abstände, Höhen, Breiten etc. vermasst werden die später nicht variabel sein sollen
Format
- JPG, PNG, PSD (Photoshop kompatibel zu Version 7)
- 72 dpi
- Weboptimierter Farbraum
Größen und Abstände müssen in Pixeln messbar sein (kein Vektorformat).
Die Grafiken müssen von der Größe 1:1 zum späteren Webauftritt sein, um ggf. Werte herausmessen zu können.
Images & Grafiken
Bilder müssen zusätzlich zum eigentlichen Design bereitgestellt werden. D.h. Icons, Header, Teaser etc. müssen in der endgültigen Größe und in einem geeigneten Format geliefert werden. Dazu gehören alle notwendigen Grafiken wie auch runde Ecken von Boxen etc. PNG ist nicht zu empfehlen, da die Transparenz bei einigen Browsern falsch dargestellt wird (grau statt transparent). Die Grafiken sind Pixelgenau auszuschneiden
Wichtig: Bei Mehrsprachigen Webseiten sind auch die übersetzten Grafikinhalte zu liefern (z.B. Texte in der Grafik).
Beispiele
- Header: Bilder als JPG z.B. 600x100 Pixel breit
- Icons: Bilder als transparentes GIF, damit der Hintergrund der Website nicht verloren geht
- Logo: Das Logo sollte möglichst hochwertig als JPG eingebunden werden und im endgültigen Format geliefert werden um Verzerrungen zu vermeiden.
Navigation
Die Navigation ist ein zentraler Bestandteil der Website.
Anzugeben sind:
- Darstellung aller möglichen Ebenen (z.B. bis zur 4. Ebene)
- Aktive Punkte bzw. "Aufgeklappte" Navigationspunkte
- Hover (Mouseover) Darstellung
- Mit sämtlichen Elementen die dazu gehören (z.B Icons (nicht aktiv & aktiv), Hintergründe, etc.)
Tabellen
- Standard Tabelle mit Abständen Zelle innen
- Table Head
- optional: Table Footer, alle speziell markierte Zellen, Zeilen oder Spalten (Farbe, rechtsbündig, dick, dick mit Farbe, etc.)
Listen
- Nummerierte oder Aufzählungslisten
- optional: eigenes Design von Listpunkten
Elemente
Hier aufgeführt sind die Standardelemente einer Webseite. Bei einer nicht explizit definierten Darstellung wird das Standardformat verwendet.
Links/Verknüpfungen
- Darstellung Normale Links
- Hover (Mouseover) Darstellung
- optional: bereits besuchte Links, externe Links
Formulare
- Design allgemein
- Buttons, Eingabefelder, Dropdown, etc.
- Fehlermeldungen, Hinweise (z.B. Eingabe xxx benötigt)
- Darstellung "Required Fields" z.B. mit Stern oder anderer Farbe
Sonstige benötigte Inhalte (falls vorhanden)
- Sitemap, News (Listenansicht & Detailansicht), Startseite, Teaser, ...