Basics Interface - SS 10 - Christian Groß
1.151 Grundlagen Interfacedesign
Übersicht
- Digitales Buch
- iPhone GUI — Augmented-Reality-App
- Klangbild
- 1000 Worte
- Fazit
Digitales Buch
Aufgabe
Gestalte eine digitale Fassung Deines Lieblingsbuches. Das Buch kann ein Roman, ein Sach-, Koch- oder Fachbuch, oder auch ein Gedichtband sein.
Die digitale Fassung des Buches soll exemplarisch anhand von vier Screens in zwei verschiedenen Formaten vorgestellt werden - zwei horizontale Screens im Format von 1024 x 768 Pixeln und zwei vertikale Screens im Format von 240 x 320 Pixeln.
Die Screens sollen nicht nur die Inhalte des Buchs wiedergeben, sondern sollen auch das Navigationskonzept verdeutlichen, mit dem die Inhalte des digitalen Buches erschlossen werden können.
Lesbarkeit und Klarheit der Darstellung sind die wichtige Kriterien bei der Bearbeitung der Aufgabe.
Buch
Für die Gruppenarbeit mit Philipp Meyer haben wir das Buch kribbeln im Kopf ausgewählt. Das Buch ist die erste Adresse für Kreativtechniken im gestalterischen Alltag.
Idee
Das digitale Buch von kribbel im Kopf sollte mehr als sein analoges Gegenüber sein. Das Buch besteht im Großen und Ganzen aus zwei Bereichen, den Kreativtechniken und den Inpsirationen aus den einzelnen Techniken. Diese Struktur eigenes sich gut für eine Applikation, die dazu dienen soll den kreativen Alltag mit zu gestalten. Der Gestalter hat damit die Möglichkeit die einzelnen Techniken anzuschauen oder sich zu inspirieren.
Umsetzung
240 x 320 Pixel Variante (Philipp Meyer)
1024 x 768 Pixel Variante
Lese und Nachschlagemodus
Hier werden die einzelnen Techniken mit dazugehörigen Beispielen vorgestellt. Dazu hat man überall im Programm die Möglichkeit Ideen festzuhalten.
Inspirationsmodus
In diesem Modus kann man mit Hilfe von Elastic Lists die relevanten Inspirationen sich auswählen.
iPhone GUI — Augmented-Reality-App
Aufgabe
Es soll eine Augmented-Reality-Applikation für das iPhone konzipiert und gestaltet werden. Die Applikation kann gern über das technisch Machbare hinausgehen - wichtiger ist die Ausgestaltung des User-Interfaces. Es sollen mindestens zwei Screens präsentiert werden - gern auch mehr. Inhalt des ersten Screens sind Eingaben und Einstellungen. Inhalt des zweiten ist die Übereinanderlagerung von fotografischem Bild und der Informationsebene. Im ersten Screen soll man sich also streng an die Gestaltungs- richtlinien für das iPhone halten, im zweiten Screen kann man deutlicher davon abweichen.
Die Entwürfe sollen 320 x 480 Pixel groß sein - ob horizontal oder vertikal spielt dabei keine Rolle.
Thema
Politessen 2010
Politessen sind bekanntlicherweise nicht sehr beliebt und dennoch wollte ich ihren Arbeitsalltag etwas erträglicher machen.
Die Iphone mit seiner eingebauten Fotokamera und GPS ist perfekt dazu geeigenet um es zu einem Augmented-Reality-Gerät zu verwandeln. Die Ordnungshüter bekommen damit ein Gerät das sie von Angang bis Ende unterstützt.
Umsetzung
Augmented-Reality-Ansicht der Strasse
Es ist noch kein Auto erfasst, der nächste Schritt ist es, die Autos zu erfassen.
Ersterfassung des Autos
Übersicht über die erfassen Autos
Augmented-Reality-Ansicht der Strasse mit erfassen Auto
Bescheiderstellung für das Auto
Klangbild
Aufgabe
Es soll eine akustische Begebenheit (kein Musikstück!) in einem Zeitraster visualisiert werden. Der zeitliche Ablauf der Begebenheit soll also für den Betrachter nachvollziehbar sein.
Das Format der Visualisierung kann frei gewählt werden. Einzige Einschränkung: es soll keine Bildschirmorientierte Lösung entwickelt werden. Falls möglich soll die akustische Begebenheit aufgezeichnet und auch präsentiert werden.
Thema
Als Thema für das Klangbild habe ich einen Ausschnitt aus Jacques Tati Trafic ausgewählt. Die ersten 40 Sekunden des Video bestechen durch ihre Klangvielfalt und waren eine große Herausforderung für Gehör und Gestaltungfähigkeiten.
Umsetzung
Das Hauptgestaltungsmittel der Arbeit sind Linien. Die Linien werden durch Farbe, Struktur und Verdichtung varieriert und damit versucht die einzelen Geräuche darzustellen.
Details
1000 Worte
Aufgabe
Es soll ein komplexer Sachverhalt gesucht und in einem Schaubild oder in einem inter- aktiven Film dargestellt werden. Die Darstellung darf keinerlei Text enthalten. Der Sach- verhalt soll möglichst deutlich und klar kommuniziert werden. Bei der Auswahl eines Themas sollte drauf geachtet werden, dass das Thema hinreichend komplex ist. Naturwissenschaftliche Themen sind z.B. gut geeignet. Es können aber auch Alltags- themen genommen werden wie z.B. die Zubereitung eines Essens.
Thema
Als Thema für die letzte Aufgabe habe ich mich für die Ölpest in Golf von Mexiko entschieden. Ich wollte hier bei, die Entstehungsgeschichte und die ersten Folgen aufzeigen.
Umsetzung
Die Dartellung beschreibt die Enstehung der Oil Spill und den Verlauf der ersten Wochen. Die schwarzen Öltropfen zeigen wieviel Öl bis zu dem jeweiligen Tag warscheinlich ausgelaufen sind. Jeder schwarzer Tropfen symbolisiert hierbei 1000 Liter Rohöl. Die Tropfen sind am Ende auch der Grund, dass die Visualisierung ihr Ende findet, da sie den Platz des Blattes einnehmen.
Details
Fazit
Ein spannender Kurs, der mit der Zahl der Aufgaben immer kniffliger oder auch interessanter wurde. Die letzten beiden Arbeiten haben mir dabei am besten gefallen und Kopfzerbrechen bereitet, da die Gestaltung hierbei wirklich auf den Punkt kommen musste. Das hieß immer wieder überprüfen, ob die grafischen Zeichen Sinn machen und zur Gesamtkomposition beitragen.
Mit dem Blick vom Praktium aus, wo das erlernte Wissen täglich abgeprüft und erweitert wird, sage ich - ein wirklich guter Kurs.
