#97: Photoshopping des Almanachs

Der Almanach wurde in v9 eingeführt und war nie ganz fertig. Er kommt aber jeden Tag näher. In v10 werden wir also so gestalten, als wäre er "fertig".

Wir betrachten das bestehende v9-Design, das irgendwie in Ordnung ist, aber dem Inhalt nicht besonders gut dient. Am Rande bemerkt, sehen wir, dass die Rollover für die Buchstaben beim Hover fett werden, was normalerweise ein No-Go ist (drängt oft anderen Text weg und sieht komisch aus), aber es ist irgendwie ein cooler Effekt bei diesen Buchstaben mit fester Position.

Wir haben die benutzerdefinierte Header-Grafik bereits vorhanden, also packen wir sie in Photoshop, um mit dem Design im Kontext zu spielen. Ein Teil dessen, was mir an Giovannis Illustration gefällt, ist, dass sie mich an das physische Buch erinnert, das dort üblich war, wo ich aufgewachsen bin: The Farmer's Almanac. Wir beschließen, die Metapher des physischen Buches aufzugreifen und in dieses Design zu integrieren. Nicht skeumorph oder so, sondern nur eine Anspielung auf Dimensionalität.

Wir machen daraus einen zweiseitigen Aufschlag und verwenden Farbverläufe, um einen Schatten und eine Bindung anzudeuten. Wir spielen mit einigen Schatten, um den Effekt zu verstärken.

Noch einmal die "Buch"-Metapher erweiternd, wählen wir eine Handschrift-Schriftart aus, um die Buchstaben im Buch darzustellen, was es eher zu einem Tagebuch oder Journal macht als zu einem Buch, damit bin ich einverstanden.

Dieser Bereich ist in zwei Teile geteilt (was gut zum 2-Seiten-Layout passt). Eine Seite ist für CSS-Eigenschaften und die andere für CSS-Selektoren. Um dies visuell klarer zu gestalten (über die bloße Beschriftung der beiden Seiten hinaus), haben die beiden Seiten eine unterschiedliche Grundfarbe.

Wir denken ein wenig über die Typografie nach und ringen mit einigen Entscheidungen darüber, wo wir mit dieser Handschrift-Schriftart durchkommen und wo nicht. Wir ringen auch ein wenig mit der Tatsache, dass wir (wieder einmal) die gesamte Seite für die Inhaltsforschung genutzt haben. Eine gute Sache, gewiss, aber wieder einmal haben wir Werbung entfernt, die für das Überleben der Website ziemlich wichtig ist.