21
05

Gestalten nach Zahlen

Gestalten nach Zahlen

Die letz­ten Tage, Wochen und Monate geis­tern wie­der unglaub­lich viele Arti­kel durchs Netz, die wie­der ein­mal ihre selbst erstell­ten Regeln durch­drü­cken wol­len. War es frü­her die These “weg mit Tabel­len, her mit den Divs” kon­zen­triert man sich heute auf Schön­heits­kor­rek­tu­ren. Spal­ten­ras­ter, Grund­li­ni­en­ras­ter, gol­de­ner Schnitt. Gezielt auf ein­zelne Punkte ein­ge­hen werde ich expli­zit nicht, weil im Gegen­satz zur Web 2.0 Design-Revolution (CSS) es heute kein ein­fa­ches Rich­tig oder Falsch mehr gibt.

An die­ser Stelle ein klei­ner Aus­blick auf die kom­men­den Ände­run­gen hier, wel­che rela­tiv gut zum Thema pas­sen. Die­ses mal habe ich zu 80% mit puren Zah­len gear­bei­tet. Alle Ände­run­gen begrün­den sich auf Ras­ter­grö­ßen. Das neue Ras­ter wie­derum ergibt sich auf Grund der aktu­el­len Bild- und Spal­ten­grö­ßen. Gestal­ten nach Zah­len, nicht mehr und nicht weni­ger, was bis zu einem bestimm­ten Punkt sehr gut funk­tio­niert hat.

Screenshot Titelseite - Vergleich zwei verschiedener Varianten

Hier zu sehen zwei fast iden­ti­sche Kom­po­si­tio­nen für die neue Start­seite.

Die Details sind noch im Ent­ste­hen, aber der grobe Auf­bau ist soweit abge­schlos­sen. Zwi­schen bei­den Ver­sio­nen besteht ein win­zi­ger Unter­schied in Form einer leicht ver­än­der­ten Spal­ten­breite. Ohne zu sehr ins Details gehen zu wol­len: mein neues Ras­ter hat 18 Spal­ten. Links sehen wir eine Auf­tei­lung von 8 zu 10 Spal­ten, rechts 7 zu 11. Die wirk­lich span­nen­den Stel­len habe ich rot mar­kiert.

Wenn Ras­ter gegen einen arbei­ten ent­ste­hen sol­che Situa­tio­nen. Gegen die obere Ver­sion ist nichts zu sagen. Auch wenn ich unten aus dem Ras­ter bre­che, so fliegt mir auch dort nichts gestal­te­risch um die Ohren. Ohne hin­ter­leg­tes Ras­ter, sähe das nor­male Auge den win­zi­gen Makel unten sowieso nicht. Das eine ist rich­tig, das andere rich­ti­ger.

Screenshot Raster im Detail

Mein Bauch­ge­fühl sagt die rechte Ver­sion ist weni­ger falsch :P Hier ist das eigent­li­che Pro­blem. Mit 11 Spal­ten habe ich eine Zahl, die sich weder durch 2, noch durch 3 Tei­len lässt und somit eigent­lich das Spal­ten­ras­ter igno­riert, darin ent­hal­tene mehr­spal­tige Inhalte betrifft. Dies ist nicht hun­der­pro­zent kor­rekt, auch nicht falsch, aber wer es weiß, sieht den Makel. Gute Ras­ter sind jene, die man nicht sofort erkennt, auch darum gefällt mir die weni­ger rich­tige Vari­ante am Ende bes­ser, da es nicht so ste­ril kon­stru­iert wirkt, wie die eigent­lich kor­rek­tere Ver­sion.

Was letzt­end­lich hier dem­nächst zu sehen sein wird, ist noch unsi­cher und wahr­schein­lich werde sowieso nur ich die mehr oder weni­ger fal­schen Details sehen. :) Ich jeden­falls nehme erst­mal wie­der etwas Abstand von Zah­len und Regeln. Jede Gestal­tung funk­tio­niert indi­vi­du­ell für sich und die­sem Medium teils jahr­tau­sende alte Regeln auf­zwin­gen zu wol­len, ist ein­fach falsch. Es muss immer Platz für Kom­pro­misse sein. Das ist keine schlechte Schule son­dern Erfah­ren und Ler­nen neuer noch unge­schrie­be­ner Regeln. Auch Web­ge­stal­tung ist nicht nur reine Mathe­ma­tik.

  • #1
  • Fr, 08. Mai 2009
  • Søren schrieb:

Schick! Auch die Argu­men­ta­tion. Regeln sollte man immer mal bre­chen :)

  • #2
  • So, 10. Mai 2009
  • ben_ schrieb:

Also ich würde ja nicht soweit gehen, zu behaup­ten, dass man Regeln immer bre­chen sollte. Aber ich würde sagen, dass man Regeln bre­chen darf wenn man bewie­sen hat, dass man sie beherrscht. Und ich sag mal so: Du bist wohl einer der weni­gen Web­de­si­gner, die ich ken­nen, die das so ein­drucks­voll und lei­den­schaft­lich gemacht haben. Und ich würde sagen, dass man dar­über­hin­aus Regeln bre­chen sollte, wenn es sich rich­tig anfühlt. “Remem­ber, a Jedi’s strength flows from the Force.”

  • #3
  • Mi, 13. Mai 2009
  • ben_ schrieb:

Mal was ande­res: Die Items in Dei­nem Shared-Feed würde ich gerne irgendwo dis­ku­tie­ren. Also zu einem ver­stehe ich man­che nicht, bin aber neu­gie­rig, warum Du sie da hin­ein­ge­packt hast. Und zu ande­ren würde ich bei man­chen ein­fach gerne meine Mei­nung mit Dir/Sonstwem dar­über aus­tau­schen, ohne gleich auf X-Plattformen kom­men­tie­ren zu müs­sen … nur sonne Idee.

Webmaster

“Nur sonne Idee”, die mich funk­tio­nell seit dem Anfang des Updates beschäf­tigt. Zu Moveable-Type-Zeiten hatte ich einen sepa­ra­ten Blog für Links, der mit Word­Press gestor­ben ist und an des­sen stel­le­der Google-Reader-Feed ruschte. Klar ist, ich möchte alles wie­der lokal bei mir haben.

Zwar wäre es ein­fach in Word­Press eine sepa­rate Kate­go­rie dafür anzu­le­gen, aber die­ses Zeug würde sich dann quer durch die Seite zie­hen, was ich ver­mei­den möchte. Auch könnte man immer jene Kate­go­rie raus­fil­tern, aber auch dies ist keine opti­male Lösung.

Defi­nitv nicht “nur sonne Idee” son­dern ein rela­tiv gro­ßes Thema, was nur noch auf eine Lösung war­tet.

Webmaster

Also… ich habe nun die letzte Stunde an “nur son­ner Idee” gear­bei­tet und dabei extrem Ner­ven gelas­sen. Kurz­zei­tig war die Daten­bank der Seite Schrott und ich hatte nur ein defek­tes aktu­el­les Backup. Die­ses ver$&%(§)# Backup-Plugin für Word­Press, kann mich kreuz­weise. Zum Glück hab ich vor dem Auf­spie­len noch ein Backup mit phpMyAd­min ange­legt, was nun manu­ell halb­wegs wie­der repa­riert wurde. Aus irgend­ei­nem Grund waren meine IDs der Kate­go­rien zer­fetzt und somit meine Loops nicht mehr rund.

Grund­sätz­lich scheint es aber zu funk­tio­nie­ren, aber wird erst aktiv lau­fen, wenn ich das neue Theme benutze. Es wird eine eigene Kate­go­rie für Links geben, wel­che dann kom­men­tier­bar sind. Im RSS Feed der Seite wer­den sie wohl erschei­nen, in den Archi­ven aber wohl nicht. Hof­fent­lich.

  • #6
  • Do, 14. Mai 2009
  • ben_ schrieb:

Ouha, da hab ich ja in ein Wes­pen­nest gesto­ßen. Ich habe gerade die ers­ten Ver­su­che im Fee­dre­a­der gefun­den. Super! Was Back­ups angeht: Seit ich weiß, dass ich mei­nen Hos­ter jeder­zeit um ein Backup bit­ten kann, hab ich echt weit weni­ger Sor­gen.

Wenn ich jetzt sage, dass das mit Dru­pal alles ganz ein­fach ist, nützt das nicht viel, was? ;]

Webmaster

Ein­fach mal öfter auto­ma­tisch vom Hosting-Tool sichern las­sen, beson­ders wenn man tie­fer in die Daten­bank ein­greift ;P Egal nun funk­tio­niert ja alles so wie geplant. War die paar Ner­ven und die Zeit durch­aus wert.

Kommentar schreiben
safari bug

Vorschau:

HTML ist in Kommentaren zugelassen. Erlaubt sind die HTML-Tags:
<a href>, <i>, <p>, <strong>, <em>, <ul>, <ol>, <li>, <blockquote>.
Alle themenfremden oder persönlichkeistverletzenden Beiträge werden gelöscht, also immer schön sachlich argumentieren.

schrieb: