24.02.2007
Kindlicher Spieltrieb
Da die Welt nicht nur aus nüchternen Beraterseiten besteht, habe ich nun mir den Spass gegönnt und den Entwurf mit den stilisierten Palmwedeln umgesetzt. Bei der Gelegenheit wurde gleich noch ein weiteres Template entworfen. Eine Seite mit stilisierten Waizen und Mais aus der Clipartsammlung und der Bilderrahmen mit den Insekten wurde schließlich umgesetzt. Die Website-Templates Templates sind unter der Nummer TC-0079 A-C in der Templaterie (TC-0079 von A bis C in der Galerie, dies ist B!) zu finden.
TC-0079 C (Sonnenaufgang auf dem Land)
Das Website-Template nutzt den Trick mit dem Body, bei dem der Skrollbalken im HTML und BODY deaktiviert wird und im 100% füllenden DIV aktiviert. Damit ist alles weitere unterhalb des Browserfensters und kann mit absoluter Position in das Fenster geholt werden. Sobald die ollen MSIE6 und früherer Versionen endlich Geschichte sind, kann man auf diesen Trick verzichten und Elemente aus dem Fluß im Viewport (Sichtbarer Bereich im Browserfenster) per fixed halten und dann auch.
Mit dem Trick werden nun die Elemente neben, über, unter, vor und hinter dem Text anordnen. Das Template besteht aus einer Reihe kleiner Elemente, die nach dem Text geladen werden. Bei heutigen Geschwindigkeiten ist der Effekt des Seitenaufbaus allerdings nur bedingt noch etwas, das man miterleben kann. 
Der Entwurf ist liquide. Das heißt er passt sich an. Das hat Konsequenzen in Bezug auf die Links. Links können nicht angesteuert werden, wenn Elemente diese überlagern. So ist diese Template etwas eingeschränkt, wenn es um Link am rechten Rand im Text geht. Hier wird man Links immer in einer neuen Zeile beginnen müssen. Ich bin zu sehr Grafikerin um auf den Effekt des überlappenden Blattes verzichten zu wollen. Was in dem verkleinerten Screenshot bei einem Viewport mit ca. 1012×640 Pixel scheint es kein Problem zu sein. Die Überlappung wird selten den kompletten link über schneiden. Doch eine Grafik ist starr, das heißt, wenn sich das Fenster verkleinert auf 782×340 dann ist die Grafik mit dem Maisfeld noch immer über dem Text, nur dass es dann 30% statt 5% über den Text steht. Was bei einem einzelnen Blatt wieder irgendwie irrelevant zu sein scheint, doch sollte man nicht vergessen,dass es eine transparente eckige Grafik ist und damit eben in der gesamten Höhe der Grafik zwar nicht die Sicht aber den Klick behindert. Dem könnte man ausweichen, in dem man dem Inhalt eine Margin in der Breite der Überlappung verpasst. Das aber hätte zur Konsequenz, dass der Text zu einem albernen schmalen Streifen gestaucht werden würde. ich halte es daher für sinnvoller bei einer solchen Konstellation darauf zu achten, dass der Link im Fließtext in jedem Fall Links am Zeilenanfang steht. Also unmittelbar vor dem Link ein harter Zeilenbruch steht oder es der Anfang eines Absatzes ist.
Andererseits, jedes Design hat seine Einschränkungen, ob es liquide oder starr ist, ob es viele oder keine Grafikelemente hat. Wenn man ein Template auswählt oder konzipiert sollte man sich daher auch über technische Seite der Inhalte gedanken machen. Für manche Inhalte ist der liquide Aufbau einer Seite geeigneter, für andere sind es starre. Für wieder andere sind es Mischformen
Filed under: Design
No Comments