Webdesign - Webseiten planen, gestalten - Free-Hack Library

Designarbeitsschritte
einer Seite an imaginären Bezugslinien auszurichten, um dadurch
ordnende Ruhe ins Layout zu bringen.
Bei komplexeren Gestaltungen (z. B. Portalseiten) wird mit dem
Raster zudem die feinteiligere, wiederkehrende Untergliederung
der Seite vorgenommen, z. B. in mehrere Spalten oder für die
Anordnung mehrerer Bilder nebeneinander.
Definieren Sie Ihr Layoutraster mit den Hilfslinien in Photoshop.
Bei komplexeren Rastern empfiehlt sich die Rasterfunktion des
Programms. Der Inhalt bestimmt die Form. Immer sichtbare Elemente,
wie Banner und die Navigation, liefern schon Koordinaten
für die Ausrichtung eines Rasters (Abb. 6.8.3a).
Aus der Rasterdefinition können die Maße für die einzelnen
Elemente ermittelt werden. Bilder, Textgrafiken und Auflistungen
sollten sich in dieses Raster eingliedern. Am einfachsten zu erreichen
ist dies mit Vielfachen der Rastergrößen.
Auch Freiräume sind wichtig für das Auge und können mit leeren
Rasterfeldern erreicht werden.
Eine Website weist üblicherweise nicht nur einen Seitentyp auf,
deshalb müssen im Layout auch die weiteren Seiten einer Site,
die möglicherweise andersartige Inhaltsstrukturen aufweisen,
durchgestaltet werden.
So kommt es nicht selten vor, dass auf einer Website sowohl
einspaltige und mehrspaltige Seite vorkommen, bzw. Seiten,
DESIGNENTWURF 6
Abb. 6.8.3a: Rasterentwicklung
Abb. 6.8.3b, c, d: Konsistentes Seitenlayout.
Die Web Design Gazette besteht aus unterschiedlich
gestalteten Seiten, die trotzdem
dank des Rasters konsistent sind.
235