Designlieferung

Ihre Webseite ist das Gesicht Ihrer Firma nach Außen. Neben einer optimalen programmierten Webseite sieht der Nutzer vor allem auch die Gestaltung der Webseite als wichtig an. Eine Investition in ein gutes Design und eine benutzerfreundliche Oberfläche zahlt sich daher doppelt aus.

Für Webagenturen ist es bei der fehlerhaften Lieferung von Layouts immer wieder beschwerlich, eine gestalterisch zufriedenstellende Webseite zu programmieren, wenn die Layoutvorgaben nur rudimentär übermittelt werden. Die Herausforderung für Webgestalter besteht dann immer dabei, dass die Kundenwünsche mit den Vorgaben des Internets nachgebaut werden. Ohne die entsprechenden Angaben ist die Erstellung der Webseite eine Herausforderung.

Bitte erleichtern Sie uns die Arbeit und halten Sie damit Ihre Kosten niedrig.

Gegebenheiten im Web

Für die Gestaltung für das Web sind folgende Voraussetzungen unumgänglich:

• Farbraum ist RGB (kein CMYK)
• Maßeinheit am Bildschirm ist Pixel (keine Zentimeter)
• Alle Elemente sind von Grund auf rechteckig und werden nur durch Grafiken rund
• Schriftarten sind arg eingeschränkt, da sie auf dem jeweiligen Zielrechner installiert sein müssen

Folgende Schriftarten sind auf den meisten Rechnern installiert

• Arial (99,4%)
• Verdana (99,1%)
• Times New Roman (99,1%)
• Courier New (99,5%)
• Trebuchet MS (98,7%)
• Georgia (98,3%)
• Comic Sans (98,5%)
• Impact (98,6%)
• Helvetica (22,2%), beschränkt auf MAC
•  Verbreitung weiterer Schriftarten

Dabei ist man auf die Darstellungsmöglichkeiten der jeweiligen Browser angewiesen. Das Schärfen und Glätten der Schrift ist mitunter nicht gegeben.
Alle anderen Schriftarten müssen durch Grafiken oder Replacement-Technologien bereit gestellt werden, was mitunter negative Auswirkungen auf die Performance der Seite hat. Schriften-Replacement bzw. Schrift in Grafiken ist nur für bestimmte Elemente empfohlen (Hauptüberschriften, Logos etc.), aber keinesfalls für Fließtext. Generell müssen lizenzfreie Schriften verwendet werden, oder die Lizenz beim Auftraggeber liegen. Selbiges gilt für die Rechte von Schriftarten, verwendeter Musik, Bildern, Hintergrundgrafiken, Texten und Videos.

Schriftgrößen

Silbentrennung

Textausrichtung

Formulare

Alphatransparenz

Layout-Lieferung

 Die Layout-Lieferung sollte mindestens die Gestaltung folgende Seiten beinhalten. Wichtig ist, dass alle Designelemente mindestens einmal abgebildet sind.

• Startseite
• Seite mit Bild, Video, Fließtext, Überschrift, Navigation
  
• Seite mit Formulareinbindung
• Bei Shops: Artikelliste mit Seitenwechselschaltflächen(Pager), Artikeldetailseite, Warenkorb
• Bei Blog: Beitragsliste mit Seitenwechselschaltflächen (Pager), Detailseite mit Bild, Video, Kommentarformular, Kommentar
• Design von E-Mails und Newsletter

Die Übermittlung von Layouts an tyclipso.net setzt die Einhaltung gewisser Vorgaben voraus. Folgende Dateiformate mit den dazugehörigen Eigenschaften können geliefert werden:

•  PSD (Adobe Photoshop Datei)
• PDF (Portable Document Format) - beschränkt
• TIF-Dokumente (Tagged Image File) 
•  EPS (Encapsulated Postscript) - beschränkt
•  JPG/JPEG (Joint Photographic Experts Group) - sehr beschränkt
•  swf/fla (Shockwave Flash/Adobe Flash - für Animationen

Photoshop

Es werden folgende Eigenschaften benötigt: 

• Gestaltungselemente in Ebenenstruktur mit  aussagekräftigen Ebenenbezeichnungen, Gliederung in Ordnern (Projekt- und Objektbezug), Transparenzen und Ebenenlayouts in einzelnen Ebenen.
• Maximale Datei-Kompatibilität für möglichst alle Photoshop-Versionen
•  Übersichtsbild (z.B. Format JPG) pro Seiten-/Objektvorlage
•  Kachelbarer Ausschnitt in x, y oder x/y Richtung (für den Hintergrund)
•  Verlauf in eine einheitliche Hintergrundfarbe
•  Farbset zur Webseite
•  Schriftangaben (Schriftart und -größen) für  Überschriften, Fließtext (Linkformatierung, Aufzählungslisten, Absatzabstände), Text in Marginalen, Navigationselementen und Formularen (legend, label, Eingabefelder), freigestellte Icons, Spezialboxen (v.a. in den Marginalen), Layoutraster
• versandfähig per eMail (max. 20 MB)

PDF-Datei 

Die alleinige Übermittlung von PDF-Dateien ist lediglich zur Ergänzung einer Vorlage denkbar. Eine PDF-Datei muss demnach mindestens enthalten:

• Detaillierte Beschreibung und Bemaßung von Vorlagen (siehe PSD)
• Pixelgenaue Grafiken 

Bei der Lieferung von PDF-Dateien kann keine Umsetzungsgenauigkeit zugesichert werden, da insbesondere Ebenen nicht auseinander gehalten werden können.

Bilddateien

Eine Designlieferung als JPG-Datei ist nur dann möglich, wenn keine Ebenen im Projekt eine Rolle spielen. Das ist der Fall, wenn beispielsweise rein mit Farbe gearbeitet wird und keine Verläufe eingesetzt werden.
Eine JPG-/JPEG-Datei darf nicht komprimiert gespeichert bzw. übermittelt werden.

Voraussetzungen

• Bemaßung
• Farbangaben
• Angaben zu Schriftarten, -farben und -größen

Logos können nur dann übernommen werden, wenn sie die gleiche Hintergrundfarbe wie der Webhintergrund haben.

 Die verwendeten Logos einer Webseite sollten in EPS-Format geliefert werden.

Flash-Dateien

Bei der Übermittlung von Flashdateien achten Sie bitte darauf, dass jeweils offene Dateien geschickt werden oder potentielle Änderungen, die nach der Sichtung anfallen, selbst durchzuführen sind.