Informationen zur einfachen Zusammenarbeit zwischen Designer und Entwickler.



Browserinnenraum
Statistik über Auflösungen

Auflösung:

Auflösungen und die zugehörigen max. sichtbaren Bereiche im Browser:

800 x 600 = 760 x 420 (bis zu ~3% der User)
1024 x 768 = 955 x 600 (empfohlen)
Statistikseite

Achten Sie darauf, dass der sichtbare Bereich noch durch Tabs, Toolbars, Sidebars usw. beim Besucher reduziert sein könnte.
Bei einer Seite, die vertikal scrollt, ist die Höhe meist zu vernachlässigen.
Der wichtigste Teil des Menüs sollte jedoch in der sichtbaren Höhe untergebracht sein.

Die Auflösung sollte generell 72dpi betragen.
Der Farbraum ist RGB.

Daten:

Fireworks PNG (bevorzugt): Mit Adobe Fireworks sind notwendige  Änderungen in Grösse, Form, Farbe und Skalierungen sehr einfach möglich. Hier haben wir sehr viel mehr Möglichkeiten als bei anderen Dateiformaten.

PSD: Adobe Photoshop ist eine recht gute Alternative als Vorlage für die technische Umsetzung.
Zusätzlich ist zB. ein PDF oft hilfreich um das Layout besser beurteilen zu können.

AI: Adobe Illustrator ist ebenfalls eine Möglichkeit, wenn dort die richtigen Einstellungen (Web/72dpi/Grösse) getroffen wurden. Leider gibt es aber in der aktuellen Version CS4 markante Probleme mit der Schriftkonvertierung zwischen älteren und neueren Versionen – deswegen sollte Illustrator vermieden werden.

Schriften:

Für alle dynamischen Texte (Menüs und Inhalte) müssen websichere Schriften gewählt werden (Ausnahmen sind aber unter Umständen beschränkt möglich).

Websichere Schriftkataloge sind:

  • Verdana, Arial, Helvetica, sans-serif; (sehr gute Lesbarkeit)
  • Arial, Helvetica, sans-serif;
  • "Times New Roman", Times, serif;
  • "Courier New", Courier, monospace;
  • Georgia, "Times New Roman", Times, serif
  • Geneva, Arial, Helvetica, sans-serif;

Alias (keine Kantenglättung) für Schriften unter 12px erhöht die Lesbarkeit meist dramatisch (Verdana).
Achten Sie auch darauf, dass dynamische Texte, je nach Betriebssystem und Browser, auch mit Kantenglättung dargestellt werden könnten.

Neue Domainnamen im Design

Bitte überprüfen Sie ob die Domain frei ist und leiten Sie die Registrierung in die Wege, da Domains oft nur kurzzeitig frei sein können.

Testen bei :mediasoft / Testen bei all-inkl

Design für CMS-Templates

Templates (Vorlagen) sind gleichbleibende Grundgerüste für die Erstellung der einzelnen Unterseiten.
Somit sollte das Design für alle Unterseiten gleichbleibend sein.
Sind für einzelne Unterseiten Abweichungen unvermeidbar, wäre es am Sinnvollsten, wenn diese für einen ganzen Bereich und seine Unterseiten gelten würden (Hierarchiezweig).

Navigation
Bitte berücksichtigen Sie mind. 3 Hierarchieebenen im Design.
Achten sie bei einer horizontalen Positionierung darauf, dass ein solches Menü aus Platzgründen normalerweise sehr beschränkt ist.

Newsletter Design

Ein Newsletter kann, muss aber nicht die dynamische Hauptnavigation der Website beinhalten.
Bei der aktuellen Newsletterversion sollten keine grafischen Hintergründe verwendet werden.
Also Grafiken die hinter dynamischem Text stehen, sind nicht möglich. (Nur HTML/CSS Farben für Zellen bzw. DIV's)

Impressum, Kontakt, Abmeldelink sollte ebenfalls im Design berücksichtigt werden.

Standard-Inhalte

  • Kontakt
  • Impressum (Bitte rechtliche Pflichtangaben beachten)
  • Home
  • Sitemap


..