[WIP]
Zwei Prämissen vorab:
- Dieser Artikel soll ledliglich ein Leitfaden für die Gestaltung von Webseiten, im speziellen basierend auf dem Bootstrap-Framework, darstellen. Dieser Artikel erhebt keinen Anspruch auf Vollständigleit
- So wie der Architekt dem Bauherren eine technische Zeichnung als Grundlage seiner Arbeit gibt, so brauchen die Programmierer eine verlässliche Vorlage. Schließlich erwartet der Bauherr auch das der Architekt weiß was er da zeichnet. Und wenn erst einmal das Erdgeschoss steht, dann ist es es schwierig noch tiefergehende Änderungen am Keller vorzunehmen.
Checkliste
Chechliste für Screendesigns bevor sie zu den Programmierern gehen:
- Es wurden sämtliche Abstände und Positionierungen von Grafiken, Texten, Icons etc. überprüft (Die Programmierer halten sich pixelgenau an diese Positionen, Schriftgrößen und Abstände)
- Der Farbraum der PSDs ist auf (websicheres) sRGB gestellt
- Die PSDs sind in 72ppi
- es wurde das Bootstrapraster rücksichtigt. Wenn nicht wurde dies im Vorfeld explizit mit den Programmierern besprochen
- Es gibt Screendesigns für die Startseite, sowie (mindestens) eine Unterseite, auf welcher die gängigen Standartinhalte gestylt sind (Fließtext, Absätze, div. Überschriftstypen, Aufzählungen, Text + Bild...)
- Etwaig verwendete Icons sind als einzelne, randlose, monochrome SVGs separat aufbereitet
- Etwaig verwendete Grafiken (Banner, Headgrafiken etc) sind als einzelne JPG/PNG Dateien separat aufbereitet
- Was passiert nach der größten Anzeigestufe? (Seite wird zentieret, skalliert, linksbündig etc..)
- Es wurde eine Liste mit allen verwendeten Schriften und Schriftschnitten erstellt
- Es wurde eine Liste mit allen verwendeten Farben (Hex- oder RGB-Werten) erstellt