Hochschule für Gestaltung und Kunst Zürich / Departement ...€¦ · Entertainment magazine about pop culture. Content: music, fashion and style young trendy people (age 0-40),

Hochschule für Gestaltung und Kunst Zürich / Departement Design / Studiengang Visuelle Kommunikation

AboutMartina WalthertUrsina VöllmKerstin LandisAndreas Lang

Dozent/en:David SkopecMihaly VargaAlejandro Zarate

© 2005 HGKZ, Studiengang Visuelle Kommunikation

� HGKZ / DD / SVK / Informationsdesign / About

Inhalt

Text 00Text 00Text 00Text 00Text 00Text 00Text 00Text 00Text 00Text 00Text 00

HGKZ / DD / SVK / Informationsdesign / About �

The Project 05Research 06

Formal Analysis 08Moodboards 09Our magazine: About Mexico 1�Systems 14

About:Traveling 16Structure 17The grid system �0Typography �4

4 HGKZ / DD / SVK / Informationsdesign / About HGKZ / DD / SVK / Informationsdesign / About 5

Content

Infotainment is booming: „Discove-ry Channel“,„GEO“, „Galileo“, „P.M.“, „Planetopia“,„Bild der Wissenschaft“, „K1 Abenteuer Leben“, „Spektrum“, „N�4 Wis-sen“, „W wie Wissen“, „Planet Wissen“, National Geographic“ and and and. But not enough: Classical Formats like for example „Fakt“, „Der Spiegel“, „Focus“ but also newspapers satisfy their readers hunger for knowledge with a more and more enter-taining form of abstract and complex sub-jects. Already in 1994 todays Chief-Editor of the magazine „Focus“ ment: „Our graphic designers are editors.“What are the content and formal features of a good infotainment publication?How could the concept and the sketch of a innovativ, interesting and ambitious „for-mat“ look like?To find out, we take a look at the world, to specify: Latinamerica. Over the last years medias who combine knowledge with entertainment have established and get produced in mass circualtion over the whole subcontinent.Alejandro Zarate, the art-director of the mexican magazines „Quo“ and „Chilango“, will be our guest to tell us about his work and to assist the first part of our development work for the fitctious maga-zine „About:“.

Learning target

The genre of infotaiment media should be contemplated and decoded in it‘s charakte-ristic featers. These basics should be as-signable for the concrete project requests and for later professional tasks (web, corporate design etc). The focus is on the creativ development process, but the process of the production should also in-troduce. The field of creativ working will be liveliy initiated through Alejandro Za-rates contribution. The examination with the latinamerican enviroment will ensure new approaches.

The project

Process

First the field of infotainment will be analysed to derive the elementary require-ments. Followed by the identification of the areas of operation such as brand, layout, typography, photography, graphic design and the worksharing through the working team. The aim is to develope a prototype of the magazine „About:“. The first part of the course will be in english.

HGKZ / DD / SVK / Informationsdesign / About 6 HGKZ / DD / SVK / Informationsdesign / About 7

Research

An analytical comparison between aninfotainment and a completely different magazine

ZEIT WISSENInfotainment magazine about the following four categories: life, science, health and technics

What is the audience?

General, no specific age, interest in a general knowledge

What visual language is appealing the au-dience?

clear structured layout, easy to read ty-pography, a steady and clean appearance

Structure of content?

Four main categories, divided into smal-ler articles starting with a portal-like page followed by the bigger features. Each starts with a large bleeding picture fol-lowed by mixed pages (text/pictures).

SPEXEntertainment magazine about pop culture. Content: music, fashion and style

young trendy people (age �0-40), interes-ted in popular music

experimental, up-to-date, touching the zeitgeist, pretty illustrations through the whole magazine

Main features about artists with inserts about different topics around pop culture…All the articles start with a picture. All content isn‘t on the bleed.

Impression regarding the layout (connota-tion, order...)?

Classical layout, neutral, constant, at-tention on the title stories

Quality of production (printing, pa-per...)?

cover: ~1�5g/m�, with glossy lacquercontent: double-coated, glossy, ~90g/m�

Fractions of advertisments (sizes, percen-tage...)

14 out of 1�� pages (11.5%)

Classic layout with some fancy titles, all artist features are equally treated, illustrations lighten up the total impres-sion

cover: ~1�5g/m�, with glossy lacquercontent: single-coated, glossy, ~70g/m�

16 out of 116 pages (1�.8%)

HGKZ / DD / SVK / Informationsdesign / About 8 9

Formal Analysis ZEIT WISSEN

Grid- and Layout systems

base grid for text and images 9 columns

standard text � columns wide

Typefaces and typographic Codes geometric grotesk, capitals - small headlines: 11pt - big headlines: size �0pt - author, photographer: size 6pt - pagina: 11pt

Renaissance antiqua, in different styles (roman, bold, italic) - leadtext: 11pt, bold - main text: 9pt, roman line spacing ~10,5pt

Amount of Text - number of words: ~50’400 - number of characters: ~�00’000

Ratio in percentage text: ~50%images: ~�0%illustrations: ~7.5%white space: ~�.5%ads: ~10%

Picture formats standard sizes: - small size: � columns width - medium size: 6 columns width - large size: 9 columns width

a lot are on the bleed

different size images fit in grid

Graphical Codes

- triangular arrows in front of the cate-gorie titles- characteristic main title type- a lot of pictures on the bleed- panels for statistics and info-graphics

Types of Layouts (Templates)

- table of content (�x� columns)- portal pages at the beginning of the ca-tegories- standard feature layout (�x� columns)- product pages layout (� columns special)

HGKZ / DD / SVK / Informationsdesign / About

Moodboard

with Typography

10 HGKZ / DD / SVK / Informationsdesign / About 11HGKZ / DD / SVK / Informationsdesign / About

with photography with illustration

1� HGKZ / DD / SVK / Informationsdesign / About 1�HGKZ / DD / SVK / Informationsdesign / About


Systems

Finding a system in the travel context to generate our layout-system:

Rhein

Rhein

RB38

RB 38

RB 38

RB 24

RB 24 RB 26RB 48

RB 26, 48

RB 38

RB 25

RB 24,26, 48

RB 24, 26, 48

RB 27, 38RB 27

RB 27RE 8

RE 7

RE 7

RE 1, 9

RE 1, 9

RE 8

RE 5

RE 5RE 12, 22

RE 9

RE 7

RE 5,12, 22

RE 5, 12, 22

RE 12RE 22

RE 1, 8, 9

RE 1, 5

RE 1RE 5

RE 5RE 7

RE 1

RB 48

RB 48

RB 48RE 7

RE 7

RE 8RB 27

RB 27

RE 8

RE 8

RE 9

RB 25

Neuss Neuss Düsseldorf

DüsseldorfNeuss

15

6

12

5

S 11

S 11

S 11

(S 13)(S 13)S 12S 12

S 12

S 11

7

9

19 13

S 12

12

6 1715

S 11S 6

318

16

S11

S 11

4

WuppertalDüsseldorf

S 6

S 6

S 12, 13

S 13

S 13

8

5

Konzeption / Gestaltung // Vertrieb

Felderstr. 106 51 371 LeverkusenFon: 0214 / 24 55 8 Fax: 24 28 4

S13

S 6

Mönchengladbach

RB 25

RB 25

1813

126

1

87

9

43

5

16

18

3

12 161715

6

5

34

17

17

89

1

9

13

16

16

16

18

18

7

13

13

54

3

9

4

3

11

9

15

19

17

6

1917

43

43

S13nurHVZ

15

18

13

12

5

1819

156 12

171918

19

17

13

13

8

7

S 12

1

1 9

AachenDüren

MarienheideGummersbach

SchienennetzKöln

S13

RE 12, 22RB 24, 26, 38

87

Weinsbergstr. /Gürtel

Nußbaumerstr.

Subbelrather Str. /Gürtel

Liebigstr.

Gutenberg-str.

Leyendecker-str.

Friesenplatz

Oskar-Jäger-Str. /Gürtel Hans-Böckler-Platz /

Bf West

K-Müngersdorf /Technologiepark

Körnerstr.

Piusstr.

Venloer Str. /Gürtel

K-Ehrenfeld

Bonn-BeuelLinz

Au (Sieg)Siegburg

BonnBad GodesbergBonnBonnEuskirchen

Rösrath-Stümpen

Rösrath

Hoffnungsthal

Kalk

Kapel

le

Fuldae

r Str.

Höhenber

gFra

nkfurte

r Str.

Kalke

r Friedhof

Mer

heim

Flehbac

hstr.

Brück

Mau

spfa

d

Lusthei

de

Refra

th

Kippek

ause

n

Franke

nfors

t

Neuen

weg

Kölner

Str.

ImHoppen

kam

p

Autobah

n

Stein

weg

Porzer

Str.

Rath-H

eum

ar

Röttgen

sweg

Deutzer Freiheit

Suevenstr.

K-Lövenich

Frechen-Königsdorf

Horrem

KalkPost

KTrimbornstr.

Vingst

Eifelplatz

Herthastr.

Gottesweg

Kalscheurer Weg

Zollstockgürtel

ZollstockSüdfriedhof

Schönhauser Str.

BayenthalgürtelChlodwig-

platz

Godorf

Wesseling Nord

Wesseling

Wesseling Süd

Spich

Troisdorf

Pohligstr.Rodenkirchen

Siegstr.

Michaelshoven

Ostheim

Ebertplatz

Zoo / Flora

Lohsestr.

Florastr.

Neusser Str. /Gürtel

Mollwitzstr.

Scheibenstr.

GeestemünderStr.

Fordwerke Süd

Fordwerke Mitte

MerkenichMitte

Fordwerke Nord

HerforderStr. Altonaer

Platz

Chorweiler

Heimersdorf

K-Chorweiler

K-Blumenberg

K-Chorweiler Nord

K-Worringen

Dormagen Bayerwerk

Dormagen

K Volkhovener Weg

K Geldernstr. /Parkgürtel

BreslauerPlatz / Hbf

Merkenich

Niehl

Lenau-platz

Takuplatz

Margaretastr.

Rektor-Klein-Str.

Ossendorf

Äußere Kanalstr.

Pulheim

Wolffsohnstr.

Westfriedhof

Reichensperger-platz

Kinderkrankenhaus

LongericherStr.

Bocklemünd

Akazienweg

AmsterdamerStr. / Gürtel

Nesselrodestr.

K-Nippes

EscherStr.

K-Longerich

MengenichOllenhauerring

Schaffrathsgasse

NiehlSebastianstr.

Boltenstern-str.

Wilhelm-Sollmann-Str.

Meerfeld-str.

Iltisstr.

Keupstr.

Von-Sparr-Str.

Opladen

K-Stammheim

Bayerwerk

LEV Mitte

LEV-Rheindorf

LEV-Schlebusch

LEV-Küppersteg

LongerichFriedhof

Slabystr.

Schlebusch

K-Buchforst

Waldecker Str.

Buchheim Frankfurter Str.

WichheimerStr.

KoelnmesseOsthallen

HolweideVischeringstr.

Stegerwald-siedlung

Grünstr.

BuchheimHerler Str.

K-Holweide

MülheimWiener Platz

BergischGladbach

MülheimBerliner Str.

Deutz-Kalker

Bad

Thielenbruch

Maria-Himmelfahrt-

Str.

Neufe

lder

Str.

Dellbrü

ckMau

spfa

d

Dellb

rück

Haupts

tr.

Duckterath

K-Dellbrück

Christophstr. /Mediapark

Severinstr.

Severinsbrücke

Barbarossaplatz

Eifelstr.

Sülzburgstr.

Sülzgürtel

Heinrich-Lübke-Ufer

Sürth

Ulre-pforte Ubierring

Heumarkt

Appellhofplatz

Bensberg

Königsforst

Mauritiuskirche

ZülpicherPlatz

Weißhausstr.

Arnulfstr.

Eifelwall

Klettenbergpark

Efferen

Kiebitzweg

Weyertal

Gleueler Str. /Gürtel

Mommsen-str.

Stüttgenhof

Marsdorf

HausVorst

FrechenBahnhof

Frech

enKirc

he

Frech

enRat

haus

Mühle

ngasse

Dürener Str. /Gürtel

Wüllner-str.

Zülpicher Str. /Gürtel

Universitäts-str.

Melaten Moltke-str.

Maar-weg

Eupener

Str.

Alter M

ilitä

rring

Rheinen

ergie

-

Stadio

n

Mohnweg

Bahnst

r.

Wei

denZen

trum

Junke

rsdorf

Frechen-Benzelrath

Brühl-Vochem

Brühl Nord

Brühl Mitte

Brahmsstr.Cla

renbac

hstift

Kierberg

Rudolf-platz

KWest

BerrenratherStr. / Gürtel

Hürth-Hermülheim

Fischenich

EuskirchenerStr.

SülzHermeskeiler Platz

Aachener Str. /Gürtel

WeidenSchulstr.

UniversitätLindenburg(Universitätskliniken)

Brühl

KölnHbKölnHbf

Neumarkt

KMesse /Deutz

KMesse /Deutz

K Hansaring

Hürth-Kalscheuren

Bf Deutz /Messe

Poststr.

K-Mülheim

Bf Deutz /Kölnarena

Am Emberg

Leuchterstr.

Odenthaler Str.

Im Weidenbruch

Dom /Hbf

Porz Markt

Drehbrücke

Poller Kirchweg

Raiffeisenstr.

Poll Salmstr.

Baumschulenweg

Kölner Str.Westhoven

Berliner Str.

Rosenhügel

Zündorf

Porz-Wahn

Porz

KFrankfurter Str.

Gilgaustr.EnsenKloster

Porz Steinstr.

KSteinstr.

Köln / BonnFlughafen

KAirport -Businesspark

Dasselstr. /Bf Süd K Süd

Die schlaue Nummerzu Fahrplan und Tarif:

(0 180 3) 50 40 30

Internet:[9 ct/min Telekom-Festnetz]

www.kvb-koeln.de

Information

Verkehrsverbund Rhein-Sieg GmbH

RBRE

Stand: 12-Dez-2004

S-Bahn

RegionalExpressRegionalBahn

P+R-Platz

StadtgrenzeStadtgebiet

" nur zur Linie 12

" nur zur 1, 7 u. 9

stufenfreier Zugang

DB - Fernverkehr

Stadtbahn

Partner im

Transport network sys-tem

Different timetables

Fly Ticket

Map with coordinate system


About: TravellingA magazine made on the road for in-dependent travellers.

Trough our magazine we want to express the feeling of being on the road, the spon-tanity and the independen-cy. Sharing the personal ex-perience of travellers and their discoveries of hid-den places off the tourist tracks is our highest goal.

The language of our maga-zine is english, because it‘s sold internationally at backpackers places, se-lected travel agencies, se-lected bookshops and cafés.

Editorial concept:

Every issue is dedicated to one single country.

All contributions are sent in by people travelling or living in the issue‘s coun-try.

The quality standart is de-fined by the first issue. The sent in material will be analysed by the editors. The author will get paid a litt-le amount, whicht can cover some of his or her travel expenses.

Structure

Every issue includes 10 categories, which are:

Welcome to: a impression of the country expressed trough photography, illustration or found things on the road

Postcards: feedback from our readers

The red dot:focus on one city or region of the country

Behind the souvenirs:background stories, history or political actualities

Been there, done that:travel experiences from on the road, hidden places no lo-nely planet traveler has ever been before

Smogfree:articles from places where you can enjoy untouched nature

People do things:cultural background

Pleased to meet you:interesting people travellers met on their way

Golden shot:the best photography sent in from this country

Looking foreward:a preview to the next issue


Portal page

article page with registry bar

On the left page of the table of content there‘s the map of the issue‘s country. On the right the main categories are lis-ted in a registry system. The articles‘s titles are placed in its category together with the coordinates where the article takes place.On the map you can also see this area fra-med in a box. The registry system guides through the

whole magazine in form of a red bar on the edge of every right page.This system is according to traveller guides and dictionnary‘s orientation sys-

tem.Every main category starts with a portal page on which you get detailled informa-tions about the included articles.

Table of contents

Sent:14.06.200513:12:43

mayas, manzanas, maravillassent:15:00:3508.07.2005

huevadassent:09:12:4513.07.2005

un pesisent:sent: 09:12:4514.07.2005

un pesito, por favor.sent:09:12:4516.07.2005

doggies everywhe-re...sent:23:65:2116.07.2005

huevadassent:09:12:4509.07.2005

un pesito, por favor.sent:09:12:45

11.07.2005::::::::::::::::::::::::::::

everywhe-re...sent:15:07:2115.06.2005

:::::::::::::::::::::::::::: ::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

huevadassent:09:12:4513.07.2005::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

Been There, Done That

�0 HGKZ / DD / SVK / Informationsdesign / About �1HGKZ / DD / SVK / Informationsdesign / About

�� HGKZ / DD / SVK / Informationsdesign / About ��HGKZ / DD / SVK / Informationsdesign / About


The Red Dot

Typography Our articles are all sent in by travellers on different mediums. This fact is an ex-pression of the dynamic of how you communi-cate when you‘re on the road. So we wanted to transmit this feeling to our readers by indicating the origin of the text. Every me-dium has it‘s own specific features.

article sent in by fax

>>> There’s every chan-ce your two competi-tors will wish they’d placed this advertise-ment, not you. While your customers will have probably forgot-ten that your competi-tor even exist. Which brings us, by a some-what of any circuitous route, to another small point, but one‘s which we do feel should be raised. As a marketer, you probably don’t even believe in body copies. Let alone long body co-pys. The body yourself. While your customers will have forgotten. <<<

article sent in by email

Manaca _ al _ Liano _ Grande.jpg

The Red Dot

The Red Dot

DSC00981.JPG DSC00982.JPG DSC00983.JPG DSC00984.JPG

DSC00990.JPGDSC00989.JPGDSC00986.JPGDSC00985.JPG

DSC00991.JPG DSC00992.JPG DSC00993.JPG DSC00994.JPG

DSC00998.JPGDSC00997.JPGDSC00996.JPGDSC00995.JPG

The Red Dot


People Do Things

People Do Things

article sent in by airmailarticle sent in by SMS


doggies everywhe-


huevadassent:09:12:4518.06.2005



doggies everywhe-re...sent:23:65:2125.06.2005

::::::::::::::::::::::::::::

huevadassent:09:12:4514.06.2005::::::::::::::::::::::::::::

un pesito, por favor.

sent:09:12:4517.06.2005::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::



huevadas blablasent:09:12:4511.07.2005

un pesito, por favor.sent:


doggies everywhe-re...sent:23:65:21

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::


everywhe-re...sent:23:65:2112.07.2005

::::::::::::::::::::::::::::

huevadashuevadassent:

::::::::::::::::::::::::::::

09:12:4511.07.2005

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

09:12:4508.07.2005

huevadassent:09:12:4510.07.2005

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

::::::::::::::::::::::::::::

doggies everywhe-re...sent:

23:65:2115.07.2005::::::::::::::::::::::::::::


Sent:

14.06.2005

13:12:43

Sent:

14.06.2005

13:12:43



Article sent in by SMS:

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

123456789

.,;?!+*%&/()=$><

For articles sent in by airmail we used a selfmade handwritten font:

The font size and the baseline grid varies on every article, depending on how many columns are used.

Berling Roman



123456789

.,;üäö?!+“*ç%&/()=£$><

Where the typography doesn‘t result out of the medium we used Rockwell Bold.

Rockwell Bold:



123456789

.,;üäö?!+“*ç%&/()=£$><

Fonts

Body text and pagina

� examples of fonts we used according to the medium an article reached us:

Article sent in by email:

courier new regular



123456789

.,;üäö?!+“*ç%&/()=£$><

Headlines and text decoration

Documents

Hochschule für Gestaltung und Kunst Zürich / Departement ...€¦ · Entertainment magazine about pop culture. Content: music, fashion and style young trendy people (age 0-40),