Crossmedia Grundlagen WS 2013/14

Lehrveranstaltung FH Trier Intermedia Design
Tom Hirt

Artikel im Zeitraum November / 2013

Tutorial: Zeichen in Ilustrator erstellen

3. Aufgabe: Zeichen gestalten

Nachdem Sie ein Raster und ein Layout entworfen haben, werden Sie sich nun mit Zeichen (Icons) auseinandersetzen. Marken nutzen für Applikationen auf dem Smartphone, Tablets, etc. Zeichen, die für die Marke auch innerhalb von Appstores angeboten werden. Marken haben viele Apps, die einem visuellen Gesamtauftritt folgen sollen.

Zeichen werden in digitalen Medien eingesetzt, aber auch in z.B. Orientierungssystemen von Gebäuden. Smartphones und Tablets nutzen in ihrem Betriebssystem oder in ihren Apps auch viele Icons. Sie sollen lernen, die Zeichen nach ihrer gestalterischen Qualität zu bewerten und selbst drei Zeichen zu gestalten.

Gestaltungsaufgabe
Entwickeln Sie drei neue Zeichen für einen Appstore für ein Smartphone, um einen visuellen Gesamtauftritt zu schaffen. Die Zeichen sollten nachher als System wahrgenommen werden, um später weitere Zeichen entwerfen zu können, die in die Reihe passen. Eine Beispieldatei von mir von dem Aufbau eines Zeichensystems inklusive eines Rasters finden Sie in Ihrer Dropbox.

Abgabe:
- eine Illustratordatei mit drei Zeichen Ihrer Marke für ein Smartphone
- Ablegen der Datei in die Dropbox (www.dropbox.com) in Ihren Ordner

 

Zum Selbststudium gibt es Informationen, Entwürfe von anderen Studierenden und Literaturtipps auf der Seite “Zeichen entwickeln” und einen Film aus der Crossmedia Tutorialreihe zum Thema “Zeichen entwerfen“. Schauen Sie sich das Material an, damit Sie einen ersten Eindruck bekommen, wie man ein Zeichen bewertet und erstellt.

2. Aufgabe: Gestaltungsraster entwerfen


 

Aufgabe: Sie werden nach der Einführung in die Makrotypographie (Gestaltung eines Rasters) nun selber ein responsives (reaktionsfähiges) Raster für eine Webseite eines Unternehmens aufbauen.

Nehmen Sie das Unternehmen aus Ihrer ersten Aufgabe. Nehmen Sie die Inhalte (Bilder, Überschriften, Fließtexte, Icons, etc.) und bauen für folgende vier Bildschirmauflösungen jeweils ein Raster auf und fügen Sie die Inhalte dort ein:

1. Smartphone 320px Breite (bis zum 14.11.2013)
2. Tablet 768px Breite (bis zum 14.11.2013)
3. Netbook 1024px Breite (bis zum 28.11.2013)
4. Desktop 1600px Breite (bis zum 28.11.2013)

Beispiele wie es bei Ihnen aussehen sollte:
http://mediaqueri.es/

Folgendes müssen Sie für das Bildschirmraster in dem Indesign Dokument definieren: Das Seitenformat, 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

Viel Spass und Erfolg!

Abgabe:
- vier Indesigndateien mit einer eigenen neuen Ebene für das Raster mit Angaben
- Ablegen der Datei in die Dropbox (www.dropbox.com) in Ihren Ordner

Hilfe:
Crossmedia Tutorialreihe: Raster entwickeln in InDesign