29
TYPO identity Nils Merkel | SS 09 | GG2 | HS Mannheim

typo identity

Embed Size (px)

DESCRIPTION

typo identity ist eine semesterabschlussarbeit in dem alle wichtigen arbeiten des 2. semesters enthalten sind, die im kurs grundlagen der gestaltung 2 an der hs mannheim entstanden sind

Citation preview

TYPO identity

Nils Merkel | SS 09 | GG2 | HS Mannheim

04 good/bad

06 typobücher

08 referat

12 my darling

14 quickie

INHALT

04 typeface

06 plakat

08 info design

12 parameter

14 raster

typografie und ich

die typografie und ichschon vor einigen jahren gestaltete ich viel und versuchte schriften mit in die gestaltung einzubeziehen.doch erst mit beginn des studiums beschäftigte ich mich intensiver mit der typografie. durch genau­ere betrachtung von buchstaben, schrif ten und ihrer typografen ent ­deckte ich was wirklich typografie bedeutet. ich fing an plakate und sonstige werbung nach ihrer typogra­fie zu untersuchen und dadurch sah ich sie auch mit immer kritischeren augen. was gute und schlechte typografie ist und welche schrift ich nun für sehr gut empfinden sollte, waren fragen, die ich mir stellte. mein gefühl für die typografie wurde sensibler, vor allem im bezug auf nutzung und bedeutung.es macht mir spass mit der typo­grafie zu arbeiten und freue mich auf weitere erkenntnisse.

Good or bad, that is the questionwas ist gute oder auch schlechte typografie? das ist manchmal eine schnell zu beantwor­tende frage, kann aber auch zu langen diskus­sionen führen. denn auch die regeln haben ein ende und meinungen können sich scheiden. aber auch die regeln der typografie sind kein globales gesetz. unterschiedliche kulturen be­sitzen verschiedene regeln, aber auch inner­halb einer kultur können regeln verschieden ausgelegt werden oder auch schlicht gebrochen werden, was wiederum nicht zwangsweise

schlecht sein muss. wie man sieht ist es nicht einfach. regeln helfen einem, sich der typo­grafie zu nähern und sie zu verstehen, aller­dings muss ab einem gewissen punkt jeder für sich selbst entscheiden, was er für gut oder schlecht hält.

4

GOOD/BAD

5

good/bad

erstmal muss man sich über die verschiedenen schriftklassifikationen im klaren sein, sie in ihrem geschichtlichen hintergrund betrachten, ihren wandel erkennen und verstehen. denn zu wissen, warum eine schrift genau so ge­staltet wurde und nicht anders, ist wichtig um sich überhaupt ein urteil zu erlauben. die ein­flüsse der geschichte haben sich schon immer in der schrift wiedergespiegelt und auch so sollte man sie verstehen.bevor man sich über gute oder schlechte typo­grafie streiten will, sollte man wissen, was typo­grafie eigentlich bedeutet. typografie heißt zeichnen oder gestalten mit figuren oder for­men. die typografie bezieht sich nicht aus­schließlich auf die gestaltung eines wortes oder buchstabens sondern um die komplette typografische gestaltung eines mediums. es gibt allgemein keine schlechte typografie. schlechte typografie findet man zum beispiel nur im bezug auf ihr medium, auf ihre wirkung oder ihren informationsgehalt. denn die infor­mation der schrift ist immer noch das wich­tigste. dafür wurde sie erfunden. wer zum beispiel nicht die informationen eines buches lesen kann, wird auch nie diese informationen speichern können. falls also informationen kom­muniziert werden sollen, müssen sie auch an­genommen werden. dies ist der wichtigste be­standteil für typografie.mit dem medium, auf dem typografisch gear­beitet wird, kann man auch viel falsch ma­chen. bestimmte schriften funktionieren nicht auf allen medien, wie z.b. eine klassizistische renaissance antiqua auf ein raufaseriges papier zu drucken. aber auch der bildschirm ist ein weiteres medium, wofür nur wenige schriften geeignet sind. Durch das flimmern des moni­tors, kann das auge kleine formen nicht gut wahr nehmen und ermüdet schnell. Hier wurden

schriften mit z.b. hohen mittellängen entwi­ckelt.sehr wichtig ist die wirkung der typografie, die in allen bereichen existiert und mehr oder we­niger genutzt wird. hier ist wieder die schrift­wahl, aber auch die farbgebung essentiell. die typografie kann in ihrer schrift und farbe alle möglichen stimmungen wiederspiegeln, was oft unterschätzt wird. jeder mensch entwickelt unterbewusst gefühle, wenn er eine schrift ließt und sobald die entwickelten gefühle nicht mit der restlichen gestaltung oder wirkung übereinstimmen, empfindet er es als schlechte typografie.dies sind nur einige von vielen themen, die in der typografie eine rolle spielen.

wenn man also diese, für mich wichtigsten, themen zusammenfasst, bedeutet gute typo­grafie, meiner meinung nach, dass, falls infor­mationen kommuniziert werden sollen, auch gut lesbar seien müssen, die typografie ent­sprechend dem medium gewählt werden muss und die emotionalle wirkung, die die typografie auf den menschen hat, erkannt werden muss und sie dementsprechend eingesetzt werden sollte.

typobüchermit der typografie richtig umgehen kann nicht jeder und muss wie jedes andere anspruchs­volle feld gelernt und praktiziert werden. auch hier gibt es zahlreiche bücher, die einen den weg in die typografie versuchen zu erleichtern. zwei dieser bücher will ich hier präsentieren. einmal das buch „Grundlagen der Typografie und zum zweiten „Typografie professionell“.

6

TYPOBUECHER

7

typobücher

Grundlagen der Typografie„gute typographie ist so, wie ein guter diener gewesen sein mag: da und doch nicht be­merkbar; unauffällig, aber eine voraussetzung des wohlbefindens ...“, so formulierte es einmal jan tschichold. um dieses hohe ziel in der ge­staltung mit schrift zu erreichen, ist typogra­fisches basiswissen allerdings unabdingbar. die grundlagen der typografie faßte gavin am­brose daher in einem praxisnahen und gestraf­ften band zusammen, der anhand vieler preis­gekrönter arbeiten aufzeigt, worauf es bei der gestaltung von und mit schrift wirklich an­kommt. gerade für studierende und newcomer ein idealer einstieg, um sich mit den typogra­fischen basics vertraut zu machen und zu­gleich eine ermutigung, selbst mit schrift zu experimentieren.

Typografie professionell„das buch glänzt vor allem durch einen sehr guten aufbau und viele praxisbeispielen. aber was erwartet man sonst von einem typogra­fie­guru, der sich selbst mit diesem thema täglich beschäftigt. auf fast jeder zweiten sei­te findet man blöcke in denen regeln, punkte oder wichtige hinweise tabellarisch oder typo­grafisch korrekt zum merken dargestellt wer­den. das wort der grafiker „corporate design und identität“ vergißt er natürlich auch nicht aufzulösen. im „danach“ findet der typo­stu­dent einen sehr hilfreichen glossar, gute lite­raturangaben und checklisten zur realisierung.“ (presse)

referat über amsterdames sollten referate in zweier teams über große design metropolen, im bezug auf leben, kultur und jobmöglichkeiten, gehalten werden. un­sere stadt war amsterdam.amsterdam ist eine sehr große multikulturelle stadt und ist dadurch auch sehr in ihrem er­scheinungsbild und ihrer mentalität geprägt. kulturell war hervorzuheben, dass dieses jahr in amsterdam die „dutch art city“ ist. im bezug auf das holländische design haben wir gemerkt, dass die holländer in im design sehr direkt,

hemmungslos und vielfältig sind. es wird auch sehr viel mit reiner typografie gestaltet. ams­terdam kann eine sehr große street art szene aufweisen.kurzum, ist amsterdam eine sehr interessante stadt, die sehenswert ist und gerade im punkt gestaltung sehr viele möglichkeiten bietet.

8

REFER AT

9

referat über amsterdam

dutc

h ar

t city

09

folie mit bildern vom stedeliyk museum

folie zu design & kultur

startfolie

10

stre

etar

t

folie mit streetart beispielen

agen

ture

n wieden + kennedy18072 and sunnyakqanothing

folie mit einer auswahl von agenturen in amsterdam

stilm

erkm

ale

folie mit typografischen plakatbeispielen

11

referat über amsterdam

abschlußfolie mit den drei schlagwörtern

unser handout verstauten wir in

einer foto­filmdose

MYDARLINGmydarlingmydarling ist eine kurze präsentation über die lieblingsschrift oder eine schrift die man be­sonders mag.meine wahl war nicht schwer, da ich schon länger die frutiger für mich entdeckt habe. es wird kurz erklärt wie adrian frutiger zu seiner frutiger kam und darüberhinaus wird sie mit der univers, auf der die frutiger aufbaut, verglichen. die frutiger ist für mich universal einsetzbar, sowohl durch ihre vielen schnitte, als einfach auch durch ihre schlichte, aber trotzdem schöne

gestalt. sie ist auch sehr gut lesbar, was mir sehr wichtig ist bei einer guten schrift. die fru­tiger, von adrian frutiger aus dem jahr 1976, ist my darling.

12

13

mydarling

fruti-ger*mydarlingschweizer stiluniversavenirocr-bfrutiger

Adrian Frutiger Typograph

folie zu frutiger – my darling folie über adrian frutiger

Vergleich Frutiger | Univers Frutiger *mydarlinguniversell einsetzbarlesbarfunktional

einfach schön

folie zur begründung der schriftwahl

fruti-ger*danke

abschlußfolie

QUICKIEblickhierarchieauf 200 x 200 mm, sollte anhand eines satzes blickhierarchien geübt werden. zur aufgabe gehörte es jeweils eine, zwei und drei informationsebenen herzustellen.diese aufgabe war eine art dehnübung zu be­ginn des semesters um nochmals auf das erste semster einzugehen und das thema weiterzu­führen. wichtig ist hier, zu verstehen wie und was das auge wahrnimmt und in welcher rei­henfolge. die resultate zeigen, wie man ge­stalterisch den gleichen satz unterschiedlich

inszenieren kann und somit die information des satzes dem leser auf verschiedenste weise vermitteln kann.

14

15

blickhierarchie

verwirrungüberzeugenwer nicht kann, sollte wenigstens stiften

wernichtüberzeugenkann,

solltewenigstensverwirrungstiften

verwirrungüberzeugenwer nicht

kann,sollte wenigstens

stiften

eine hierarchie zwei hierarchien

drei hierarchien

TYPEFACEtypefacezu gestalten war ein flyer für eine schrift, der die charakteristika und besonderheiten der je­weiligen schrift und ihrer klassifikation wider­spiegelt. die gestaltung sollte sowohl informativ als auch werblich sein.bei der auswahl einer venezianischen renais­sance antiqua entschied ich mich für die „ITC Weidemann“. sie überzeugte mich durch ihre gestaltung und ihre besonders hohe lesbarkeit.als serifenlose antiqua fiel meine wahl auf die „Frutiger“. ihre funktonalität und universelle

einsetzbarkeit macht sie für mich zu einer der größten schriften.bei den gebrochenen schriften entschied ich mich für die „Clairvaux“. ihre, für eine gebro­chene schrift, schwungvolle gestalt, ist ein schönes merkmal.die „DeGenerate“ wählte ich bei den experi­mentellen schriften. ihre lustige, aber trotz­dem lesbare erscheinung resultiert aus sowohl kaputten buchstaben, aber auch flecken und fusseln.

16

17

typeface

ITC Weidemann

Kurt Weidemann, 1983

vorderseite rückseite

18

plakat

19

typeface

gefaltet: vorderseite gefaltet: rückseite

20

Clairvauxschwungvoll sachlich historisch

Die Clairvaux wurde von Herbert M

aring,

einem Kalligrafen, desse

n kulturelles U

m-

feld im Kloste

r Schön tal an der Ja

gst zu

suchen ist, gesta

ltet. S

ie ist an frü

he goti-

sche Schriften angelehnt. D

ie mit der Fe-

der geschrie

bene gut lesbare Schrift

ist

für die moderne Typografie ein beleben-

des Element.

Herbert Marin

g musste bei der entw

ick-

lung zusätzlich an historisc

hen Vorbildern

angelehnten Klein buch staben Versa

lien

entwickeln, die nach dem Urte

il des

Schriftexperte

n Albert Kapr “e

ine ästheti-

sche Einheit ergeben”.

Clairvau

x

Herbert Marin

g 1991

vorderseite rückseite

21

typeface

Die Schrift DeGenerate ist eine wundervoll

komische Schrift. Sie ist lustig und auch

etwas zerbeult und sieht aus als wurde sie

auf den Kopierer gelegt, wodurch einige

Fussel und Flecken hinzugefügt wurden.

Aber sie ist trotz alle dem immer noch zum

lesen geeignet und ist gerade deswegen

eine gut durch konstruierte Schrift.

lustig kaputt dreckig

vorderseite

rückseite

PLAKATplakatdie ASTA der hs mannheim bat uns, das 2. se­mester der fakultät gestaltung, im kurs gg2, ein neues plakat zu gestalten. es ging darum, sowohl die neuen öffnungszeiten des café in­tegrals an der hochschule, als auch neue lern­räume plakativ zu präsentieren. ich entschloß mich ein bild auf das plakat zu setzen, weil der betrachter so die nähe zum café deutlicher spürt, aber auch, weil ein bild auch mehr informationen beinhaltet als ein paar wörter. für diese farbe entschied ich mich,

weil es bewiesen ist, dass warme töne den hun­ger anregen, aber ich die farbe auch für sehr deutlich sichtbar und somit plakativer halte. ich entschied mich die neuen öffnungszeiten des cafés am deutlichsten hervorzuheben, weil ich denke, dass die studenten dies eher wahr­nehmen würden.

22

23

Plakat

plakatvariante für die mensa der hs mannheim

INFODESIGNinfo designunter dem thema „alles was verschwindet“ sollte jeder eine kurze info­broschüre gestal­ten. es sollte auf das wesentlichste reduziert werden.ich entschloß mich für die energie, die in einem haushalt, minute für minute verbraucht wird. ich suchte mir die wichtigsten stromverbrau­chenden geräte aus und mass ihren strom­verbrauch in einer woche. zusätzlich rechnete ich aus, wieviel strom allgemein in dieser woche verbraucht wurde und wieviel dies gekostet hat.

ich gestaltet eine flamme als energiemeßein­heit und schlichte motive der geräte zur visuali­ sierung. ein gleichmäßig eingeteiltes gestal­tungsraster und sich wiederholende sym bole machen es dem betrachter leichter zu folgen und somit das wesentliche an information zu erhalten.

24

25

info design

ENERGIE VERBRAUCHwieviel Strom verbrauche ich in einer Woche Messzeit: 22|04|09 – 29|04|09

TelefonVerbrauch in einer Woche: 0,28 kWKosten: 0,06 €

Verbrauch pro Stunde: 0,04 kWNutzung in einer Woche: 7 hØ Verbrauch pro Tag: 0,04 kW

RadioVerbrauch in einer Woche: 0,12 kWKosten: 0,02 €

Verbrauch pro Stunde: 0,04 kWNutzung in einer Woche: 3 hØ Verbrauch pro Tag: 0,02 kW

WaschmaschineVerbrauch in einer Woche: 3,6 kWKosten: 0,80 €

Verbrauch pro Stunde: 1,2 kWNutzung in einer Woche: 3 hØ Verbrauch pro Tag: 0,6 kW

HerdVerbrauch in einer Woche: 4 kWKosten: 0,90 €

Verbrauch pro Stunde: 2 kWNutzung in einer Woche: 2 hØ Verbrauch pro Tag: 0,7 kW

4 5

beispiel einer doppelseite

226

ENERGIE VERBRAUCHwieviel Strom verbrauche ich in einer Woche Messzeit: 22|04|09 – 29|04|09

ComputerVerbrauch in einer Woche: 25,8 kWKosten: 5,80 €

Verbrauch pro Stunde: 0,1 kWNutzung in einer Woche: 43 hØ Verbrauch pro Tag: 4,3 kW

LaptopVerbrauch in einer Woche: 1,84 kWKosten: 0,41 €

Verbrauch pro Stunde: 0,08 kWNutzung in einer Woche: 23 hØ Verbrauch pro Tag: 0,3 kW

2

SummeVerbrauch in einer Woche: 46,57 kWKosten: 10,47 €

Verbrauch pro Stunde: 4,31 kWØ Verbrauch pro Tag: 7,76 kW

7

beispiel einer doppelseite

27

info design

PARAME TERparameter

format: 160 mm x 240 mm hochformat

klammerbindung

typowahl: rockwell bold rotis sans serif regular

farbwahl: 100% magenta rockwell bold weiß rotis sans serif 90% schwarz

restliche farben sind der gestaltung angepasst

28

29

parameter und erläuterung

auf dem cover und backcover des magazins sind meine augen zu sehen mit dem titel „typo identity“ auf einem magenta farbigem kreis stehend. ich will somit gleich die verbindung zwischen mir und der typografie in diesem magazin deutlich machen. denn die augen ge­hören mit dem fingerabdruck zu den wichtigs­ten erkennungsmerkmalen eines menschen. die gestaltung des kreises und ihrer schrift habe ich durch das komplette heft weiterge­führt. sie kündigt plakativ die rubriken an. als headline entschied ich mich für die rockwell bold, da sie als großzügige schrift sehr deutlich und plakativ erscheint und ich diese erschei­nung erreichen wollte. als weitere schrift und auch für den fließtext fiel meine wahl auf die rotis sans serif regular. sie passt gestalterisch zu der rockwell und hält sich dezent im hin­tergrund. jede seite ist in zwei spalten geteilt und ent­hält zusätzlichen weissraum. die paginierung ist schlicht gestaltet am unteren ende zu fin­den und der rubriktitel oben auf der rechten seite.dadurch, dass ich dieses semester viele ver­schiedene farben in meinen arbeiten einsetzte, passte ich die aufmachung der headline, der hauptfarbe der jeweiligen arbeit an und ver­suchte somit ein einheitliches bild zu erzeu­gen. auch der rubriktitel wechselt passend seine farben. bei zusätzlichen seiten, ist der kreis, wie auf dem cover, magenta.ein kurzer text leitet jede rubrik ein und erläu­tert das thema der jeweiligen arbeit.bei den rubriken, bei denen es möglich war, nutzte ich zusätzlich fotos, um die arbeiten realistischer dem betrachter zu präsentieren.