Crossmedia Grundlagen WS 2012/13

Lehrveranstaltung FH Trier Intermedia Design
Tom Hirt

Artikel im Zeitraum November / 2012

2. Aufgabe: Gestaltungsraster entwerfen


 

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

Das Unternehmen ist in der Reisebranche in der Umgebung von Trier tätig. Suchen sie sich ein Unternehmen aus (Reiseanbieter, Campingplatzanbieter, Hotel, Pension, etc.) und entwickeln Sie für das Unternehmen eine einzelne Internetseite, die das Unternehmen darstellt.

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!

Crossmedia Tutorialreihe “Raster entwickeln: InDesign”

Ein guter Einstieg für die Aufgabe in der Entwurfsphase bietet die neue Crossmedia Tutorialreihe “Raster entwickeln”, die als begleitendes Material zur Verfügung steht.

 

1. Aufgabe: Gestaltungsraster einer Marke vorstellen

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.

Zum Selbststudium gibt es Informationen, Entwürfe von anderen Studierenden und Literaturtipps auf der Seite “Raster entwickeln” und einen ersten Film aus der Crossmedia Tutorialreihe  zum Thema “Raster erstellen“. Schauen Sie sich das Material an, damit Sie einen ersten Eindruck bekommen, was ein Gestaltungsraster ist.

Sie erstellen eine Photoshopdatei einer Webseite und legen das Gestaltungsraster in einer neuen Ebene über die eigentliche Webseite. Alle Angaben (Bildformate in Pixel, Schrift in Pixel, Zeilenabstand, Stege, etc.) werden mit aufgeführt.

Vorlage:
Ich habe das Programm Pagelayers gekauft und aus den Webseiten Phtoshopdateien mit Ebenen erstellt. Sie können diese nutzen, um ihre Ebene mit dem Gestaltungsraster darüber zu setzen. Dadurch müssen Sie die Phtoshopdatei mit den Inhalten der Webseite nicht selbst aufbauen. Sie liegen abholbereit in der Dropbox.

Abgabe:
- eine Photoshopdatei mit einer eigenen Ebene für das Raster mit Angaben

Zuordnung Marken zu Person:

Gruppe A. Freitag
1 Cornelia Broell – www.tripadvisor.de
2 Mario Burbach – www.lonelyplanet.de
3 Ekaterina Konstantinovna Denissova – www.lufthansa.de
4 Maxine Hammen – www.dav-summit-club.de
5 Matthias Heintz – www.thomascook.de
6 Janine Heinz – www.opodo.de
7 Sabrina Huppertz – www.forumandersreisen.de
8 Ilja Ionov – www.bahn.de
9 Jacek Kuclo – www.hrs.de

Gruppe B. Donnerstag
10 Laura-Isabell Dietrich  – www.tripodo.de
11 Ho Sam Lee – www.travel-to-nature.de
12 Yasmine Plein – www.weg.de
13 Joanna Salfellner – xctravels.com/en
14 Yasmin Schraven – www.ycoyacht.com
15 Benjamin Sonnenschein – www.hymer.com
16 Nadine Steiner – www.expedia.de
17 Vivi Vo-Le – www.studiosus.com
18 Gordon Vogel – globalbackpackers.com
19 Julia Wolf – www.buerstner.com