Kurzbeschreibung Das Wordpress-Template GRATTE-CIEL GROTESQUE (dt.: Wolkenkratzer ohne Serifen) erhebt den Blogger zum Architekten: Abhängig von den Anfangsbuchstaben seiner
Headlines entstehen immer wieder neue Wolkenkratzer, die jeweils ihre eigenen Geschichten erzählen.
Konzept Die Grundidee des Templates ist ein riesiger Wolkenkratzer (auch als Sinnbild für lange Blogs), der mit jedem neuen Artikel um ein Element wächst.
Rechts neben dem Gebäude schweben die Texte mitsamt Headline frei in der Luft, wobei immer der erste Buchstabe der Artikelüberschrift als Zierinitiale und (animierter) Teil des Wolkenkratzers dargestellt wird.
26 verschiedene apngs (für jeden Buchstaben des Alphabets) versetzen die Zierinitialen in Bewegung.
Stil Der erste Versuch, den Wolkenkratzer fotorealistisch zu bauen, scheiterte an der Komplexität: Die apngs wären selbst bei ökonomischster Gestaltung zu groß für eine Website ausgefallen - außerdem darf der Aufwand nich unterschätzt werden. Abgesehen davon war es sehr schwierig, den Zusammenhang zwischen der illustrierten Zierinitiale und der Headline in purem HTML-Text deutlich zu machen.
Effizienter umsetzen lässt sich dagegen ein lockerer (und trashiger) Handskizzen-Stil, der auf dem Moodboard auf der linken Seite angedeutet wird.
To Do Nachdem der Stil umrissen ist, folgt jetzt die technische Umsetzung. Die nächsten Schritte werden sein:
Stil Der erste Versuch, den Wolkenkratzer fotorealistisch zu bauen, scheiterte an der Komplexität: Die apngs wären selbst bei ökonomischster Gestaltung zu groß für eine Website ausgefallen - außerdem darf der Aufwand nich unterschätzt werden. Abgesehen davon war es sehr schwierig, den Zusammenhang zwischen der illustrierten Zierinitiale und der Headline in purem HTML-Text deutlich zu machen.
Effizienter umsetzen lässt sich dagegen ein lockerer (und trashiger) Handskizzen-Stil, der auf dem Moodboard auf der linken Seite angedeutet wird.
To Do Nachdem der Stil umrissen ist, folgt jetzt die technische Umsetzung. Die nächsten Schritte werden sein:
- Bau des HTML-Gerüsts mit Default-Hintergrund und endgültigem Text-Layout. Wie groß, bzw. breit, darf der Wolkenkratzer sein, um noch umsetzbar zu bleiben? Welche Elemente befinden sich im Hintergrund? Wolken, Papierfalten, Karo-Muster? Und welches Farbschema wird verwendet?
- Entwurf der 26 animierten apngs. Welche Möglichkeiten gibt es, Buchstaben auf der Gebäefassade darzustellen? Sollen die Animationen kleine Geschichten erzählen? Eventuell: Wie werden Browser gehandlet, die apng nicht unterstüzen? Wie wird Gratte-ciel Grotesque in Browsern dargestellt, die keinen Alpha-Kanal auslesen können?
- Falls dann noch Zeit bleibt: Überführung der Website in ein dynamisches WP-Theme. Hürden: Automatisches Auslesen der Zierinitale und Einfügen in eine Class.
Info Gestaltungskurs Lutz Eberle Typografie II,2 - Zeit - Daniel Kurfess, Sommersemester 2010 GRATTE-CIEL GROTESQUE
Zur Website
Zu den Skizzen
