Toolbox Interactiondesign


Allgemein

UI Prototyping Tutoriat — Teil IV | Quartz Composer & Processing & LEAP Motion

4.0 | Gesture Control is dead, long live Gesture Control Als elementarer Bestandteil im Forschungsfeld der Natural User Interfaces, bemühen sich schon seit langem Forscher und Entwickler den heiligen Gral

Continue Reading...

UI Prototyping Tutoriat — Teil I | Sketch & InVision

Exploratives und iteratives Arbeiten ist für uns als Designer elementar. Diese Arbeitsweise Hilft uns unsere Visionen zu festigen und Irrwege in der Umsetzung zu revidieren. Dabei nützlich sind vor allem

Continue Reading...

Bremslicht Komma Intelligent

Continue Reading...

Design Methoden

Design Methoden im User Experience Design Prozess

Continue Reading...

Trade your Trust | Vertraue deinen Internetquellen

Continue Reading...

DYM Digital Analog Surface

The aim of the presentation is to integrate both process and workflow of desktop-manufacturing into an interactive design process. We discuss the qualities of analogue and digital techniques by marrying

Continue Reading...

Swarming

Zur Entwicklung der Urban Art Gallery dienten nach einer fundierten Recherche diverse Methoden, wie die Erstellung einer Sitemap mit Hilfe von Cardsorting, die Entwicklung eines Style-Guides durch Trenduntersuchung in der

Continue Reading...

Urban Art Gallery

Zur Entwicklung der Urban Art Gallery dienten nach einer fundierten Recherche diverse Methoden, wie die Erstellung einer Sitemap mit Hilfe von Cardsorting, die Entwicklung eines Style-Guides durch Trenduntersuchung in der

Continue Reading...

„Carrot“ – vernetzte Motivation als App im Videoprototypen

Continue Reading...

Moiré im Raum

Mit Processing generierte Muster, die Fräsdatei im G-Code, die Motorik über Arduino. Im Zusammenspiel ergibt dies ein Licht- und Schattenspiel, das die Ästhetik des Moirés neu darstellt.

Continue Reading...

Re-Imagining /// Erste Ideen

Re-Imagining // The Future of Interaction Gestaltung - Mobile Services

Continue Reading...

Internet der Dinge // Ethernet Shield

In diesem Projekt wurden Gegenstände aus der Wohnung mit Sensoren bestückt, um ihren Zustand beim Verlassen der Wohnung zu überprüfen. Wird z.B. die Haustür geöffnet und der Herd wurde noch

Continue Reading...

Tutorial // erste dynamische www-Skripte

Action:-)

Continue Reading...

Pixelschubse

Continue Reading...

Begriffspaar // Benjamin Kiesewetter

Continue Reading...

Mimiksteuerung mit faceOSC von Kyle McDonald

Continue Reading...

Tutorial. Processing on Android.

Continue Reading...

Slider 01// Konrad Jünger

Continue Reading...

Drag & Zoom mit Maus, Tastatur, Buttons

Verschieben eines Kartenausschnittes per Maus, Tastatur und Buttons mit Flash Actionscript 3. Zoom funktioniert per Mausrad.

Continue Reading...

Testbeitrag 1 (Duplikat)

Continue Reading...

D/A surface: Mustergenerator

»Vom Code zur Form« war der Grundgedanke dieses Programms. Es ermöglicht auf einfache Weise eine komplexe Figur und einen Übergang zu einer zweiten Form zu erzeugen.

Continue Reading...

LED GEWINNT

Continue Reading...

Einstieg in die Interfacegestaltung

Prof. Steffi Hußlein, Interaction Design, Prof. Dr. Christine Strothotte, Technologies for Interaction Design, in Kooperation mit Prof. Bernhard Schmid-Wohlleber, Grundlagen der Gestaltung, Dipl. Des Holger Thies, Modellbau / Technologie und

Continue Reading...

Action!

Prof. Dr. Goutrié, Technologies for Interaction Design Prof. Steffi Hußlein, Interaction Design Tutor Sascha ReinholdElosge Sebastian // B.A. Industrial Design, Basic Interaction, Sommersemester 2010, 2. Sem.Christian, Bohrer // B.A. Industrial

Continue Reading...

Digital Analog Surface // Digital Fab Lab

Das DigitalFabLab ist eine experimentelle Hightech Werkstatt mit dem Ziel, den Prozess der Fertigung von digitalen zu analogen Produkten unkompliziert und im direkten Austausch zw. Designer und Produktionsmaschinen zu generieren.

Continue Reading...

Kochsche Kurve

    Koordinaten Finden X und Y Koordinaten sind nach vielen „Transate“ und „Rotate“ Anweisungen zu bestimmen ist unter Umständen verwirrend. Richtiger Weise protokoliert man alle Schritte und behält somit

Continue Reading...

Perlenschnur // Bézierkurve fräsen // Rob 02

Die CNC Anweisungen beschreiben Bewegungen zwischen zwei Punkten auf direktem Weg oder auf einer Kreisbahnen.Die Beschreibung von Bewegungen auf Kurven mit natürlicher Krümmung (Splines) oder Bézierkurve ist nicht möglich. Für den

Continue Reading...

Analoge Oberflächen – Digitale Prozesse // Rob 01

Digital analog surface processing Analoge Oberflächen werden über digitale Prozesse definiert. In einfachen und aufeinander aufbauenden Schritten wird hier der Einstieg in das Digital FabLab dokumentiert. Im Verlauf des Wintersemesters

Continue Reading...

Mustergenerator

Continue Reading...

Generische Gestaltung mit Processing

__ shape() beginShape(); endShape(CLOSE); // leer >> ermoeglicht das zeichnen von polygonen | verbindet den letzten // punkt mit dem ersten beginShape(POINTS); endShape(); // POINTS >> zeichnet punkte an koordinaten

Continue Reading...

Flächenaufteilung zur Mustergenerierung

Continue Reading...

01_Interaktion im Raum – Kinect

// Tutorial // Reinhold, Autocontrol 3D Die OpenKinect-Bibliothek für Processing von Daniel Shiffman könnt ihr hier herunterladen, Auf der Seite steht alles Wichtige zur Installation:: http: //www.shiffman.net/p5/kinect/ OpenCV für das

Continue Reading...

Fräßpfad

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Continue Reading...

TIPPS: Wie erstellen Sie Inhalte zu ihrem Artikel?

Hier rückt der Fließtext ein, klasse  es funktioniert! Hier werden drei kleine quadratische Bilder eingefügt und Fließtext eingerückt TIPPS: Artikel erstellen CUSTOM FIELDS SIND EINFACHER!! TIPPS: Überschrift einfügen Wichtig: Bitte

Continue Reading...

Linien mit Punkten // Rob 03

Continue Reading...

map

map(); map(); generiert aus einem vorhandenen Wertebereich relativ einen neuen. void setup() { size(800, 600); } void draw() { background(255); // INITIALIZE AND DEFINE GLOBAL PARAMETERS int spacing = 20;

Continue Reading...