Website Ge­stal­tung, documenta 12 magazines project, Kassel, 2007

In einem Open Source Content Man­age­ment System wurden im Vorfeld der documenta 12 ca. 300 Textbeiträge von mehr als 90 Magazinen/Publikationen eingepflegt. Für die Website, die diese Sammlung zugänglich ge­macht hat, wurde die Ge­stal­tung und eine Print on Demand (POD) Umgebung er­ar­bei­tet. Das Projekt war eine Ko­ope­ra­ti­on zwischen Markus Weisbeck (surface), Markus Bader-Rampas und Rainer Binder (Programmierung POD Umgebung).

Download PDF documenta 12 magazines project (1.7 MB)






© Fotos: Markus Bader
documenta 12 magazines
HTML...

Die zwölf Striche des documenta 12 Logos wurden, in übertragener Form, zum grundlegenden Ge­stal­tungselement der Website des documenta 12 magazines project. Ein Strich wird zufällig aus 144 (12x12) unterschiedlich langen Strichen ausgewählt, und im Hintergrund der Website, durch eine HTML - Wiederholfunktion, zu einem Muster zusammengesetzt. Bei jedem Seitenaufruf entsteht ein neues zufälliges Muster.

Auch die ausgewählte Schrift Arial und die verwendete Textauszeichnung (unterstrichene Links etc.) folgen der Herangehensweise, hauptsächlich auf Standard-HTML-Ge­stal­tungselemente zurückzugreifen.
Verlaufdocumenta 12 magazines
und doch uner­war­tet

In der oben gezeigte Position wird die documenta 12 magazines Website, nach einem unbemerkten Sprung zur Mitte der Seite, geladen. Ein Reload tauscht das oben links zu sehende Bild per Zufall aus. Von diesem Bild ist nur ein kleiner Streifen am unteren Rand sichtbar. Der obere Teil wird erst nach einer Scroll-Bewegung nach oben sicht bar. Über diesem Bild ist wiederum eine Layout-Version des Covers angeordnet, welches auch für die über die POD-Umgebung erzeugten PDFs verwendet wird.

Eine vordergründige Ge­stal­tung wurde bewusst vermieden. Die Anwendung der Standard-HTML-Ge­stal­tungselemente passen zu der inhaltlichen Orientierung des Projekts. Die uner­war­tete Anwendung der HTML-Elemente gewährleisten die notwendige Wiedererkennbarkeit.
Verlaufdocumenta 12 magazines
Der obere Teil des großen Startbildes und das Cover-Layout, welches auch im POD-PDF Verwendung findet.
Verlaufdocumenta 12 magazines
Oben ist die lange An­ord­nung und der Sprung zum mittleren Bereich der Website sichtbar ge­macht. Der Browser-Rand zeigt welcher Bereich nach dem Aufruf der Seite sichtbar ist, und welcher unsichtbar über dem oberen Rand des Browsers verborgen ist.
Verlaufdocumenta 12 magazines
Teaser Ge­stal­tung

In einer abgegrenzten Fläche hinter den kurzen Teaser-Texten wird die Hintergrundwiederholung ein weiteres Mal angewendet. In diesem Bereich wiederholen sich jedoch entweder die Striche oder die Bilder. Diese Herangehensweise erzeugt einen attraktiven und uner­war­teten Effekt.
Verlaufdocumenta 12 magazines
Print on Demand

Das documenta 12 magazines project umfasste auch eine Print on Demand Funktion. Für das zugehörige Tool wurde ebenfalls das Interface ge­stal­tet und zusätzlich die Programmierung or­ga­ni­siert.

Während des Besuchs der magazines Website konnten Beiträge durch anhaken gesammelt werden. Anschließend war es mögliche die vorgemerkten Texte im POD-Tool zu sortieren und durch eigene Bilder, Texte und Links zu er­gän­zen. Während der Umwandlung in ein PDF wurden alle zusammengestellten Inhalte in das zuvor gestaltete Layout eingefügt. Das POD-Tool, ebenso wie die Website, unterstützten eine sehr große Anzahl von Sprachen. Unter anderem wurden Arabisch, Chinesisch, Japanisch und Russisch integriert.

Download Bei­spiel POD-PDF chinesisch (0.5 MB)
Verlauf
nothing
nothing
.INTERIOR.GRAPHICS Copyright © 2017 Markus Bader-Rampas / nach oben
nothing