Crossmedia Grundlagen SS 2012

Lehrveranstaltung FH Trier Intermedia Design
Tom Hirt

Artikel der Kategorie 00 Organisation

Abgabe der Arbeiten

Die Ergebnisse der vier Aufgaben bitte auch in der Dropbox (dropbox.com) ablegen und mir den Link zu dem Ordner schicken. Jede Aufgabe sollte einen eigenen Ordner bekommen. Der Hauptordner sollte euren Namen tragen. Alle Dateien bitte dort folgendermaßen ablegen.

Dateistruktur für jeden Teilnehmer:

nachname_vorname (Hauptordner)
01_aufgabe (Unterordner)
02_aufgabe (Unterordner)
03_aufgabe (Unterordner)
04_aufgabe (Unterordner)

04 Aufgabe: Gestalter App auf dem iPad erstellen

Aufgabe:

Entwickeln Sie mit Indesign und der Magplus Software eine eigene iPad Anwendung von Ihrem Gestalter für das iPad.

Beschreibung:

In der letzten Veranstaltung habe ich live gezeigt, wie man mit Indesign, Magplus und einem iPad eine iPad App (Anwendung) ohne Programmierkentnisse erstellt. Die Magplus Software kostet nichts und können Sie kostenlos herunterladen. Das Einführungsvideo zeigt in 60 Minuten sehr gut, was Sie dazu wissen müssen. Forschergeist ist gefragt. Bei den Tutorials gibt es auch einzelne Videos zu speziellen Themen. Wer Profi werden will, kann sogar auch einfache HTML Elemente mit dem Feature Builder erstellen lassen. Judith aus dem Hauptkurs hat ein neues iPad 3 welches ich besorgt habe. Ich schicke euch die Kontaktdaten per Email. Ihr könnt Sie ansprechen und alles auf dem Gerät gemeinsam testen. Eventuell gibt es auch noch iPads bei Simon im Verleih. Beispiele von iPad Magazinen findet ihr im Magplus Archiv.

Abgabe:

Am 28./29.6. sollten alle eine kleine Anwendung ihres Gestalters auf dem iPad zeigen können.

Abgabe von den ersten drei Aufgaben

Bitte bis morgen Abend (Sonntag, den 3.Juni) 23 Uhr alle drei Aufgaben in den Blog stellen. Dies betrifft auch besonders die Studierenden, die Donnerstag/ Freitag nicht anwesend waren. Bitte zu jedem Screen bei Aufgabe 3 ein paar Sätze dazuschreiben. Die anderen zwei Aufgaben bitte auch online stellen. Die 4. Aufgabe bis zum 28/29.6. die wir gemeinsam durchgesprochen haben, werde ich zeitnah online stellen.

Ein Beispiel (aber noch ohne Beschreibungstext der Screens) von Aufgabe 3

Aktualisierung des Abgabetermins:  Abgabe am 6.Juni

 

 

3. Aufgabe: Gestalter vorstellen: erste Screens

Aufgabe:
Wählen Sie einen bekannten Gestalter aus der Liste aus und gestalten Sie eine kleines iPad Magazin, wie er es gestaltet hätte. Entwerfen Sie Screens für die unten genannten Aspekte des Magazins.

Beispiel:
Vorstellung iPad App
The Design Museum Collection for iPad, By Design Museum

Das Magazin sollte folgende Aspekte berücksichtigen:
– Startseite
– biografische Daten (kurz)
– Entwurfs- und Anwendungsbeispiele (die wichtigsten) und Erläuterungen sowie Besonderheiten zu den Entwürfen
– persönliche Einschätzung und Wertung

Präsentationsform:
– iPad 3
– 2048 x 1536 px Auflösung bei 264 Pixel Per Inch, querformatig

Zuordnung:
01. Otl Aicher – Marius Jacob
02. Erik Spiekermann – Matthias Ley
03. Paul Renner – Jasmin Maier
04. Jan Tschichold – Julian Reich
05. Adrian Frutiger – Sebastian Robelet
06. Jonathan Ive -Sebastian Schreck
07. Naoto Fukasawa – Philipp Sommer
08. Kurt Weidemann – Pia Spieler
09. Rolf Müller – Viktor Steinbach
10. Paul Rand – India Uhlig

11. Bill Moggridge – Marc-Andre Benzel
12. John Maeda – Tobias Borns
13. Franco Clivio – Jakob Buraczewski
14. Charles und Ray Eames – Thomas Christ
15. Dieter Rams – Timm Dreyer
16. Anton Stankoswki – Julia Goerke
17. Raymond Loewy – Marcel Kohnz
18. Peter Behrens -Stefanie Kraemer
19. Josef Müller-Brockmann – Christina Kraus
20. Ludwig Mies van der Rohe – Readone Mohamed

2. Aufgabe: Gestaltungsraster für ein Unternehmen entwerfen


 

Aufgabe: Sie werden nach der Einführung in die Makrotypographie (Gestaltung eines Rasters) nun selber ein eigenes Raster für eine Webseite eines fiktiven Unternehmens entwerfen.

Das Unternehmen ist in einer Branche tätig. Jede Branche hat eigene Anforderungen an ein Raster, da die kleinste Bildgrösse und Fliesstext im Kontext mit den Inhalt gesehen werden muss. Folgende Unternehmen und Branchen haben sie ausgewählt: eine Hotelseite, eine Kleidungsseite, ein Instrumentenhersteller, ein Buchladen, ein Friseurladen, ein Smartphonehersteller, ein Fahrradhersteller, ein Automobilhersteller, ein Snowboardhersteller, eine Bank und ein Schmuckhersteller.

Folgendes müssen Sie für das Bildschirmraster in dem Indesign Dokument definieren: Das Seitenformat (1024 px mal ca. 6000 px), die Flächen die keine Inhalte haben (Kopfsteg, Bundsteg, Außensteg, Fußsteg) und das Raster- und Register-Umbruchsystem (Zeilenraster, Bildraster, Zeilenabstand, Durchschuß, Satzspalten, Satzbreite, Schriftsatzarten, Schriftgrössen, Spaltenabstand, Überschriften, etc.)

In dem Indesign Dokument sollten Sie folgende Ebenen anlegen und das nächste Mal präsentieren:

1. Ebene: Raster

2. Ebene: Genaue Zahlen, Daten, Fakten zu ihrem Raster mit grauen Beispielbildformaten und Blindtext

3. Ebene: Beispielinhalte mit Blindtext für eine Seite

Viel Spass und Erfolg!

1. Aufgabe: Marke wählen und Gestaltungsraster erkennen

Sie werden nach der Einführung in die Integrierte Kommunikation sich selber eine Marke (Unternehmen) vornehmen und erkunden, ob Sie im Internet ein Raster einsetzen. Stellen Sie das nächste Mal das Unternehmen vor, ob ein Raster eingesetzt wird und wo es nicht eingehalten wird. Wählen Sie eine Marke aus, die designbewusst ist.

Kursinformation

Aufgabe des Kurses Grundlagen Crossmedia & Integrierte Kommunikation ist es, sich mit dem Thema crossmedialer Markenführung auseinanderzusetzen und ein eigenes kleines Entwurfsprojekt zu durchlaufen.

Vorträge während der Veranstaltung:
1. Grundlagen integrierte Kommunikation und Corporate Design
2. Grundlagen Designprozess: von der Idee zum Entwurf
3. Grundlagen Gestaltung am Bildschirm
4. Grundlagen crossmediale Gestaltung

Ziele der Veranstaltung:
Um digitale Mediensysteme an der Schnittstelle von Kommunikation und Produkten entwerfen zu können, benötigt man als Mediengestalter Methodenwissen innerhalb eines Designprozesses.

Folgende Methoden werden exemplarisch innerhalb des Entwurfsweges vermittelt: Nutzeranforderungen definieren, Interaktionsdiagramm erstellen, Informationsarchitektur erstellen, Steuerelemente und Zeichen definieren, Typografie am Bildschirm festlegen, Gestaltungsraster erstellen, Usabilitytest durchführen, Wireframes erstellen, Prototyping (Papier, Photoshop, Flash) durchführen, Medienübegreifende Regeln erstellen, Styleguide erstellen, etc.

Kursinfo

Aufgabe des Kurses Grundlagen Crossmedia & Integrierte Kommunikation ist es, sich mit dem Thema crossmedialer Markenführung auseinanderzusetzen und ein eigenes kleines Entwurfsprojekt zu durchlaufen. mehr erfahren

Archive

Meta