Willkommen auf einfachdesignen.com! :-)

Gridsysteme für Webdesign

Eine nützliche Innovation bei den Webdesign Werkzeugen sind Gridsysteme.

Was ist ein Gridsystem?

Es gibt einige verschiedene Gridsysteme, die zum Teil bereits eine große Verbreitung gefunden haben. Im folgenden Artikel wird auf das Grid 960.gs Bezug genommen, viele Prinzipien sind aber auch auf andere Gridsysteme anwendbar. Ein Gridsystem besteht grundsätzlich aus zwei Teilen. Der erste Teil ist das Grid zum Gestalten des Webdesigns. Dafür gibt es Hilflinien Templates für alle gängigen Webdesign Tools wie Adobe Photoshop, Adobe Fireworks, Adobe Illustrator usw.

Der zweite Teil des Gridsystemes sind fertige CSS Dateien und vordefinierte HTML Code Teile.

Gridsystem Generator

Design Datei Vorlagen und die dazugehörigen CSS Dateien können mit sogenannten Gridsystem Generatoren erstellt werden. Diese bieten eine große Flexibilität für Designer.

Die verfügbaren Einstellungen sind meist die Gesamtbreite der Website, die Anzahl der Spalten und der Abstand der Spalten zueinander.

Ein recht guter Gridsystemgenerator ist unter www.gridsystemgenerator.com zu finden.

Designen nach Grids

Designer und Kreative haben manchmal Angst, dass ein Grid sie einschränkt. Das Gegenteil ist aber richtig. Das hat verschiedene Gründe: Durch die vorgegebenen Templates ist es für Designer einfach, Gestaltungselemente anzuordnen und auszurichten.

Regeln sind dafür da, auch gebrochen zu werden. Dort, wo dein Design eingeschränkt würde und es gute Gründe gibt, vergiss das Grid.

Der ideale Webdesign Workflow mit Grids

Neben den offensichtichen, gestalterischen Vorteilen bringt ein Gridsystem eine deutliche Optimierung des Workflows vom Webdesign zum fertigen HTML/CSS Template.

Dir gefällt, was du gelesen hast? Teile es mit deinen Freunden!

Mehr auf einfachdesignen.com

Buchtipp

.

Auf Facebook folgen

Sei du auch dabei!