Layout-Beispiel 1

Das Layout für ein fiktives Fotostudio mit Schwerpunkt Architektur stellt die virtuelle Umsetzung einer klassischen Set-card dar. Arbeitsproben und Info-Text auf einen Blick.

Zur Demoansicht

Layout-Beispiel 2

Dieses Layout für einen fiktiven Partyservice ist an eine Speisekarte angelehnt. Rechts die »Speisenauswahl«, links, Abbildungen und Informationen, unten links an Tabs angelehnt, die firmenspezifischen Angaben.

Zur Demoansicht

Layout-Beispiel 3

Beispiel für ein klassisches Winkellayout mit Schatteneffekt. Bei aktiviertem Javascript sind die Menüs ausklappbar. Bei deaktiviertem wird das Menü ausgeklappt angezeigt. Leider wird oft so vorgegangen, daß bei deaktiviertem Javascript, sich die Menüs nicht nutzen lassen.

Zur Demoansicht

Layout-Beispiel 4

Beispiel für ein klassisches Portal-Layout. Portal-Layout nicht so sehr, weil es sich besonders für sogenannte Internetportale eignen würde, sondern weil es aufgebaut wie ein Portal ist. Ein Überbau, der auf zwei Säulen ruht. Links das, in diesem Beispiel ausklappbare Menü, rechts sogenannte Boxes mit kurzen Information unter anderem zu Aktuellem auf der Seite. Das Layout füllt immer die volle Breite des Browserfensters aus.

Zur Demoansicht

Layout-Beispiel 5

Beispiel für ein Design-Layout. Dieser Layouttyp ist zu empfehlen, wenn der Webauftritt eine unverkennbare persönliche Note haben soll, beispielsweise für einen Künstler. Hier für einen Fotografen. Die rote Linie zwischen den Bildbeispielen und dem Text sorgt für Kontrast und betont zugleich die SW-Arbeiten.

Zur Demoansicht