Crossmedia Grundlagen WS 2011/12

Lehrveranstaltung FH Trier Intermedia Design

Artikel der Kategorie 02 Aufgabe: Raster entwickeln

2. Aufgabe: Landingpage Gestaltungsraster (asics.com)

Einteilung einer Webseite in geordnete Bereiche:

Die Animation zeigt das Raster sowie eine vorgeschlagene Größennutzung für verschiedenen Webseiten-Elemente. Die “Platzhalter” bzw. Flächen können jetzt pixelgenau mit Inhalt gefüllt werden.


Gestaltungsraster Demo

Gestaltungsraster Demo

Das Gestaltungsraster:

Das Raster hat eine Gesamt-Pixelbreite von 960px in der Breite.

In der Höhe ist es variabel.

Raster

Hier meine Raster für Pro Touch.

Raster Landingpage Converse Madita

Raster update

02 Raster erstellen – Jack Wolfskin, Natascha

Hier zu finden

Raster

Vorversion von Sandy, Nadja und mir

 width=363

hier mit Raster

raster

Raster

Aufgabe 2: Raster entwickeln (Puma)

Das Raster ist in der Mediathek unter folgendem Link zu finden:

Landingpage-Raster

Das kleinste Element ist 20 x 20 Pixel groß, sodass bei der Bilddarstellung  ein 4:3 Format in verschiedenen Größen möglich ist.

Die Abstände zwischen den Spalten und Zeilen sind 20 Pixel groß, die Spalten sind 140 Pixel breit.

Das gesamte Raster ist 1024 Pixel breit und 768 Pixel hoch.

Edit:

Das gleiche Raster mit der Schrift “Verdana” in der Größe 10 (damit sie besser in das Gitter passt).

Bench Raster

Raster für die Benchgruppe.

PS.: Aufgabe 1. hat Fabian für unsere Gruppe schon gepostet.

Roxy Raster

Aufgabe 2

1024×3000 px

http://sport.crossmedia-integrierte-kommunikation.de/files/2011/11/raster_crossmedia.pdf

Aufgabe2_Raster

Mein Raster:

1024px x 3000 px

Kästchen sind 12px x 15px

http://sport.crossmedia-integrierte-kommunikation.de/files/2011/11/Raster_2.pdf

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