Nachdem Sie ein Raster und zwei alternative Layouts entworfen haben, werden Sie sich nun mit Zeichen (Icons) auseinandersetzen. Internetdienste wie Youtube, Vimeo, etc. nutzen viele Zeichen, die international verstanden werden müssen. 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.

3. Analyseaufgabe bis 10./11.01.2013
Gehen Sie auf die Webseite, die Ihnen zugordnet wurde. Extrahieren Sie die drei Zeichen in eine Photoshopdatei. Analysieren Sie die Zeichen und beschreiben sie den Aufbau. Sind die Zeichen sich ähnlich und folgen sie einem System? Welche Linienstärke (Px), Farbe, Hintergrund, Fläche, etc. haben die Zeichen? Gibt es ein Pixelraster?

4. Gestaltungsaufgabe bis 24./25.01.2013
Jetzt entwickeln Sie drei neue Zeichen auf einem Pixelraster und versuchen, die Zeichen so weit wie irgendwie möglich zu vereinfachen. Es sollen nur die Farben Schwarz/Weiß/Grauwerte eingesetzt werden. Die Zeichen sollten nachher als System wahrgenommen werden, um später weitere Zeichen entwerfen zu können, die in die Reihe passen.

Abgabe:
- eine Photoshopdatei mit den bekannten drei Zeichen der Webseite oder des Internetdienstes
- eine Illustratordatei mit ihren neu entworfenen drei Zeichen

Zuordnung Dienste zu Person:

Gruppe A. Freitag
Thema: Videoplayer Zeichensystem
Zeichen: 1. Play/Pause, 2. Vor/Zurück, 3. Vollbild
1 Cornelia Broell – www.facebook.com
2 Mario Burbach – www.vimeo.de
3 Ekaterina Konstantinovna Denissova – www.youtube.com
4 Maxine Hammen – www.tape.tv
5 Matthias Heintz – www.flickr.com
6 Janine Heinz – www.twitter.com
7 Sabrina Huppertz – tv.audi.de
8 Ilja Ionov – www.zdf.de/ZDFmediathek
9 Jacek Kuclo – instagram.com

Gruppe B. Donnerstag
Thema: Socialmedia Zeichensystem
Zeichen: 1.Facebook, 2.Twitter, 3.Youtube
10 Laura-Isabell Dietrich – www.db.com/medien/en/content/socialmedia.htm
11 Ho Sam Lee – www.coca-colacompany.com
12 Yasmine Plein – www.mcdonalds.com
13 Joanna Salfellner – microsoft.com
14 Yasmin Schraven – www.nike.com
15 Benjamin Sonnenschein – http://www.metadesign.com/de/clients/audi
16 Nadine Steiner – www.philips.com
17 Vivi Vo-Le – www.volkswagen.com
18 Gordon Vogel – www.siemens.com
19 Julia Wolf – www.ikea.com

Zum Selbststudium gibt es Informationen, Entwürfe von anderen Studierenden und Literaturtipps auf der Seite “Zeichen entwickeln” und einen ersten 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.