Crossmedia Grundlagen SS 2012

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

Hausschriften-Liste – Typografie.info.

Pixel, em oder Prozent

via Pixel, em oder Prozent – Welche Einheit ist für Schriftgrößen in CSS am besten geeignet? | Elmastudio.

Eine Sammlung von guten Webseiten von designmadeingermany.de

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!

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.

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.