faltplan_jessica-guenther_17-01
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
TION<br />
DOKU-<br />
MENTA-<br />
FaltPlancOntOr<br />
city tOUr<br />
Jessica Günther<br />
D3MT2
00|<br />
inhalts-<br />
verzeichnis<br />
<strong>01</strong> | Zielgruppenorientierung...................................4<br />
02 | Aufbau........................................................................5<br />
03 | typografie................................................................6-7<br />
04 | Farben.........................................................................8-9<br />
05 | bilder..........................................................................10-11<br />
06 | grafische Elemente...............................................12-13<br />
07 | arbeitsplanung......................................................14-15
<strong>01</strong>|<br />
ZielGRUPPEN-<br />
ORIENTIERUNG<br />
>>Bei einer Zielgruppe handelt es sich um eine Gruppe von Menschen oder<br />
Unternehmern, die ähnliche Bedürfnisse oder Wünsche haben.
02|<br />
Aufbau<br />
Der Aufbau des Faltplan soll den Bedürfnissen<br />
aller Personen der Zielgruppe<br />
gerecht werden. Um dies zu<br />
erreichen, muss eine breites Spektrum<br />
an Interessen abgedeckt werden.<br />
Ausgehend von der Zielgruppendefinition<br />
und der Spezialisierung der Organisation,<br />
fiel die Entscheidung auf ein<br />
modernes und übersichtliches Design.<br />
Große Bilder, quadratische und rechteckige<br />
Formen in harmonischen,<br />
attraktiven Farben bestimmen und<br />
strukturieren den Faltplan.<br />
Da die Contor City GmbH mit ihren<br />
individuellen Stadttouren Menschen<br />
in ganz Europa ansprechen will, wurde<br />
ein zeitgemäßes Design gewählt,<br />
welches sich von der breiten Masse<br />
abhebt, jedoch auch durch Übersichtlichkeit<br />
und Seriösität bestimmt wird.<br />
5
03|<br />
Typografie<br />
DIE Schriftwahl<br />
Für die großen Überschriften wird die<br />
Schriftart Futura im Schriftschnitt Medium<br />
verwendet. Sie wird ausschließlich<br />
mit Versalien dargestellt sowie<br />
mit einer Schriftgröße von mindestens<br />
50 pt, um einen optimalen Kontrast<br />
zu erreichen. Für Unterüberschriften<br />
verwendet man die Schrift Nunito in<br />
Regular (Fließtext, Unterüberschriften)<br />
und im Schnitt Light Italic für besondere<br />
Hervorhebungen.<br />
Die Raumaufteilung<br />
Die Aufteilung des vorhandenen Raumes<br />
beläuft sich auf eine Darstellung,<br />
die sich hauptsächlich auf Bilder konzentriert<br />
und weniger Text, um dem<br />
Kunden eine spannende und nicht<br />
ermüdende Nutzung zu gewährleisten.<br />
Die Headlines werden in Vesalien<br />
dargestellt, die durch den großen<br />
Unterschied im Schriftgrad eine gute<br />
Kontrastierung zum dezenten Fließtext<br />
bewirken.<br />
Lesbarkeit<br />
Um eine optimale Lesbarkeit zu erreichen, wurden Schriften ohne Serifen gewählt.<br />
Außerdem werden die Überschriften in dicken Großbuchstaben dargestellt,<br />
damit wird dem Nutzer das schnelle Zurechtfinden vereinfacht. Die verwendeten<br />
Schriften sind durch ihre ausgeglichenen Strichstärken und den gut<br />
ausgearbeiteten Buchstaben, auch in kleinerer Schriftgröße gut lesbar.<br />
6
Beispiele<br />
A B C D E F G H<br />
I J K L M N O P<br />
Q R S T U V W<br />
X Y Z Ü Ä Ö 1 2<br />
3 4 5 6 7 8 9 0<br />
FUTURA MEDIUM<br />
Diese Schriftart<br />
wird für Überschriften<br />
verwendet,<br />
ausschließlich<br />
mit Versalien dargestellt<br />
und sollte<br />
mindestens eine<br />
Schriftgröße von<br />
50 pt haben.<br />
NUNITO REGULAR<br />
A B C D E F G H I J K L M N O P Q R S<br />
T U V W X Y Z Ü Ä Ö<br />
a b c d e f g h i j k l mn o p q r s t u v<br />
w x y z ß ü ä ö<br />
1 2 3 4 5 6 7 8 9 0<br />
NUNITO LIGHT ITALIC<br />
A B C D E F G H I J K L M N O P Q R S<br />
T U V W X Y Z Ü Ä Ö<br />
a b c d e f g h i j k l mn o p q r s t u v<br />
w x y z ß ü ä ö<br />
1 2 3 4 5 6 7 8 9 0<br />
7
04|<br />
Farben<br />
>>Damit die Farben nicht von den attraktiven Bildern ablenken, aber trotzdem<br />
einen farbigen Akzent setzen, werden ausschließlich drei Farben verwendet:<br />
Weinrot, Blau und Grau.
Beispiele<br />
WEINROT<br />
CMYK (40 | 100 | 90 | 10)<br />
RGB (153 | 33 | 40)<br />
Blau<br />
CMYK (75 | 30 | 20 | 15)<br />
RGB (53 | 130 |162)<br />
Grau<br />
CMYK (0 | 0 | 0 | 35)<br />
RGB (189 | 188 | 188)<br />
9
05|<br />
Bilder<br />
DIE Anordnung<br />
Die verwendeten Bilder werden in verschiedenen Breiten und Höhen<br />
dargestellt, um nicht in das Klischee eines normalen oder langweiligen<br />
Faltplans hineinzugeraten.<br />
Um möglichst alle Zielgruppen zu überzeugen, wird darauf geachtet<br />
die Bilder nicht zu exotisch darzustellen, sondern dem modernen<br />
und dennoch edeln Charakter beizubehalten.<br />
Die Bilder sollen den Betrachter auf das Wesentliche hinweisen und<br />
ihn nach jeweiligen Interessen durch den Faltplan führen.<br />
DIE Modifikation<br />
Die eingebundenen Bilder werden nur in Helligkeit, Kontrast oder<br />
Farbe verstärkt bzw. ausgeglichen,<br />
Störende Elemente in einzelnen Bilder werden retuschiert. Die<br />
Bilder sollen ihren natürlichen Charakter in der Farbgebung behalten,<br />
um alle Zielgruppen anzusprechen und um nicht zu künstlich<br />
zu wirken. Der Blick des Betrachters soll auf das Wichtige gelenkt<br />
werden und nicht durch Effekte getrügt werden.<br />
10
der bildAusschnitt<br />
Da die verschiedenen Bilder in dem<br />
Faltplan eine große rolle spielen -<br />
umso attraktiver und ansprechender<br />
die Bilder desto größer das interesse<br />
des potentiellen Kunden - wird besonders<br />
darauf geachtet, eine gewisse<br />
spannung zu vermitteln. Diese soll<br />
damit bewirkt werden, dass einige<br />
Bilder als Detailaufnahmen gezeigt<br />
werden und andere wiederum in der<br />
totale. so entsteht ein guter Kontrast<br />
und eine spannende abwechslung.<br />
Desweiteren werden die Bilder möglichst<br />
groß dargestellt und manchmal<br />
ragen sie über den Falz hinaus, um<br />
eine attraktive Darstellung zu erreichen,<br />
die nicht monoton oder langweilig<br />
wirkt.<br />
11
06|<br />
Grafische<br />
Elemente<br />
Einsatz Grafischer Elemente<br />
Um einzelne Textabschnitte hervorzuheben<br />
oder um grafische Eyecatcher<br />
zu bewirken, werden rechteckige<br />
Flächen in den drei Hauptfarben weinrot,<br />
blau und grau eingesetzt. Meist<br />
werden diese in einer transparenten<br />
Form auf Bilder benutzt, um die Bilder<br />
so groß wie möglich darzustellen,<br />
aber auch den Text spannend wirken<br />
zu lassen.<br />
Außerdem werden für die Darstellung<br />
der einzelnen Touren Icons verwendet,<br />
die dem Nutzer ein schnelleres Verständnis<br />
und Zurechtfinden ermöglichen.<br />
Die einzelnen Punkte, Dauer,<br />
Treffpunkt, Länge oder Preis werden<br />
hervorgehoben und sind somit für den<br />
Betrachter schneller erfassbar. Die<br />
Icons sind quadratisch und passen<br />
somit zu dem restlichen Layout.<br />
Auch werden für die einzelnen Touren<br />
Grafiken erstellt, welche den Hauptpunkt<br />
der jeweiligen Tour darstellen.<br />
Die Gestaltung dieser Grafiken beruht<br />
auf dem Layout des Logos und besteht<br />
ausschließlich aus einer Kontur<br />
in einer der drei Hauptfarben.<br />
Diese Grafiken unterstützen das<br />
Layout jeder einzelnen Tour, wirken<br />
spannend und helfen wiederum beim<br />
schnellen Erfassen der gewünschten<br />
oder passenden Tour.<br />
12
Beispiele<br />
Icon Dauer Icon Preis Grafik tour 3<br />
(Brücken Speicherstadt)<br />
€<br />
€<br />
€<br />
13
07|<br />
arbeitsplanung<br />
Arbeitsschritte<br />
Vorbereitung<br />
Hilfsmittel/<br />
Software<br />
Arbeitszeit<br />
Erfassung der Aufgabe Aufgabe als Datei 20 min<br />
Sichtung der<br />
Aufgabendaten Vorhandene Daten 15 min<br />
Gestaltungskonzeption<br />
Zielgruppenanalyse Notizen/Recherche 30 min<br />
Erstellung von Skizzen Stift, Papier 20 min<br />
Auswahl geeigneter<br />
Farben<br />
Auswahl geeigneter<br />
Schriften<br />
Adobe Kuler, Adobe Indesign<br />
CS6<br />
Recherche, Adobe Indesign<br />
CS6<br />
35 min<br />
45 min<br />
Auswahl geeigneter<br />
Bilder Vorhandene Dateien 20 min<br />
Umsetzung<br />
Erstellung der<br />
Dokumentation Adobe Indesign CS6 6 Std<br />
Zeitaufand (Gesamt in Stunden): 9 h 5 min