Crossmedia Grundlagen WS 2011/12 » tom hirt

06. Aufgabe: Plakat und Abgabe der fünf Aufgaben bis 1.3.2012

tom hirt — Fri, 10 Feb 2012 11:07:21 +0000

Aufgabe: Sie haben anhand einer Sportmarke ein Konzept für eine Landing page und eine mobile Applikation entworfen. Bitte alle 5 Aufgaben die erarbeitet worden sind digital abgeben und auf einem Plakat die beiden Entwürfe konzentriert vorstellen. In dem Text auf dem Plakat sollten sie den Entwurf klar und kurz beschreiben. Unterteilen Sie den Text in die Abschnitte Ziel, Konzept und Entwurf. Bildunterschriften bitte bei Bedarf bei den Bildern einsetzen. Abgabetermin ist der 1.3.2012. Die Vorlage des Plakates erhalten Sie per Email. Das Plakat bitte als PDF und in gedruckter Form abgeben.

iPad Photoshopdatei

tom hirt — Fri, 13 Jan 2012 14:38:32 +0000

Information Architects – iPad Stencil for Omnigraffle.

5. Aufgabe: iPhone App Beispielscreens bis zum 13./14.01.2012

tom hirt — Mon, 09 Jan 2012 15:35:39 +0000

Methode:
- Zeichen entwickeln
- Bedienungsablauf als Film
- Zeichen, Wireframes, finale Beispielscreens des Entwurfs Flinkster Campus aus einem Hauptskurs.

Aufgabe: Sie haben Wireframes (Skizzen) von Ihrer Idee entworfen. Jetzt geht es darum die Detailgestaltung für diese Screens zu erarbeiten. Dei Detailgestaltung beinhaltet folgendes: Raster entwickeln für die Bildschirmgrösse, Schrift festlegen, Zeichen entwickeln falls notwendig, Bedienungsablauf zeigen. Am Schluss sollten 3-5 ausgearbeitete Screens vorliegen.

Die technischen Daten des aktuellen iPhone können Sie hier nachlesen.

So könnte es nachher aussehen:

4. Aufgabe: Wireframes für eine iPhone App erstellen bis 15./16.12.2011

tom hirt — Mon, 05 Dec 2011 17:38:18 +0000

Methode: Wireframes entwerfen

Aufgabe: Sie haben ein Layout mit Inhalten für eine Landingpage in ihrem Raster entwickelt. Für diese Landingpage haben Sie Bild- und Textinhalte ausgewählt, die Sie spannend auf der Seite plaziert haben. Jetzt dürfen Sie sich einen eigenen Inhalt ausdenken und dann auf ihre Landingpage bringen.

Sie kennen vielleicht Nike? Dann kennen Sie vielleicht auch den größten Laufclub der Welt?
Das Nike+ Programm bei Nike
Das Nike+ Programm bei Apple
iPhone App für Nike+ mit Screens

Versuchen Sie das crossmediale Konzept von Nike auf ihre Marke zu übertragen.
Jack Wolfskin +, Head + oder Asics +?

Das nächste Mal sollten Sie ihr Konzept in Form von drei Screens von ihrer iPhone App vorstellen, die Sie erst einmal im Groblayout (Wireframes) zeigen. Nutzen Sie gerne Softwaretools wie z.B. Balsamiq um das Konzept vorzustellen. Der Inhalt und die Funktionalität der App soll auch zu dem Gesamtthema der Landingpage passen.

Falls Sie wissen wollen wie das aussehen kann?
Entwürfe als Wireframes aus den letzten Kursen.

Viel Erfolg!

3. Aufgabe: Drei alternative Layouts mit Inhalten entwickeln bis 01./02.12.2011

tom hirt — Fri, 25 Nov 2011 15:41:01 +0000

Methode:Gestaltungsraster erstellen und Schriften einsetzen.

Aufgabe:
Im ersten Schritt haben Sie ein Thema für eine Landingpage einer Marke ausgewählt und die Inhalte auf der Webseite der ausgewählten Marke zusammengetragen. Neue Inhalte die es nicht auf der Webseite zu ihrem Thema gibt, haben Sie zusammengetragen.

Im zweiten Schritt haben Sie ein Gestaltungsraster entwickelt, in dem Sie Bilder und Texte platzieren können. Grundlage dafür war eine Fläche von 1024 px auf ca. 3000/4000 px.

Im dritten Schritt prüfen Sie das Gestaltungsraster auf ihre Praxistauglichkeit. Wählen Sie Bild und Textinhalte (von der Webseite oder auch von Ihnen selbst erstellte Inhalte) aus und entwickeln Sie drei verschiedene Layouts. Stellen Sie diese in der Gruppe vor und begründen Sie, warum Sie diese drei Layouts erstellt haben. Finden Sie Bewertungskriterien und setzen Sie diese in ihrer Begründung ein.

Webfontday 2011

tom hirt — Fri, 25 Nov 2011 10:58:42 +0000

Eindrücke und Informationen des Webfontdays in München.

PAGE Online – Das war der Webfontday.

2011.webfontday.de

Die 100 Besten Schriften

tom hirt — Wed, 23 Nov 2011 18:15:37 +0000

Die 100 Besten Schriften.

WordPress Tutorial: Datei als Download

tom hirt — Wed, 23 Nov 2011 16:15:55 +0000

Es kam die Frage auf, wie man eine Datei (PDF) hochladen und in einen Artikel einbinden kann. Folgender Film zeigt, wie es geht.

WordPress Tutorial: Datei als Download – YouTube.

2. Aufgabe: Raster entwickeln bis 17./18.11.2011

tom hirt — Sun, 06 Nov 2011 14:40:48 +0000

Methode: Ein Raster ist ein Ordnungssystem. Es erlaubt Bild und Textelemente auf einer Fläche zu organisieren. Ein Raster sollte in gedruckten Medien, wie auch in digitalen Medien eingesetzt werden.

Informationen zum Thema: Raster entwickeln.

Aufgabe: Entwickeln Sie ein Gestaltungsraster für die Landingpage ihrer ausgewählten Sportmarke.

1. Aufgabe: Themen für eine Landingpage entwickeln bis 3./4.11.2011

tom hirt — Thu, 03 Nov 2011 14:51:04 +0000

Methode: Die gesamte Gruppe versucht das gestellte Thema zu verstehen und so breit wie möglich zu diskutieren. Dafür werden Karten verwendet, auf denen ohne Bewertung alle Themen erfasst werden, die zum Thema gehören. Im nächsten Schritt werden große Themenblöcke geschaffen, die das Thema wieder überschaubar machen sollen.

Informationen zu: Nutzer, Markt und Kontext verstehen.

Aufgabe: Wählen Sie eine Sportmarke aus. Entwickeln Sie ein Thema für eine Landingpage. Beachten Sie, dass das Thema so interessant sein muss, dass ein Nutzer über Google oder Facebook ihre Themenseite (Landingpage) spannend finden wird. Der Nutzer sollte dort Inhalte finden, die ihn dazu bewegen auf der Webseite zu bleiben. Unterscheiden Sie zwischen den Inhalte, die es schon auf der Webseite gibt und neuen Inhalten, die Sie eventuell selbst erstellen müssen oder schon im Internet an Daten vorliegen.