Pixeldrama | Webdesign

Für Webdesigner ist es eigentlich Plicht sich mit dem Thema Rasterlayout zu beschäftigen. Zur Zeit gibt auch es eine kleine Welle in den einschlägigen Designblogs. So gibt es den endlosen Diskurs fluis/liquid Layouts vs fixed Layouts. Heute aber nur zu den fixen Layouts, welche auch schon vielen Fragen aufwerfen, die unbedingt der Klärung bedürfen. Dabei sollten keine Dogmen verbreitet werden, sondern immer die konkrete Aufgabenstellung und Zielgruppe den Leitfaden spinnen.

Was man mit Grids so alles anstellen kann, ist auf Subtraction nachzulesen. Dort hat man sich die Mühe eines hypothetischen Redesigns eines bekannten Suchportals gemacht, um zu erklären, wozu ein Grid ein gut ist. Am Ende des Artikels gibt es ne klasse Präsentation im PDF-Format. Pflichtlektüre!
Auch lesenswert ist Tanz auf dem Raster auf cold-heat.de, dort könnt ihr Christian Mücke beim Spielen mit einem Rasterlayout über die Schulter gucken.

Inspiriert durch den Artikel Gridding the 960 von Cameron Moll habe ich mich an eine Rastervorlage für 720px gemacht. Sie basiert auf dem Grid von Christian Watson.

Download
720px-grid-png.zip
grid-720px-ps.zip

Wieso jetzt 720px? Zum Beispiel sollte bei Projekten immer die Zielgruppe berücksichtigt werden, also welche Endgeräte kommen zum Einsatz und die daraus resultierende Breite für das Layout, um das ungeliebte horizontale Scrollen zu vermeiden. Viele Websites spekulieren schon auf eine Mindestauflösung von 1024×768 und entscheiden sich für eine Breite rund um die 900px-960px. Damit ist schon ein Puffer für Browserseitenleisten, Scrollbalken und nicht bildschirmfüllende Fensteransicht einberechnet. Ein Trend, der den Fortschritt bei der Hardware Tribut zollt, denn mit dem Einzug von Flachbildschirmen in Haushalte und Büros, kam auch eine höhere Auflösung. Doch gerade bei Firmenauftritten oder Informationsseiten setze ich noch auf 720px Breite, um auch für alte Geräte mit 800×600 oder kleine Fenster gewappnet zu sein. Daher die Entscheidung auch ein 720px-Raster vorrätig zu haben…