Archiv der Kategorie: Visualisierung

Louis Vuitton Schaufenster Design

Also das ist seit Jahren die stärkste visuelle Gestaltung eines Schaufenster! Nicht ein, nicht zwei und auch nicht drei, sondern Dutzende Pfeile ziehen brutal die volle Aufmerksamkeit auf sich. Auch farblich wurde nicht gekleckert, sondern geklotzt. Der äußere Ring besteht aus gelben Pfeilen, die näher an die heilige Tasche von rot zu pink und lila Farbtönen wechseln. Gratulation! Ein Volltreffer! Weiterlesen

Buchstabieren mit flickr!

Ein sehr abgefahrenes Tool hat ein gewisser Erik Kastner mit Hilfe von PHP und Javascript programmiert. Man gibt einfach ein Wort oder einen Namen in die Eingabemaske und die Online Software sucht in der Datenbank von flickr nach passenden Fotos pro Buchstabe. Die Ergebnisse sind sehr überzeugend, hier sind ein paar Beispiele mit dem Namen Dimitri:
Buchstabieren mit flickr!

Das Tool finden Sie unter diesem Link: http://metaatem.net/words/. Das Interessante, man kann sich den Code zum Anzeigen dieser Fotos einfach rauskopieren und in die eigene Webseite einbauen. Durch das Klicken auf einen einzelnen Buchstaben wird dieser durch ein neues Foto ausgetauscht.

Visualisierung der html-Struktur

Im Aharef Blog gibt es ein Tool zur Visualisierung der html-Struktur einer Webseite. Mit Hilfe vom Java-Applet können beliebige Internetseiten (einfach URL eingeben) „durchleuchtet“ und als grafische Dokumentenstruktur dargestellt werden. Fast könnte man sagen, es enstehen DNA oder Fingerabdrücke der Internetauftritte. Denn auch die Verschachtelung der Gestaltungselemente ist sehr individuell und variiert stark vom Fall zu Fall (zum Beispiel google vs. cnn.com)
blau: Links, grün: divs, gelb: Formulare

html Struktur design-literatur.de

tag-Struktur der index.html Datei von blog.design-literatur.de

Strukturen der verlinkten html Seiten.