1024.1 – Dokumentation zur neuen Gestaltung

Was hier schonmal Erwähnung fand und die rätselhafte Bezeichnung 1024.1 trägt, ist eine Artikel-Serie für die nächsten paar Wochen, mit dem Ziel, dieser Seite einen kleinen neuen Anstrich zu verpassen. Dies ist also der erste Teil, auf dem Weg zu einem funktionierenden 1024 Pixel breitem Webdesign. 1024.1 halt.

Das Ganze fing so simpel an und entwickelt sich langsam zu echten Herausforderung. Die Idee war recht einfach, eine zusätzliche Spalter für das Grundraster, dort hinein die üblichen Randspalten-Daten des Blogs und fertig. Nun daraus ist nun offensichtlich mehr geworden. Das Raster hat sich verändert bzw. ist feiner geworden und damit kommen die Probleme.

Im Gegensatz zu vielen anderen gebe ich hier offen zu woran ich mir bei der Gestaltung so orientiere. Die Times (also das Printmagazin Times) hat neulich ein Redesign auf die Beine gestellt, was einfach gnadenlos gut funktioniert. Wer die Chance hat sollte mal einen Blick riskieren. Es gibt es einen kurzen Online-Artikel drüber.

mehr Platz, mehr Probleme

Statt einfach eine neue Spalte reinzuknallen versuche ich die Seite insgesamt harmonischer in die Breite wachsen zu lassen. Dabei ergeben sich immer wieder neue Lücken, die es zu füllen gilt. So zum Beispiel wird das Formular für die Kommentare auch neu angeordnet werden müssen:

Layout Kommentar-Eingabe

Lässt sich das Formular noch relativ einfach auf das neue Raster legen, so fällt dies bei anderen Elementen schwerer. Was den Kopf der Einträge angeht, so werde ich hier noch mehr vereinfachen. Zur Zeit gibt es noch viele Einschränkungen für mich. Es gibt einen Grund wieso ich keine großen Bilder zu Beginn eines Eintrags integrieren kann, weil diese Bilder mit den Rand-Informationen an gleicher Stelle überlagern würden. Dies ist der aktuelle Stand des neuen Seiten-Kopfes eines Eintrags:

Layout Seiten-Kopf

Ein offensichtliches Problem entsteht dann, wenn das Grundraster ausgeblendet ist, denn dann findet das Auge eine unansehnliche optische Lücke zwischen den Randinformationen und dem eigentlichen Mittel-Teil. Die Idee war nun, die Breite für Texte und Bilder eines Eintrags ein klein wenig zu erhöhen und so die Lücke zu schließen. Was gut klingt funktioniert nur teilweise sehr gut, denn ich habe ich mich nun was die Bilder betrifft auf eine Größe festgelegt, genau so breit wie der Text-Block. Wenn ich diesen nich breiter angelege passen die Bilder nicht mehr.

Wenn der Text breiter läuft als bisher kommt es zu Problemen.

Andererseits funktioniert es, wenn die gleichen Bilder eine Bildunterschrift besitzen:

Genau an dieser Stelle hänge ich nun fest. Ich fürchte auch dieses Problem so schnell nicht lösen zu können. Vermutlich wird trotz eines breiteren Layouts, die Breite der Eintragsinhalte gleich bleiben. Es gäbe zwar Lösungen, aber die wären alle zu umständlich und unflexibel für meinen Geschmack. Irgendwie habe ich mir die Sache einfacher vorgestellt, diese zusaätzlichen Pixel bringen mehr Arbeit mit sich, als ich dachte.