Twitter Facebook XING YouTube Flickr Vimeo
Ihr Browser unterstützt das HTML5 Canvas Element leider nicht. Bitte aktualisieren Sie Ihren Browser.

Design und Code, das dynamische Erscheinungsbild

Das Gestaltungskonzept der decoded basiert auf der grafischen Codierung von Worten. Diese erzeugt generative Figuren, welche die Namen von Sprechern, Leitworte oder andere Texte auf neue Weise darstellen.

Die visuelle Codierung entsteht aus wenigen festgelegten Regeln für die einzelnen Buchstaben. Die Grundgeometrie ist aus Dreiecken aufgebaut. Jeder Eckpunkt eines Dreiecks steht für einen Buchstaben im eingegebenen Wort. Alle Zeichen sind einem Winkel auf einem Kreis um die letzte Position zugeordnet.

Dreiecke werden immer von den beiden vorhergehenden Punkten und dem aktuellen aufgezogen. Das bedeutet, dass Dreiecke immer eine gemeinsame Seite zum vorherigen Dreieck besitzen. Deswegen ist für das Erscheinungsbild der Visualisierung die Anordnung von Zeichentripletten wichtiger als ein einzelner Buchstabe.

Farbigkeit und leichte Modellierungen der Abstände werden durch die Häufigkeit eines Buchstabens in der deutschen Sprache angepasst. Leitsatz hierbei ist, je seltener der Buchstabe, desto stärker ist dieser in der Grafik ausgeprägt. Beispielsweise haben seltene Buchstaben eine sattere Farbgebung und setzen so vereinzelt Akzente.



Präsentiert von

envis precisely

reppa.net GmbH

Gefördert von

Bayerisches Staatsministerium für Wirtschaft, Infrastruktur, Verkehr und Technologie

Bayern Design

Sponsoren

M-net Telekommunikations GmbH

Partner & Freunde

PAGE

WEAVE

Design Made in Germany

Typographische Gesellschaft München

Designerdock

Flashforum

Tinker Soup

User Experience Blog

Adobe Flex UG Hamburg

Adobe Flex UG München

O'Reilly

Flashmagazine

MAC Developer Magazin

IXDA München

Hochschule für Gestaltung Schwäbisch Gmünd

Coded Culture

Agitos Websolutions

Party-Partner

Harry Klein Booking