Aktuelles Web Design – Web 2.0 vs. Grunge

Grunge Style ist online. Die Anmutung von Grunge ist, wie die wörtliche Übersetzung erstmal nahelegt, «schmutzig». Es ist allerdings eine subtile, um einige Ecken vermittelte Verschmutzung: mit Software realisiert, auf Vor-Computerwelt verweisend.

Anlehnung an Comic-Kunst, Handgezeichnetes, städtisches Strandgut als Hintergrund, Unregelmässiges und versucht Hässliches im Zentrum, verwackelte Bilder und verzackte Schriften und Icons: Es ist eine städtische Bildsprache, die verschiedenste Materialien, die als «Publikationsmedium» dienen können und konnten, simuliert auf den Bildschirm bringt. All dies in deutlicher Absetzung zum rundgeschliffenen, leuchtenden Web 2.0 Style.

grunge1grungeagain

Dieses Design erinnert an die Diskussionen und Gegensätze zur Lesbarkeit in der Anfangszeit des Web-Design, als Gestalter wie Neville Brody und David Carson Vorbilder für eine ganze Generation wurden, nicht dass es damals Grunge hiess, eher war Surfing Design einer der Ausgangspunkte ;-)

carson 

Eine umfangreiche Zusammenstellung von Beispielen, Merkmalen und Starthilfen zu Grunge Style findet sich im Smashing Magazine. Es gibt aber auch Sites zum Thema.

Ein herzliches Dankeschön an macnews.de für den Linktipp zum Grunge-Photoshop-Tutorial, macnews ist ein wichtiger Newsticker auf meiner iGoogle-Startseite.

Polaroid-Simulation

Eine wirklich gelungene Medien(-Museums)-Simulation bietet Poladroid (Mac OS X only, kostenlos). Ein jpg-Bild aus der eigenen Sammlung wird auf die "Pola-Kamera" gezogen:

pasfotoPolaroidPolaroid Version

Das gute alte Klak-und-Surr-Geräusch erklingt und bei angemessener Polaroid-Wartezeit entwickelt sich das Pola auf unserem Bildschirm. Hin- und her-wedeln erlaubt, das zeigt das Movie auf www.poladroid.net. Obdrein gibt es echte Tööpä (Fingerabdrücke). Französische Entwicklung. Cool!

Symbol für konstruktivistischen Ansatz im Lernen

Für eine Präsentation habe ich ein Symbol benötigt, das für eine systemisch-konstruktivistische Didaktik steht.

Ich habe schliesslich selber ein Symbol konstruiert mit den Aspekten

  • Bezug des lernenden Systems zu Umwelten
  • Reflexion im Innern
Vielleicht kann es auch Anderen nützlich sein :)

 

konstruktivistisches lernen 

Leser als Sisyphos

Massimo Troisi

...come fulminantemente diceva Troisi: "Loro sono tanti che scrivono; io so' sulo io ca leggo..."

... wie es Massimo Troisi treffend sagte: "Es sind so viele, die schreiben; ich bin ganz allein, der liest..."


danke biancolupo

New York Times über Lesen, Medien, Literacy

Unter dem Titel «Online, R U Really Reading?» startet die New York Times eine Serie zur Zukunft des Lesens.

Die Seite ist reichhaltig dokumentiert mit weiteren Artikeln und Dokumenten zur Lese-Forschung, mit Bildern und einem Video zum Thema. Alle Wörter auf nytimes.com sind zudem mit dem American Heritage® Wörterbuch verlinkt.

Lesende in Amerika

Wir lesen also hier immer schon «neu». Eine Grafik über die «Neuen Leser» zeigt drei Kompetenzfelder, die Online eher gefordert sind als beim Bücherlesen:

  • Fragen stellen bzw. in einem bestimmten Zusammenhang als Fragen und Folgefragen erkennen und immer weitere Quellen dazu finden
  • Informationen evaluieren und verweben
  • kommunizieren, mitteilen, schreiben

Bücher erfordern Navigation in Impressum, Inhaltsverzeichnis, Index und «Verweben» erfordert von den Leserinen und Lesern mehr Intra-Aktion als Interaktion.

Argumente für verschiedene Literacies wogen hin und her, meist basierend auf Umfragen und Tests.

Eine Geschichte hat meine Imagination gepackt: In einer Umfrage wurden 48 Studierende über den Wahrheitsgehalt einer Site über eine gefährdete Tierart in der Nähe von Seattle befragt, 90% beurteilten die Informationen als verlässlich.

Und was haltet ihr davon?

Beule und die Hilfetaste

Beule ist eine meiner Lieblings-Comicfiguren. Er zeigt die Welt aus einer Hundeperspektive, immer nachdenklich und mit vielen menschlichen Einsprengseln.

Hilfetaste und Beule 

Im Original heisst er Buckles und hat eine eigene Website, inklusive Animationen, Bildschirmschoner, Cursorbilder und Tapetenmuster.

Lehrgangsdesign

Diplom Stellwandwerbung

Der Diplomlehrgang Ausbildungsleiter/in der EB Zürich wurde zwei Jahre lang von mir begleitet. Ich habe die Leiterin, Esther Baur, und die Dozierenden bezüglich E-Learning, Struktur und Design der Unterlagen beraten und die Materialien produziert.

Für jedes der 8 Module ist eine Moodle-Umgebung und ein Reader mit Material entwickelt worden. Das Gesamtangebot und die zahlreichen Dozierenden werden je in einer eigenen Umgebung betreut, den Dozierenden spezifische Vorlagen, Standardmaterial und Einführungszeit zur Verfügung gestellt. Die 8 Umgebungen und Ordner werden kontinuierlich weiter entwickelt, die Dozierenden kommunizieren und produzieren via Web.

Raute, Kreis und Quadrat sind die Grundformen der Orientierungssymbole, entsprechend den drei Modulgruppen: Moderne Didaktik und Lernberatung, Führung im Kontext der Bildung, Bildungsentwicklung und Qualität. Die Symbole dienen als Orientierungshilfe in den Unterlagen und der Online-Lernlandschaft.

symbole online


Ausschnitt zu 8 Ordnern


fusszeile

Lehrgang online

 

Zur Ausstellung: Bessie Nager – Reloaded

reloaded


Zu Bessie Nagers Arbeiten über den öffentlichen Raum derzeit in der Ausstellung:
«Bessie Nager – Reloaded» habe ich einen Essay geschrieben.

Essay als PDF.

Auszug aus dem Text:

Bessie Nager weist einen Weg auch mit einer anderen Gruppe ihrer Arbeiten, komplexen leuchtenden Bildgeflechten, Objekten aus Schichten von Bildern. Diese Leuchtbilder oder Leuchtfenster sind nicht eine weitere Repräsentation «hinter der Scheibe», sie versammeln und überlagern Schichtungen und Verschiebungen von Bild- und Vorstellungsfragmenten, die zu Fragmenten eines Denkprozesses werden können, ausgehend von der Frage: Was ist sichtbar vom öffentlichen Raum in der Nacht – am Tag?

Die Welt als vorgezeigte Aufhebung, öffentliche Bilder aus dem Web «gesampelt» mit privaten Bildern aus dem Album. Diese Flächen verbindet, dass sie überlagerte Schichtungen, einzeln nicht mehr bewusst erkennbar, aufheben zu einem mit der Zeit – der vertieften Betrachtung – immer komplexeren Bild und entsprechend komplexeren Blick, zu möglichen anderen Sichten der Gegenwart.

Aufgehoben heisst hier: nicht mehr jenes Bild, dennoch zugleich bewahrt in einer neuen Sichtweise, zugleich komplexer gedacht. Zusammenschau von Denkstücken, Trambilder ohne Eindeutigkeit? Ein leuchtender Spiegel, gefleckt mit Erinnerungs-Samples.

Flying Toasters

Flying Toaster

Der unvergessliche Bildschirmschoner für die riesigen 20-Zoll-Grafiker-Bildschirme der 90er-Jahre kann wieder installiert werden: Flying Tosaters (MacOSX) / Windows-Version.

Die Fliegenden Toaster waren Kult, eine Insider-Software, die ihren Weg bis in die Cartoons gemacht hat.

Fliegende Toaster und Jäger

Die Toaster waren Teil von «After Dark», einer Serie von Screenschonern, zu denen es auch einen Wikipedia-Eintrag gibt.

Jefferson Airplane

Dort findet sich auch der Hinweis auf die Fliegenden Toaster auf dem Cover von Jefferson Airplane: Thirty Seconds Over Winterland wieder, einem gestalterischen Vorbild der Software.

LEGO Mindstorms NXT

LEGO Mindstorms Roboter 

An einem Workshop bei Vance Carter (organisiert durch Mac User Switzerland) habe ich Roboter gebaut. Ein wunderbares, ernstes und ernst gemeintes Spielzeug.

Wir mussten mit unseren kleinen Robotern versuchen, eine Aufgabe zu erfüllen, eine schwarze Linie auf einem Tisch aufspüren lassen und ihr dann folgen.

Ein spannender Einstieg in ein geniales Thema. Zum Schluss dann als Vorbild das Schüler-Video aus Hedingen, LEGO produziert einen Hamburger. Und das ist erst der Anfang.

Sehehnswert und Spielenswert.

Vance Carter

LEGO Mindstorms NXT

Beiträge 1 - 10 / 87