274

Typographie - A Manual of Design - Emil Ruder

Embed Size (px)

Citation preview

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 1/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 2/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 3/274

 

TypographieEin Gestaltungslehrbuch

Form un d GeeTechnikderT!GliederungenGeometrischeProportionenPunkt, Linie, FKontraste 131Grauwerte 14Farbe 157EinheitvonTe

Rhythmus 1 8Spontaneitat I

DurchgestaltiVariationen 2Kinetik 249Schr i f tund B i

Einleitung 5

Schreiben und Drucken 21Funkt ion und Form 3 3- . -

lenform 51(pographie 63

81's, Optisches und Organisches 9 3107:lache 117

I.3

ixt und Form 167.5und Zufal l 1 99ing 21331

TypographyA Manual of Design

Introduct ion 5

Writing and printing 21Function and form 33Form and counter-form 51

Thetechniquesoftypography 63Arrangements 81Geometrical,optical and organic aspects 93

Proportions 107

Point, line,surface 117

Contrasts 13 1Shadesof grey 143

Colour 157Unity of text andform 167Rhvthm 185

Spontaneityandfortui ty 199Integraldesign 213variations 231Kinetics 24 9Letteringand illustration 261

TypographieUn Manuel de Creation

Introduct ion 5Ecricre etimprimer 21Fonct ion etforme 33Forme et contre-forme 51

Techniqued e la typographic 63

Arrangements 81Aspects g6om6triques,optiques et organiques 93

Proportions 10 7Point, ligne,surface 11 7

Contrastes 13 1Valeursdes tons gris 143Couleur 157

Texte etforme en unit6 167Rvthme 185~po ntan 6i t6e t le asard 199Creation intfarale 213Variations 23 1Cin6tique 24 9Caractheset il lustration 261

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 4/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 5/274

 

Einleinmg Introduction Inlmdumion 5

The author of this book hastauahttvoouraohvto L'auteur de ce livre est depuis 25 ans maitre detechnologic en typographie. C'est 6 lui e ta ses616ves que nous devons les travaux qui figurent

DerVerfasser dieses Buches st seitfunfundzwanzig~ahren a~hlehrerfi i rTy~ographie.iegezeigtenArbeiten stammen von ihm selberodersind vonseinen Schulern wahrend des Unterrichteserstel ltworden. Das Buch wi ll wederunfehlbare Rezepte

-professional studentsfor the past twenty-five years.Theexamples illustrated are his own workort hat ofnispup s It is nottnei ntent ~on f tho book to offerinfallible rec pus nordoesit claim10 navesaid the

dans ces pages. Son intention n'est pas de donnerici des recenes infaillibfes, ni d'avancer des affir-

vermitteln, noch erhebt es Anspruch auf endgiiltigeAussagen.

<Gestaltungslehrbuch) heiRtdas Buch,weild ieTypographie mitihren technischen Vorgangen sichnlchtvon den Fragen der Gestaltung trennen IaRt.Die kleinste technisehe Manipulation in derTypo-graphic wird zurformalen Aussage. Esgibt keinenTypographen, der nicht gestaitet.

last word onthesubject.

"Manual of Typographical Design" is the name of

mations definitive!.

Le titre çU Manuel de creations precise bien queI'ceuvre typographique nait du creuset oU s'asso-cient procedes techniques et phbnomhne decreation. Dans ce domaine en effet la plus infime

the book. I t was given this ti tle because ypography,since it nvolvestechnical processes, inevitablyraisesuuestions of design. Tvooaraohv and desianarevirtually synonymous. manipulation technique se traduit par une

expression formelle. II n'est point de typographeThe presentage knows many of the underlyingassumptionsand hypotheses of modernism and it

qui ne soit cr6ateur.

Les arts modernes th oi gn en t de plus d'unnsere Zeites hat den /

gebung zur

Doch der Stlotterung urgemaBerVeVeyirrung.muBmanfewerden mu1durchzuset;

kenntviele Postulate der Moderne, undknschein, als ob die Fragen guter Form-Selbstverstandlichkeitgeworden seien.

;heintriigt, denn handwerkli chever-idmodernistischesGehabeinzeit-

looks as if aood desiun has becomesomethingtaken for granted; yet appearances are deceptivefor shoddy craftsmanship and modernistic affec-

tation got up in contemporary garb cause no littleconfusion. Even aking the optimisticview, it iscertain thata great deal of workremainsto bedone

postulat, et on pourrait cr ii re que dans la recherchede la çbonn ormes, Ie niveau des virtualit6s est

d6oass6 et I'indhoendance atteinte. Mais I 'a o~ a-.rence est trompeke. Les realisations ne sontsouvent au'expressions travesties aux goQts durkleidung verursachen nichtger inge

Auch bei optimistischer Beurteilung.

before the knowledge we have acquired gainsacceptanceand receives its ultimate refinement

. .jour, oh aberration manuelle et affbteries soi-disantmodernes se donnent libre cours et cr6ent la con-fusion. 11 faut convenir, m@me vec un jugementoptimiste, qu'un grand pas doit encore &re faitDour aue les connaissances acquises s'affinent et

ststellen,daK noch vie1 Arbeit ueleistet3, urn die gewonnenen Erkenntnisse!en undzu verfeinern. Thereare two essential aspects to he work of the

typographer: he must take intoaccount knowledgealreadyacquired and keep his mind receptive tonovelty. It s notoriously easyfor satisfaction with

Zwei Vorau!TypographiErkenntnissBekanntlict

SelbstzufrietellerTypogratorium unnotigerdenlangst erkarWille,lebennie erlahmeGrundlagerquemen We

ssetzungen gehoren zur Arbeit in dere: Berucksichtigung der erreichtene und ein offenersinnfur neue Aspekte.Iverleiten erreichte Positionenzur

s'af firhent jusqu'h produire des ceuvres authen-tiques.

what has been already achieved to degenerate ntocomplacency. Forthis reason training in experi-

mental tvpograohv, which involves the workshop

Un travail typographique repond & deux imphratifs:

une utilisation des connaissances techniques et unenheit. Die Ausbilduna in ex~er imen-.'raphie,in derdiewerkstattzum Labo-d zur Versuchsstattewird, ist deshalb

becoming a aboratory and testing station, is morenecessarythan ever before f typographyis not toconaeal round ~rln ci~ les th atave lona been

esprit ouven 3 toJtes les posslbll116snouvelles decreat on. Mais chaq-e lalon atteint dans la

nje,WenndieTypographienichtan

inten Grundsatzen erstarrenSOH. Derdige und zeitnahe Arbeitzu leisten, dadn;Zweifel und UnruhesindguteIgegen das Abgleiten auf den be-

recherche orocure un contentement de soi qui estrecognized.~herem"st be no etting up n hedetermination to producevital work reflecting the

recompense. La formation en typographie exp6ri-mentale, qui sous-entend I'atelier devenu labora-toire et lieu d'essais, est de ce fait plus n6cessaireque jamais si la typographie ne veut passe p6trifier

spirit of the times, doubt and perturoat on aregoodantidotesagainst thetenoencyto follow tne line of

!g desgeringsten Widerstandes.

hverfolgt die Absicht, dem Tvpo-

least resistance. dans une conception depuis longtemps d6pass6e.La volont6 de faire ceuvre vivante et accordhe 6son temps ne doit jamais se lasser, ni voir seralentir son elan. Le doute et finquietude sont lesmeiileures armes centre la tentation de se laisserglisser sur la pente du moindre effort.

Dieses Buclgraphen zuHandwerksder Mine l UIDasBuchmT~pographiTeil dasopti

It stheintention ofthisbookto bring hometo thetvooara~herthat erhaos it s Dreciselvthe restric-eigen,daRdas ~aszinierendiseines

vielleicht geradein der Beschrankungnd n derzweckgebundenheit liegt.iochte die eigengesetzliche Kraftderesichtbarmachen, die zu einem groBen

.. -.

tionofthemeansat hisaisposalano thepract calaims ne nastofulfillthat makethecnarrnof hiscraft. It s honed thatthe book will elicitthosestrictand inherentlawsofthecraftoftypographywhich

wieldssuch influence in determining hevisualLe but poursuivi ici est de montrer au typographeoue c'est oeut-&re et Dr6cis6ment dans la limitesche Bild unsererzeit mit bestimmt

aspect of our world today. ae ses moyens et sa subordinat~on L but deI'ceuvre que repose TOLI I'anrait de son metier-art.erfasser gelungen ist,dasallzu

!nddie Launen desTaaesausZeilen und It sleft to thereaderand he future to decidewhethertheauthorhassucceededinbanishina from

Ce livre voudrait enfin rendre evidente cene:u verbannen, das mag der Leserind diez ukunf twird entscheiden

puissance inh6rente 6 la typographie qui est pourune urande part si decisive dans les realisations

-histext and examples heexcessively modish andthe whimsand fancies peculiarto ourday and age.

-visuelles actuelles.

Nous iaissons au lecteur et 6 I'avenir Ie soin dejuger si l'auteur est parvenua son dessein de bannirde ses exemples toute id6e surann6e et d'6viter de~6d -vnt!x canv iea~ e 1s mnda

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 6/274

Die Typographie ist einem eindeutigen Zweckverpflichtet, und zwar der schriftlichen Mittei lung.Durch kein Argument und durch keine Uberlegungkann die Typographie von dieser Verpflichtungentbunden werden. Das Druckwerk, das nichtgelesen werden kann, wird zu einem sinnlosenProdukt.

Von der Erfinduna des Buchdrucks im 15.Jahr-hunden bis zum Druckwerk des 20.Jahrhundertshatten und haben alle Bemuhungen nur ein Ziel:

biiiigste und rascheste Verbreitung von Mit -teilungen in der Offentlichkeit. Mi t einer Aus-nahme: Die Pressendrucke in der Zeit des Ober-gangs vom 19. ins 20.Jahrhundert, in einer Zeit,

i n der man dem technischen Fortschritt und damitder Industrialisierung blinde Bewunderung ent-gegenbrachte. Um der damaiigen Zeit die Schbn-

heit einer material- und werkgerechten Gestaitungerneut ins BewuRtsein zu bringen, geschah etwas,das dem Wesen der Tvooara~h ie utiefst wider-. - .spricht: kunstliche Auflagebeschrankung. ole dem

einzelnen Werkexemplar Raritat und damit qroRereKostbarkeit sicherte.Die bewuRte ~ n e r k e n n u n ~gewisser Voraussetzungen in der Typographie istimmerhin ienen Pressendruckenzu verdanken:Gefuhl und Verstandnis fur die Schriftform;richtige Gliederung der Typen als Wort, als Zeile,

als Seite und als kompakte Flache in einem klarenVerhaltnis zum Unbedruckten; Bearbeitung einesBuches von der Doppelseite aus; Einheit derSchrift, Beschrankung bezuglich Schriftart undSchriftgrad.

Schon am Anfang des 20.Jahrhunderts werdendie Einwande aeaen das Bib ii o~h il eormuliert:das <nun chtn e~uc hn beschrinkter Auflage istsinnlos; ein Buch mu6 schon u nd billig sein,Voraussetzung dafur ist eine moglichst hohe Au f-

lage. Die Bibliophilie wird als uberhoite, anti-quierte Daseinsform des Buches belachelt.

Heute ist das Buch znm wohlfeilen Gebrauchs-

gegenstand geworden und ist damit von derBuchhandlung uber das Warenhaus zum Kiosk

auf der StraRe gelangt, i n die nachste Nachbar-schaft von Zeitung, Fiugblatt und Plakat. Damitdurfte eigentlich die Typographie als Mitte i zumZweck der Massenkommunikation ihre Erfullunagefunden haben.

Typography hasone plainduty beforeitand hatis

to convey information in writing. No argument orconsideration can absolvetypography from thisduty.A printed workwh ich cannot be read becomesa product without purpose.

From theinvent ion of print ng in he1 51hcentjry

oown tothepnnteo workof m e20th efforts havebeen directed exclusively to oneend: to oisseminateinformation in thecheapest andquickest possibleway. The onlvexceptions were the fineedit ions

printed attne turn of thecentury ata lime whentechnical progress and the ind-str alization thatwentwith it commanded unqualifiedadmiration.To

impress upon hat age the beauty of workwhich

wastrue to material and the craft,somethinahappened which was quite contrary to the essentialnature oftypography: editions wereartificiallylimited in order to confer rarity and thereforegreater

value upon he individual copy. Neverthelessweare indebted to hese limited editionsfor obtaininarecognition forcerta in prerequisites n ypography:

a eeling forthewritten form and an understandingof its nature; a proper division of thetype into word,line, pageand a compactarea oft ype unequivocally

related tothe blankareas; thedouble-soread asthestarting point for workon a book; unity of typefaceand imitations as regards kind and size.

Atthe beginning of the20th century the bibliophilewasalready under criticism: the limited edition of a"merely" beautiful book is absurd; a bookmust bebeautifulandcheap. And this callsforas big an

edition as possible. Book production forthe

bibliophile is ridiculed asantiquated and obsolete.

Todaythe book has become a cheapconsumerarticle and has made its way from the bookshopthrough tothe departmentstore tothe kiosk in hestreet,side byside with the newspaper, leaflet and

poster. It s here, no doubt, that typography hasfound itsfulfi lmentasa meansto masscommunica-tion.

De I'invention de cet art au 15e sifecleS I'im-primerie du 206 sihcle, tous les efforts tenthsn'edrent el nont encore qu'Ln seul but: rendrep-bliques des informations d'une man 6re tou-jours plus rapide et moins onereuse. Fait excep-

tion l'impressionS

la presse de ia fin du199 ,

d6bidu 20e sifecle, 6poque oa I'on voua une admi-ration aveugle au progrhs technique et S I'indus-trialisation. Pour rappeler la beaut6 d'anciensouvrages r6alis6s avec Ie materiel et I'outillaqe deeu r ternps, survint un fait qui contredit par Gop

profond6ment I'essence meme de la typographie:I'6dition d'art S tirage limit6 qui assurait S chaque

exemplaire Ie privilege d'etre rare et de grand prix.C'est cependant grace 3 ces impressions S lapresse que furent sanctionn6es certaines con-ditions et exigences de la typographie: sens et

compr6hension de la forme des caractferes,assemblage correct des caracthres en mots, enlignes, en pages, en une surface compacte olac6e

dans un juste rapport avec la surface non

imprim6e; construction du livre 3 partir de ladouble page; unit6 des caractferes, limitation rela-tive au style et S la graduation des corps.

Au d6but du 20e si6cie d6jS s'61evferent des pro-

testations centre le bibliophile: la seule beaut6 dulivre 3 tirage limit6 ne se justifie pas, un iivre doit

Stre beau e t bon marche, ce qui exige Ie plusgrand tirage possible. On raille en la bibliophilie

son caractfere antique et surann6. De nos jours,Ie livre est devenu un objet courant et bon marchi

qu i a pass6 de la librairie au grand magasin, puisau kiosque, voisinant d6s lors avec les quoti-

diens, les feuiiles volantes et les affiches. r e s tainsi que la typographie pourrait avoir trouv6 sonaccomplissement en servant de moyen de com-

munication entre les masses.

La typographie est soumise 3 un but precis: lemessage imprime. Eile ne peut d'aucune ma~ ih rese lib6rer de cette suj6tion. L'ouvrage imprim6 quine peut !%re lu devient un non-sens.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 7/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 8/274

Der Typograph wahlt die ihm passenden Schrift-typen aus einem groflen Angebot von Schriften,die er aile nicht selber entworfen hat. Dab er dabeia~fdasangewiesenst. was wonhm Schnftgesta terJnd Schnftgielser geschaffen haben, empftndet derTypograph oft als~acht eii..Unangenehm wirddieses Abhangigkeitsverhaltnis dann, wenn die zurAuswahl stehenden Typen weder technisch noch

kunstlerisch den Anforderungen genugen.

Der TvDoaraDh mufl sich bewuRt sein, daf l er. - .innerhalb des Druckgewerbes einen ~ l a t zin-nimmt, auf dem er einerseits auf fertige Arbeiten,die andere geleistet haben, angewiesen ist (Schrift,Papier, Farbe, Werkzeuge, Maschinen), anderer-seits aber die Weiterbehandluna seiner eiaenenArbeit i n spateren Prozessen zuermog~ichen at(Druck, Ausrustung). Er kann seine Entschei-

dungen nicht seibstandig und frei treffen; er istabhangig vom Vorher und mu& Rucksicht nehmenauf das Nachher.

Die Tatsache, da& der Typograph nichts zurSchriftform beitraaen kann. sondern diese fertia-ubernimmt, gehoit zum-Wesen der Typographieund ist nicht etwa eine Beeintrachtigung, imGegenteil: das Schriftgestalten ist ja nicht nur einasthetisches Problem, sondern die Formenbasieren groctenteils auf technischen Gegeben-

heiten, die der Typograph nicht kennt.

Der Schriftschopfer sollte personliche Intentionenin seinen Schriftformen moglichst vermeiden, dasie einer universelien Verwenduna der Tvoen.abtraglich waren. Es kann auch festgestelll weroen,da& gerade der Schriftgestalter in der Anwendungseiner Typen nicht imnier erfolgreich ist, we ll ih

oft der notige Abstand zu seiner eigenen Schopfungfehlt. Diesen Abstand iedoch besit2t der TVDO-graph, und er kommt ihm bei seiner ~rbeit 'zugut e,denn innere Distanz ist in de~Typographie ineTugend. Entpers6niichung ist eine ~oraussetzun~,Eigenwilligke't und Emotionen finden in der Typo-graphic ihre Grenzen

Die Summe aller vorfabrizierten Efemente ist sooroI3. daK die Moaiichkeiten immer neuer Varia-. -tionen des Zusammensetzens ins Unendlichereichen. Von einer Erschopfung der Kombinations-moglichkei ten kann nie die Rede sein. Ein Ein-engen der typographischen Formen muflte schonsystematisch betrieben und auf wenige Rezeptebeschrankt werden, urn die Typographie erstarren

zu lassen.

Tnetypographer choosesthe priming types herequ res fiom a arge variety of typefaces, none ofwhich he hasdesigned himself. Heoftenconsidershis dependence on thefountsthe type designer andfounder have createdfor him to bea disadvantage.Thisdeoendence s ~art icular lvinconvenient henthevariety oftypesavailabledoesnot meet hisrequirements eitherartistically ortechnically.

Thetypographer hasto realize hat heoccupiesa

placein the printingtradein which,on theonehand, he isdependent on he finished workofothers (type, paper, ink, tools, machines) and, on. . . .the other, he hasto enableothers to put his work

through subsequent additional processes (printing,finishina). Heisnotfreeto make hisown indeoen-.dentdecisions; he must depend on what went be-forehand and takeinto account what is to come.

The fact that the typographer has no contribution ofhisown to maketotheformofthetypeface but

takes these ready-made is oftheessenceoftypogra-

phy and must not be regarded asa detractionl romthecraft. ~ u i t ehecontrary. I t snot merelythat type design involvesaesthetic problems; theforms arelargely determined bytechnicai actorswhich arequi te unknown to he typographer.

The type designershouid avoid idiosyncrasiesas far as possible in his typefacessincethesearedetrimental to he universal useof the type. Thedesigner of type isoften found to be thevery man

who is notinvariablysuccessful in hisapplication oftypesince heoften acks he necessary criticaldistancefrom hisown creation. Butthetypographerdoespossessthisabiiitytostandbackfrom the

work, and it svery useful to him n hiscraft sincecritical distance isavi rtue n a typographer.Thetypographer must beableto take the impersonalview; wilful individuality and emotion have little

placein his work.

Thesum total of al l these prefabricated elementsisso large that there isan almost infin ite number ofpossible ways ofarranging them i n ever-new

Datterns.Therecan be noauestion of the tvpoara-. ..pherexhausting all tne potential combinations.There would have to bea systematic effort tonarrow down typographical formsand reduce themto afew formulae before typography became rigidand lifeless.

Le typographe choisit ies caractferes qui lui con-viennent parmi un riche assortiment dont 11 n'est

Das lui-mSme I'auteur. Le fait d'etre li6 A cettecreation et 8 la fonte prealables, qui lui restentetrangferes, lui parait souvent un inconvdnient. Et

lorsque les types mis A sa disposition ne impondentpas plus au point de vue technique qu'artistiqueaux exigences de la composition, s'ajoute aiors,

au desavantage de cette dependance, un senti -ment de frustration.

Le typographe doit done bien Stre conscient qu'ilaccepte dans Ie metier d'imprimeur une place oh,d'une part, d'autres que lui i n t d6jA determineune partie du travail (caractferes, papier, couleur,outiis, machines) et oh, d'autre part, il devrarendre son propre ouvrage apte 3 &re soumis A

d'autres procedes (impression, faconnage desimprimis). iI n'est done pas libre et indbpendant

dans ses decisions; il doit ceuvrer entenant compt ia la fois des limites que lui assigns la prhfabricatioret desexigences engendrbes par les travaux

post6rieurs au sien.

Que Ie typographe ne participe en rien a la crea-tion des caractferes, mais ne peut que les acceptertels qu'ils lui sont offerts, est une condition de

travail en typographie, mais ne constitue pas pourautant un prejudice, bien au contraire. La gravurede caractferes n'est pas seulement un probifemeesthetique, mais repose pour une grande part surdes donnees techniques inconnues du typo-

graphe.

Le dessinateur de caractferes devrait se garder defaire intewenir sa personnalit6 dans les formesqu'ii cr6e, car elles sont destinies A Stre em:pioy6es universellement. On a constat6 en outreaue certaines creations de caractferes ne sont pastoujours heureuses, I'auteur avant manque durecul necessaire pour en juger valablement. Letypographe possfede pr6cis6ment ce recul, et celui est un avantage indbniable, car en typographiecette distance intbrieure est une vertu, comme la

d6personnalisation est une condition; I'entete-

ment et l'6motivit6 doivent &re tenus en laisse.

La somme de tous les 616ments pr6fabriqu6s est ~igrande que les possibiiit6s de crber toujours denouvelles variations et combinaisons sont infiriieset qu'on ne peut jamais pr6tendre les avoir6puis6es. Pour rendre la typographie plus rigide,il faudrait reduire svst6matiauement Ie nombre descaractferes et limiter ainsi lesmultiples possi-bitit&.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 9/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 10/274

Die Schrift ist und bleibt die Grundlaae iedertvoo- The written character sand remainsthe basisof

everytypographical activity. It s not a creation ofL'6criture est et reste la base fondamentale de tout

travail typographique. Elle n'est pas une inventionde notre temps. L'6criture remonte loin dansl'antiqu iti et un long chemin, sem6 de contra-

- .graphischen Vernchtung. Schr h 1st aber keineSchopfung des 20. Jahrh-nderts, s e ST Kulturgut. ourcenturv.The written characteraoesfar back inin ~ahrh uid ert en eformt. von uns iibernommen time. spann'ng the vast distance from eary nier-

oglyphicstothe abstract written symbols of today-

und von uns i n gutem Zustande weiterzugeben.

Wie alles historisch Gewachsene 1st die Schri ft vol ldictions, fat parcour" des premiers id6ogrammesaux caractferes modernes aostraits. Le typographend involving many contradictions.Thetypog-

rapher must befamiliar with thisevolution andrecognize ts problemsso that hecan do iustice to

von WidersprLchen und vom Typographen mu&gefordert werden, daR er Entw ic~lung nd Pro-

est tenu de connattre cette 6volution et les pro-blfemes qui se sont pos6s. afin d'etre 6galement S

I'avenir & la hauteur de sa tache.

Des inscriptions archaiques grecques gravies surla pierre en passant par maintes 6ooaues transi-

blematik der Schrift kennt undsich daraus einiaer- thetasks ofthefuture.

Our direction of readina wasdevelooed i n Earlv

maBen ein ~ i l diberden weiteren Verlauf der -Dingeformen kann.

reekl lapidary writing (byway of the boustroihe-

donic intermediate stage) and the transformation ofn denfruhgriechischen Steinschrihen, uberdiefurchenwendiaeZwischenstufe,ist unsere Lese-

toires, notre sens del a lecture s'est d6velopp6, eton assiste S un certain moment S la transforma-apitals into lower-caie letterscan also befo llowed

asa parallel phenomenon. Some of the ancientmaiuscules underwenta charmina metamorohosis

rich t-ng entwickelt worden, und auf diesem Wege

kann auch die Wandli-ng des GrolSbuchstabenstion des capitales en minuscules. Une partie desmajuscules antiques prirent part & cette char-mante metamorphose en minuscules et uneum Kleinbuchstaben verfolatwerden. EinTeil der i n t i ower-case letters, a smaller kmberr eha ine o

in he mausculeform. Lower-caseletters, nitially-

antiken Majuskeln stan derreizvollen Meta-morphosezum Kleinbuchstaben beteiliat, ein

moindre pan resta fig6e dans sa forme d'onciale.Avec eurs prolongements sup6reurs et inf6-sed in Carolinaian minuscule. make formore raoid

geringererTeilverharneinden ~ajuskeiformen.Die Kleinbuchstaben, erstmalig in der ~a ro linq i-

-reading when composed into a word virtue oftheir ascendersand descenders.Theevolution o f

rieurs, les minuscules carolinaiennes les ore-

mihres, assemblies en mots distincts, permettentune lecture rapide. Le d6veloppement de l'bcriturechen Mlnuskel,ermoglichen imzusammeng~faB-

ten Wortbild, durch die Ober- und Unterlangen, denraschenLeseprozeK. Die Entwicklung der Schri ftistabgeschlossen,der Restistvariation und Konfusion.

written characterswas concluded; all therest Is

variation and confusion. est en fait terming la suite n'est plus que varia-tion et confusion.

Variation: Carolingian minuscle appearsin variantforms in he charactersof Gothic,the I talian and Variation: la minuscule caroline s'est modi fi6e

dans l'icriture gothique, dans les caracthres de laariation: Die karolinaische Minuskel istinden German Renaissance,and thesans-serif of ourtime but there have been no drastic changesin itschriften der Gotik. der italienschen und

oeutschen Renaissance uno in der Groteskunsererzeit wohlvariiert worden. ihrcGrund-formenjedoch wLiden nieernsthaitveranden

Renaissance italienne et allemande, dans l'An-tique actuelle, mais sa forme initiate transparait

toujours.

basic forms.

Confusion: Littera umanisticagrew in toa hetero-

geneousalphabet; itslower-case letters weresupplemented by capitalstakenfrom he classicalworld and figuresfrom Arabic wereadded to he

Western hand. Not only the type designer but alsothetypographer ought to bealive o he complex

nature of writ ten characters. Perhaps weare i nmuch thesame position as Charlemagne, who feltconstrained to orderthecreation of his'minuscule in

Confusion: la minuscule humanistique devint untrac6 h6t6roahne; I'antiaue vit sa caoitale incor-onfusion: Die humanistische Minuskel istzu

einem heterogenen Gebilde geworden; dem

KleinbuchstabenwurdederGroEbuchstabeder

-por6e au bas de casse, et ~ '~cc iden~empruntaes

chiffres aux Arabes. Tout cr6ateur de caracthresAntike beigefugt, und dem Arabischen wurden dieZiffern fur die abendlandische Schrlftentnommen.Nicht nurder Schriftgestalter, sondern auch der

Typograph solltesich der Kompliziertheit derSchrlft bewuBt sein. Vielleicht ist unsere Lagemit

derjenigen Karisdes GroBenvergleichbar,dersichbewo~enfuhIte,dieSchaffunaeinerMinusket

comme tout typographe devraient Stre conscients

de la complexit6 de I'6criture.

Notre situation est peut-€t comparable a cellede Charlemagne, qui se sentit port6 & crier unehich the manytransitional forms of the pastwere

amalgamated. The many active contacts between lettre minuscule dans laquelle se fondent toutesles formes transitoires du pass&. Les contacts6troits et constants qui rhgnent auiourd'hui entre

people from every country today leave noscopefortypefeces wit h a pronounced nationalcharacter.nzuoidnen, in derdievielen 6bergangsformen der

Vergangenheit miteinanderverschmolzen wurden. les humains de tous p ay si e permettent plus S

l'6criture de conserver un caractfere national bienieregen.gegenseit gen Kontakteder heutpenMenschena ler Lander b'eten keinen Raum mehi

The neutral typeface, alooffrom all national con-siderations, hasalreadyto some extent becomereality. Simplicity is the goal sf technical progressand there is hardly any warrant for using fivediffe-rent alphabetsto set an ordinarvtext: capitals,

diff6renci6. Une forme d'icriture neutre, sans .:caractfere national, est d6jS presque une rialit6. :,!.*:

ur Schriften mit ausgepragtem Nationalcharakter.

Le progrhs technique tend vers une simplificationet on admet d6j& avec peine de disposer de cinqalohabets diff6rents pour composer un simple

Die neutrale, uberdemNationalen stehende Schriftistteilweise bereits Wirklichkeit aeworden. Der romanano italic; lower-case,romanano i1alic:and

small capitals. Direct lines right round he world areechnische Fortschrittstrebt nach Vereinfachung,und es kann kaum noch verantwortetwerden, daRzum Setzen einesgewohnlichen Textesfunf ver-schiedeneAlphabeteVerwendung finden: Versa-liemgerade und kursiv, Gemeine, gerade undkursiv, mit Kapitalchen. Fernschreiberbenutzendirekte Linien um dieganze Erde, und essind

Alphabete im Entstehen,dievon einer Maschine

used forteleprinters, and alohabetsare beina texte: capitales, droites et cursives, bas de casse, ;

droites et cursives, petites capitales. Le t6l6graphe:volved which can be read automatically bfamachine.Technologycompels ustothinkafresh utilise des lime s directes S travers Ie monde aand callsfor new formsasa living expression of theagein which welive.

entier, et d e i alphabets sent & l'6tude qui pour-

ront &re lus per des machines automatiques. Poulune ex~resslon ivante de notre temos, la tech-

nique oblige S un penser nouveau et exige desformes in6dites.utomatisch abgelesen werden konnen. DieTechnikzwingtzu neuem Denken, bediiFormen als wahren Ausdruck unserer Z<

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 11/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 12/274

Die Arbeit desTv~oaraDh enstzeitgebunden wi e Thecraft ofthetypographer, like any other, neces-

sarilvreflectsthetimes.Theaaeaives him the

Le travail du typoaraphe, comme toutautre

jedeandere handwirkliche Beschaftigung. M itd en

MineinseinerZeit hater Druckwerkeausden Be-

diirfnissen seinerzeit herauszu schaffen. Die typo-

graphischeTatigkeit hatzwe i Aspekte: Einmal st

sie einem praktischenZweck.verpflichtet,und dann,

dariiber hinaus,spieltsiesich in ormal-kunst-

lerischen Gebieten ab. Beide,dasZweckgebundene

und das Formale, waren schohimmer echte Kinder

artisanat, est6trosementli6 3 son 6poqueet

soumisauxexigences etaux moyensdeson temps.

I nouso ffredeu xas~e cts: 'une Dart. ildeoend du

means with which tosatisfytheneedstheage

creates.Thereare twosidesto typog raphy. First, it

doesa oractical iob of work: and second, it s.

but pratiquequiluiistimpos6, eid'autrepartil

s'exprime dans un domains artistiqueformel.oncerned w;thart'sticform. Both theseaspects,

tne util lananano theformal, haveever been true

ch'ldren of the 'rdayandage;sometimesfoim has

been accentuated, sometimes function, and i n

oanicularlv blessed ~er iodsfo rmandf unc t'on ave

Formel et utilitaire, deuxqualit6sd6termin6es par

i'actualit6 qui, suivant I'6poaue, met I'accent alter-

ihrerzeit: m iri ihma l ag der Akzent mehrauf dei nativementsurlaformeou surlafonction. Surg t

parfois -no6poauep rivil6gieeoL fo rmeel fonction

-Form,zeitweise wieder mehr auf der Funktion, u nd

i n besondersgliicklichen Epochen zeigtensich

been e licitously balanced.

s'allient en un harmonieux 6quilibre.

Lestemps modernes,dansIe domained'une litt6ra-

In ecentyearsspecialist l i terature has beenvery

insistent in tscall ortypographicaldesign matched

to modern times. In 1931 Paul Renner wrote:

"Theprinting worksis no ta placethat hiresout

fancy dress. It s not ourtask to fit outany literary

Funktion und~ orm 'inchi iner~us~e$ogenheit

Der Ruf nachzeitaemaBertv~oura~hischeror- ture professionnelle, en appellent d'unefacon

persistanteA la realisation typographique. Paul

Renner6crivaiten 1931 : L'imprimerie ne pr6te

po int de masques. Son role n'estpas d 'affubier un

texte iitt6raire d'un d6guisement moderne, mais de

veiller6 ce au'ilsoitv6t u selon lestvle or6dominant

m-ng isteine beharrlch wiebeikehrenoe ForderJng

in der Fachl'leralui oer neuercnzeit. P a ~ lennet

schrieb 1931 :<Di eDruckerei s1keine Masken-

verleihanstalt. Es istnicht unsere AufgabeJedem

literarischen InFialteinzeitaemaBes Kostum anzu-

content with afashionablecostume: we havedone

ourjobif weseetha t i tge tsadress in thes ty leo f

our day. Forwhat we want is tvooara~ hicalife

ziehen; wir ha.bin nurdafiirzu sorgen, daB erim

Stile unsererzeitein passendes Kleid bekommt.

. . .and no-t a ypograph cal theatreor masked oall."

n 1948Stan ey Morison wro1e"Printing doesnot

deson6po&e. Ellenevautet ned ktitr equ 'un

travail tv~oar aphia ueviva ntet on une mas-

Denn wir woilen tvDoara~hischesLeben, ein tvoo- want primarilyto be art but the most responsiblepart of oursocial,economicand intellectual

structure.''

. . . .

carade.> Et Stanley Morison, plustard,s'exclamait:<L'imprimerie neveut pas&trea prioriu nart, mais. . - . .graphischesTheater ooer Maskenfest.) Stanley

Morisonschiieb 194 8: < 01-ck w l i nichtinerster la partie consciemmentresponsabledenotre

structure sociale, 6conomique et spirituelle.)inie K~ ns tein,sondern der verantwortungsvollste

Tell unseresgesellschaft l ichen,wirtschaftlichen Seen over a ract of years,any per iod makesa solid,

uniform moression.The tVDoara~hvofthe othicnd geistigen Gefuges.>

Ausder Distanzgesehen ergibtjede Epocheein

Consid6r6e2 distance, chaque6poque nous ivre

uneimaged'eile-m6meferm6e et homogfene. Les. . " . .

age bearsastriking similarity to other worksof the

sameepoch, the"yachtina stv1e"atthe turn of the caractferesoothiaues offrentune oa re nt6 fra ~~ an te.geschlossenes~~dinheitliches ~ i l o . ~ i e ~ y p o -

graphieder GotiknateinefrappanteAnnl ch~ e i t

. .

cen l~ rysreflecteo in he fount of Otto Eckmann,

and the Constructivismof thctwent iesin the typo-

- . . .avec les ceuvres del'6poque. Ie (modern-style>

du d6bu tdu sifecletransparattdans Iestyled'Ono

Eckmann, et Ie constructivisme desann6es 20

e manifestedans es realisations du Bauhaus.

mitandern Werken der Eooche. deryachtina-Stil graphyof the Bauhaus. Forcontemporary man he

present s neversimple, it confuses him wi th its

multifariousness; ~e tweouah t to recoan i ze the

oei ~ah rhunoe r twende~an i f es t i e r tch in der

Sch rift von OIto EckmannLnd der Konstru<tiv smus Poursescontemoorains. une 6 ~ o o u e ' a~ ~ a r a t tderzwanzigerJahrein der Bauhaus-Typographie.

Fur den Zeitgenossen aber istdie Gegenwart nie

featuresof t h e t w e n t i e t n c e ~ t i i r y c l e a r l ~ e n o ~ g h .

Tnesecharacter is t icscome into being by way of

o~ref for tstof indhe best possibleanswerto he

prooleinsfacing LS ; only then willtheprinl eo work

. .jamaissimpleet klaire, mais bien piutat chaotique

etdeconcenante. De notre 20e sifeclecependant,

nousdevrionsdiscerner iesgrandstraits marquants.

Lescaract6ristiques ressortent des tentatives et des

efforts2 trouver unesolution vaiableaux problfemes

actuels, etc'estl b que I'ceuvre d'imprimerie peut

devenirunv6ritabiet6moignage desfaits m6connus

de notre temps. Les diversdomaines cr6ateurs

n'ontaucuneautonomie, etla typographie nepeut

se dissocierde r6vo lut ion generate sansse con-

damner.3 ast6rilit6. Mais; tou t en acceptantson

einfach und prasentiertsich n verwirrender Fulle.

undoochsollten w r d e u t l i c h o e ~u q e d e s 2 0 . ~ a h r -hunoens eikennen. Diese Mer~maleentst ehen 'm becomea genuinedocument marked with the

unmistakabietraitsof ourday.Thedifferentfieldsof creativeactivity have not yet becomeautono-

Bemuhen,dieunsgestelltenProblemesogutwie

mogl ich zu losen, erst dann wird das Druckwerk

zum echten Zeitdokument mit den unverkennbaren mous. andtypograpny cannot be segregated rom

thegeneraifluxofevents.Thiswould betantamountugen unsererzeit. DieSchaffensgebietesind nicht

autonomgewordenundesistunmaglich.dieTypo- to condemnina ittosterilitv. But it haslawsof its

own, imposed by ts technical nature, and thesecan

and should preserve ts dent ity even when it s

closely bound up w ith other fields. One maysome-

timesregrettheway typography becomesalltoo

easily involved i n he fits and moods of the age,

bu t t s benerthanstand ing byaloof.Thecreative

worker, on the other hand,spareslittie thought for

contemporarystyle,for herea lizesthatstyleis not

something that can bedelibera tely created; it

-mern. Damn ware siezur Steril tat verurteill Ihre

technisch bedingte Eigengesetzlichkeit kann Jndconditionnementtechniaue. elle oeut et do it Dr6-

server une certaine ind6pendance et 6chapperainsi

6 une infertilesuj6tion.ollsieauch bei cn ge ~ve rke n~ ngilandern Ge-

bieten bewahien, Wenn man esa-ich manchmal

bedauern mochte, daB s'ch dieTypoaraohie den Si parfois on vient.3 regretterque la typographic

s'empare tropfacilementdes engouementsdu our,

ceci estpr6f6rableh une mise&l'6cartqui luiserait

mortelle.

Regungen desZeitgeistesallzu echife rtiq an den

Hals wirfl, so is1 oies immernoch oesserals das

Beiseitestehen. Der scn6pfer'sch Talige ningegen

~ummer tsi cn enig umdenZeitstil,denn erweiR,

daBein Stil nichtbewuBtgescna ffen werden <a m;comesall unawares!

Au reste. leveritable cr6ateur nesesouciegufere

del a mode; ilsa itqu e a volont6 consclente n'entrer entsteht eherunbewuKt,

pasdens la recherched'un style etquecel ui-ci nenaitra qued'un lent processus nconscient.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 13/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 14/274

DieTypographie st in grocerem AusmalS als die

Gebrauchsaraohikein AusdruckderTechnik, der

Morethangraphicdesign,typography isan

expression of technology, precision and good order.

Typographyis no ongerconcerned with meeting

the loftyand diffic ult demands of art but wit h

satisfving,formallvand functionallv, theevewdav

Technique, precision et ordretrouvent leur expres-

sion danslatvooaraohie mieuxencoreaue dans

Prazision u i dderordnung. Esgehtin derTypo-

araphie nichtmehr urn anspruchsvolle kunstle-

.. - .'artgraphiq~eappqu6. IInes'a gt plusen typo-

graphieae postulats anisnques, ~' ~n ea sp ir at io n

satisfaire un nstinctcr6ateu,. mais di- c6t6ar tisanal

de la creation, dc l'application i ex6cuterq~ot-

diennemcnt un ravail formel et fonctionnel. La

production m6caniquedescaracthres et la m:seen

pageselon un systhmede mesure pr6cisexigent

&he Postulate und Kreationen. sondern um das~~ ~ ~~Bemuhen, den taglichen Anspruchenformal un d

funktione llgerechtzu werden. Diemaschinelie Her-

requiiementsof a cra ft. ~h emechanical production

of printingtypesand composition within arig ht-

stellung de r~ yp en nd das Setzen innerhalbe ines

prazisen MaKsystemsim rechten Winkelverlangen

analed svstem of fixed dimensions makesa clear.structureand cleanly ordered relationships

imperative.inen klaren Aufbau mitdeut lich geordneten Ver-

haitnissen.

une construction rigoureuseetdesrapportsclaire-ment (Stablis.

What thetypographer hasto do firstand oremost

istosortoutand oraanizethinaswhichareof aiedrinalichste Forderuna. welchean dieTvDo-~ -. .graphiegestelltwerden mu&, istdas Abteiien und

Ordnenderunterschiedlichsten Dinge. Dieunuber-

biickbareTextmenge eines Bucheswirdso auf-

geteilt, daKderTextdereinzelnen Buchseiten vom

Leser muhelos bewaltigtwerden kann, wo bei Satz-

breite und DurchschuKso behandeItwerden,da&

ein flussiges Lesen gewahrleistet ist : Zeilenbreiten

"on uber 60 Buchstabensindschwerlesbar,zu

wenig DurchschuKzerstortdasZeilenband,zu vie1

- -very disparate nature.The wholetext of a book isso

unwieldvthatit hasto bedivided upin sucha way

. . .etordonnerles6l6ments les plusdivers. lnabordable

danssonensemble,letexted'unlivreunefois

reparti, divis6 en pages, devientspontan6ment

accessible au lecteur. Unejustif ication et un nter-

iignage adequatsgarantissent une bonne lisibilit6;

deslignesde plusde 60 Iettres nuisentd alisibilit6:

un nteriignagetropserr6 brouille ietexlequl, par

tnatlhereader can manageeach pagecomfortably

and follow the printwithoLt imped:ment.Alineof

more han 60 characters s hard to read: too lit tle

space between ines destroysthe pattern they

make, too much exaggeratesit.

centre, ressontrop fortementsi I'interlignage est

trop espac6.abularworksafford thetypographer his best

o~o ort uni tvt osh ow isskili in arranaina hisurchschuKmachtdie Bandwirkungvon Durch-schuBundZeilezu.auffallig. material, but he must not let such pur el ~or mal

requirementsgetoutof hand.Thecomposition of

L'ordonnance,caract6resp6cifiquede la typo-

graphie,s'6panouitdans lesr6alisationsdetabelles,

sans 6treaucunementdessewieparcettesubor-dinationfonctionnelle. Un attrait, unecertaine

beaut6 6manentdecestableaux bien dr es sk et a

plusbanale paged'horaire peutpr6valoirsur u n

ouvragefo rtuitoU s'accumuientformeset couieurs.

In abellarischen Werken sollderordnende Charak-

terderTypographiesichvollentfalten,ohnedaR

tables hasa beautyand echnicalcharm of itsown

and a simplepageof a railwaytimetable may well

bea better piece of craftsmanship than obbing

work repletewith colours and fancy shapes. But

advertising isalso a challenge to thetypographer.

diesereinfunktioneile Forderuna der Formschadet.

Esgibteinescnonheit undeine~technischen eiz

desTabellensalzes, und die einfachste Fahiplan-

seitei<anneinermn Faroen und Formen reich bc -

frachteten Akzidenzarbe tsenr wohl ~oerleg ense in. Ourageneedsprinted work swhich catch theeye

when ideasand vroducts areforevercomoetina

La typographic participe 6galement aux realisations

oublicitaires, etdansl '6normecomo6tition actuelie

Aberauch oie P~b lizit Sttellt Foideruigenan die

Tvpograohie. UnsereZcit oraucnt Druckweike. die

. -for our attention. With an enormous rangeof type-

facesavailable, thin orthick, largeorsmall, it s a

question of selecting therightone,composingthe

copy wi th hesefacesand interpreting t.The typo.

araohershould have fountsa t his disoosal which

d'id6es et de produits,ellea su trouversa place etsa

consideration. L'art ty~ographiqueconsistednter-

im ~i h b ew e r b oe r een Lnd Prooui<tesicn Be-

ach ung verschaffen konnen.Ausdem Resen-

prit eret d charpenterlet&ed I'aided'unjuste

choixde caracthres parmi de nombreuxjeux de

formesa llantdu maiare au aras. du courtdl'ailona6.naebotvon unterschiedlich aroKen.fetten

schmalen undbrei tenTypen<tdier icht ige~ahlzutreffen, mitdiesen Tvven ist derTextzu aliedern und

- .combineagreeably,and mention might bemade n

thisconnection ofthe Universfamilv which isvery

-Le typographe dispose pour ceuvrerdes6riesdejeux

decaracthres parfaitement harmonisbs et pr6cis; ilzu interpret~eren. emTypographen sollen gutau f-

einanderabgestimmteSchriflschninezurVerfugung

wellgraded and embodiesagreat dealof careful

thought. Let us hopethatthisachievement wil lsh ow

n'est qu'3 consid6rcr i'aomirableensembledes

20 series qua composent l'<Universh qul permettent

stehe nund essei hieraufd ievorz~al ichaufaebaut~ thewa yto benerthingsand helptosort outthemore

or less chaoticstate of affairs in ypefounding oday.

unecouleuretune unit6 tvooaraohiaues oarfaites.- -unddurchdachteSchriftfamilieder<Univers> in-

gewiesen. Esis tzu hoffen, daRdiese Leistung weg-

. .I estsouhaitableque la typographieconcentreses

efforts d ordonner et 3 maitrisertouiours plus

le tend ward. dam~tdasmehroderwenigerchao-

tiscne hebeneinanoer m Schi ftschaffen unserer Manypiecesof pnntingareattract iveforlhesimplereason tnat thetypographer put asideartistic

ambit'onsanouied to makethe printdo itsjo b wet

TheyareustwhatStanlcy Morison wanted wnen

hesaio that a primed work. ben ga meansof

I'accumuiation plusou moins chaotiqued'ins-criptionsqui submergent notre monde.

Zeit uberwunden werden kann.

Parcequ'eliessontd6pourvuesde pretentions

artistiques, bien desceuvresd'imprimerie tirentieur

beaut6de cette modestieavec laquelle elles

remplissent leur but. Elles repondentau d6sir de

Staniev Morison,qui pensait qu'unecomposition

Viele Druckwerkesind geradedeswegenschon,

weii sie, ohna kunstlerische Ambitionen, bescheiden communication,should betho u~h tou tto the las t

detail andmadesuper lat ivelyf i t for the purposeithrer Zweckoestimmung aienen. Sic crfLllen die

Forderung Stanley Morsons . daB ein Druckwerk. serves.

wieein Verkehrsmittei, aufsfeinstedurchaebildet typographique 6ta11, el un moyen de communica-

lion, une ceuvreoe pr6cision et de la plusgrande

-und von hochsterZweckmaKigkeitsei.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 15/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 16/274

Die Architektur des Barocks, die moderneArchitektur u nd Plastik, die Kunst und Ph ilo-soohie des Fernen Ostens haben der Bedeutuna

In he architecture of the Baroaue. in modern Lar chle ctu re oaroque, la sculpture et I 'architectutemodernes. I 'art e l la p n osophie d'Extr8me-Orient

. .

architectureandsculpture,and inor iental phi lo-soph yand art thesignificance of created orm andthe effect of the cou nter-form arising in spaceareheld to be of equal value.

ont fait se confronter la forme oure et la contre-de i gestalteten Form die Wirkung der sich im -

Raum vollziehenden G egenform als gleichwertigforme se d6veloppan t dans I'espace, accordan tla signification de I'une et 3 I'effet de I'autre une

gegenubergestellt.

Die Neubewertung der Barockarchitekturdurch

6gale valeur.

La raison pour laquelle les modernes tiennentThe re-assessment of Baroquearchitecture by themodern age is partly based on the fact that the

d i e ~ o d e r n e eruhtzumTeildarauf.aa6das Ein-beziehen desleeren Ra umesin das Ganze mit den

incorooration of emotvsoace nto the who le is 'architecture baroque dans une est ime n o~ ve l levient en p a ne de ce tte int6gration de I'espace vide

. . .consistent wi th the axiomsof m odern an. Livingspace s articulated into large cubesand the empty

space between he bui ldings is f ined in toth eoverallscheme.Th1sgives rise to an unencumberedarea forth at "ac tivitvof standina together or

Postulaten der modern en Kunstube reinstimmt. dans ie tou t aui, aorhs avoir 6th une caract6ristiaue

Woh nraum wirdin gro6en Kubenzusammen-gefahl. und derleere Raum zwischen den Gebau-

. .

du baroque, s'accorde aux postulats modernes.De grands cubes assembl6s forment f 'espacehabitable, et I'espace vide entre les batiments, quiest compris dans la conception genhrale, donne laplace libre, I'espace od çl'o se r6un it et s'adonnea la fois aux affalres, a la conversation e ta unedouce flaneries. (Jakob Burckhardt.)

den wird indasGescheh en miteinbezoaen. Dar-ause rgibtsich derfreie Platz. der Raum f-ir jenes<TreibendesausGeschah, Gesprach und holoemMuRiggang gemischten Zusammenstehens un dSchlenaerns) (Jakoo Burckhardt)

. .strolling whichderivesvariously from business.conversation andswe etleisiire" (Jai<ob Burck-hardt).

The oriental philosophers hold hatthe esse nceo fNach der Philosophiedes Fernen Ostens bew irkterstderleere R aum das Wesen der gestalteten

created form depends on empty space. Without itsho l low in ter iora jug is mere ly a I ~ m pf clay. and it

Selon la philosophie d'Extr8me-Orient, seulI'espace vide e naendre I'essence de la forme cr66e.

Form. Ohneinneren ~oh l rau mi ste in rug nure nTonklumpen, ~nde rst de r lcc re aumim Innern

is onl ythe empty space nside that makes it nto avessel.Thus w eread i n he eleventhaphorism ofLao-Tse:

Sans Ie vide interieur une cruche n'est qu 'un tasde glaise; elle ne devient vase que p ar son seulespace interieur, car il est bien dit la onzihmesentence du livre de Lao-Tseu:

rnacht ihnzum Gefa6, so wiees im elf ien Swruchdes Lao-Tsez u lesen ist:

[DreiRig Sp eichen treffen die Nabe,aberdas Leerezwischen ihnen erwirktd as Wesendes Rades.AusT on entstehenTopfe,aberdas Leerein hnen erwirktdas Wesen desToofes.

'Thir tyspokes meetthe hub,bu t it s the emptiness between hem that makes theessence of the w heel.From clay pots are made,but it is the emptiness nsidethem tha t makestheessenceofthepot.Wallsw ith window sand doors formthe house,but it is theemptiness betwee n hem that makes theessenceof the house.

The principle : The material containsusefulnes s,the im material impartsessence."

((Trente rayons c onvergent vers Ie m oyeu,mais Ie vide entre eux cr6e la nature de la roue.De la glaise surgissent lesjarres,mals Ie vide en elles cr6e la n ature de la jarre.Les murs, avec les fenetres et les portes q ui Ieursont adjointes, forment la maison,mais Ie vide entre eux cr6e la n ature de la maison.Voici Ie principe:

La m atibre rechle I'utilitaire,mmat6riel cr6e I'essence veritable. ))

~ i u e r n it Fenstern un d Turen bilde n das Haus,aberdas Leerezwischen ihnen erwirktd as Wesendes Hauses.Grundsatzlich: DasStoffliche b irgt Nutzbarkeit,das Unstoffliche wirkt Wesenheit.)

Theseareconsiderations which can and should betrahsferred to ypograph y. U nlike the Renaissance,when the unpr inted blank was m erelya backgroundforw hatw as pr inted thereon, contemporarytypo-

Ces consid6ratlons peuvent et doivent &readopt6es en typographie. Au contraire de laRenaissance, qui rel6gu ait finim prim6 de I'ceuvretypographique a I'arrihre-plan, la typog raphicmoderne reconnait depuis longtemps 2 I'espacevide que forme la surface non imprim6e une valeurd'616ment de creation. Le iypog raphe ad met Ieblanc com me u n 616ment formel, i l en connait aussie s variations d'optique.

Diese Uberlegungen konne n und sollen auf die~yp ogra phie i ibeir age n erden. Im Gegensatzzur Renaissance, i n derdas Unbedruckte nur

araohers have lona recognized the em otvswaceof.. - .war. hatdiezeitgemaReTypographieden leerenRaumder unbedruckten Flache lanastals Gestal-

- . - - . . .the unprinted surface o b ean element of design.Thetvpoara~herisfamiliarwithwhite asa value in

ti-ngselementanerkannt. Der Tvp oita ph kenntWeiBalsGestal lungswen, under kennta uchd ie

design a i d he is familiar wi th thevisual c hangesofwhite.

o pti sc he n ~ e r i n d e p u n ~ e n v o n

Das Beispielauf der rechten SeitezeiatverschiedenTheexampreon the r ight-hand pageshowsareas ofwh iteo f varying sizes with cleargraaan onsolbr ightnessai sing from thecompos~t~onofthreeleners Tne spaces oetween the lenersare narrowand thereforevery bright, thecounter of th e" o' ism loei. wneieasthe white abov ethe"o " istneweakestof a ll Variations arise in hestrength of the

L'exemple de la page d e droite montre diversessurfaces blanches avec d'hvidentesnuance sde

g ro 6e W e iB fl ic h en m i t d e ~ t l ' c h e n e k ~ k e i t s -s t ~ f e n iesie beim Absetzenvo ndiei Bucnstaben

clart6,telles qu'en laisserait Ie retrait de trois lettres.Les espaces entre les caractbres sont 6troits d'od

auftreten. OieTvoenzwischenraumesind schmal leur intense clart6; Ie blanc a I'int6rieur du NO)) es tun pe u plus doux, alors que Ie blanc surplombantIe UOÃ n'agit plus que faiblement. Les divers grandsaplats noirs participent a ce jeu d e variations dublanc.

und desh albvonintensiver Helligkeit. das WeiRinnerhalbdes<o)istetwasmilder. w ih r enddasuberdem (o ? ieaende Wei6am schw8chsten white which depend on thevarying s ize sif the

blackareas.i rk i . ~sents iehenariationen von W e16 andenendieversch ieden gro6en Schwarzflachenbetei l igtsind,

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 17/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 18/274

Withoutrhythmthere would benoi i fe , therewouidbe no creation a t all. Each creature oassesrhvth-

Leryth mefa it vibrer Ie monde entier. tant ilest

~ebend i~e , f i i r d i e~anze~chop fun~iberhaupt.Das Wachstum eder K reaturvollziehtsich in rhyth-

. ~ ...vraiqu e le rythme est3 la naissancede toutevie.

Chaquecreature croft etsed6ve ioooe oar inter-icai lythrough itsstagesof grow th; u ndertnewind'snf luence, forests, corn fcld sa nd ne shift ingischen Intervallen, unter Wind einflufi bewegen

sich rhythm isch Ranch, Wald, Getreidefeid un dbeweglicher Sand. Durchd en EinbruchderMaschine wird man erneut auf daswertv ollede s

. . .valles rythm6s. etdans un w h m e encores'agitent,

sousFaction duvent,fum6e,for¤t,champsd bl 6.

sands movein rhythm.Theadventofthe machinehas brought home to usagain hevaiueof a work ing ou dunes desable. L' intervention de la machinerhvthm.and we k now tha t he health oft he worker. nous rend attentifs A la pieinevaleurd'uneact ion

rythm6a,etl'onsaitquedelacadence bienordonnhe~~~~~ ~

~rbeitsrhythm.usaufmerksa&,nd man weifi, wi estarkdasseeiischeGleichgewicht,dieGesundheitdes Arbeitendendav on abhangt, dafiers eineArbeit rhythmischverrichtet. In den Kunstwerkenallerzeite n konnen alleGrade rhythmischenEmpfindensabgelesen werden. Geradedie Kunstdes20.Jahrhundertsistsich der Bedeutung un d

. .

hism ental equilibrium, depend son his working inrhythm. Every shade of rhythmicawareness can be d'un travaild6pendentl'6quilibre moral et la sant6

del'ouvrier.een reflected n works of art dow n the ages. And

inth etw ent ieth century in particular, anists haveagain beco mealiveto thesignif icanceand powerof rhythmindesign.

Toutes lesvibrationsdessensations nousont 6 t6detouttempstransmisesparlesceuvresd'art. Maisiamaisla signification profonde, la orce du rythmen'avaient6t6exprim6esavec tantoe ucidi t6 que

dans I'an du 20esihcle. De rnultioles oossibiiit6s

der Kraftrhythmischer Gestaltung wiederstarkerbewuBt geworden.

In ypographythereare many opportunitiesofworking with ihythmicvalues.Takea typefaceforinstance.Thestraightsandcurves, venicalsand

. .d'appr6henderlesvaleursryihmiquessontoffertesA la ypographle. Les caract6resd'imorimeriesonter Typograph ie eroffnen sich viele Mogiichkeiten,

mi t rhythmischen Werten zu arbeiten. Die B uch-druckschriftist.ein rhythmische s Gebilde, in dem

Geraden, R undunge n, Senkrechte, Waagrechte,Schragen und Ein- u nd Ausganosformen wechselnd

horizontals,sloping elements,startsandfinishesworkto gethe rto producea rhythmic pattern.There

isan abundanceof rhythmicvaluesin an ordinarypiece of com position :ascenders and descenders,roundand pointedforms,symmetryand asymmetry.

The word spacesdividethe l ineand tvoe m atter

un e imagerythm6e, 00 droites, courbes,verticales,

horizontales, obliques,figuresdivis6e.s ou d6ve-lopp6es agissent tour2 tour. U n simple texte est riche

de valeursrythmiques: prolongeme nis sup6rieursou

wirks&sind. ~ i n e ~ e w o h n ~ c h ~ ~ e x t ~ r u p p e i s treichan rhytnmiscnen Werten: Ober- und Unter- .i n t ow ordso f unequalsize,intoarhythmicinterplayof varying lengthsandvalueso f di f ferentweight.

sym6triquesou asym6triques. Les espacements

charpentent les l ignes et la composit ion en mo tsdeanaen. runden unds~itzen,svmmetrischen nda s ~m m e tr is c he n o r i e n . i e w o r t a b s t i n d e g l i e -dern Zeileund Satz in Worte von ung eicher Lange,

Breakand blank linesa lsoadd accentsof the; ow ntothepa ttein of composition,and f inal ly thegrade d

longueurs indgales, telleune phras e musicale

ponctu6e detempsvar iables p luso u moinsineinrhythmisches~pielvonverschiedenenia ng en und unterschiedlich gewichtigen Werten.Ausganas- und Blindzeilen traaen weiterzu r Glie-

sizesof thetvoe arean other excellent means of accentu6s. Fins d'alin6a setliane sen bianc

br inging rhythm into thetypographer's work. If asimple piece of text is wellcompos ed, itwi l l o f

structurent6galement a coniio sition, et l'6chelleharmonieusedescorpsdonne3 I 'ouvraaetvpo-

de ruig ine r Satzmenge bei, ,uid vol lendsdie Grad-abstufung der Typen ist ein ausgezeichnetes Mittel

i ts ow n accord givethe work a rhythmic appeal.

Theformat o f the oaoer isanotherrh vthm ic pattern.

graphiauecetenvo l, ce rythmeg6n6ral Qu i ecaracterisera. D'un simpleouvragetypographique

der Rhythmisierung e i n e r t y ~og r a ~h i s ch en~u f -gabe. Esgenu gtschon, einschlichtes Druckwerk

autz u setzen, um eine rhvthmisch ans~rech ende

bien compris naitd6jS unevisio n de rythme.

Leformat du papierest A lui seul uneexoression de

. .whether it s thesy mm etryof the equilateralsquare,orthestressed rhythm oftheedae s and sidesof

~ r b e i tu erstellen.

Auch das Panierformat st ein rhvthmisches Ge-

therectangle.~h~typographerhasendlesspossibilit iesof creating rhythms byth e way he

disposes hiscompo sition o n the page.Theshapeoftheco mpo sit ion can harmonizeor contrast in ts

mouvement, qu'ii soitcomprisdanslesdimensions

6quil br6esdu carr6ou I'aiternancedesc6t6s longset courtsd u rectangle. Cecha mocr6ateurde

b i ldese id ies m ~ le i chmaI3a l l e r ' ~ inge nm Quadraoderim betonten Rhythm uskurz-lang beim Recht-eck. DerTypo graph hat unbeschran kteMoglich-

keiten des Rhythmisierens durch die Art, in der dasSatzgebildeauf das Pa ~ierf orm atve rteilt ird. Der

-rythmes offertau typographeestsivastequecedernier peutvarier S l ' infini caracteres etformats.hythm with theformatofthepaper.Indesigning

composition, the typographer should examine

every oossible mean sof aett ina awavfrom riaid

Le ryihmequ i sed6gagede la composit ion peuts'harmoniser ou contrasteravec celui du form at du-

systemsand du ll repetition. not merely forthe sakeof v'talizing the form out also in heinterestsof

papier.

Letvpographe devra envisager avec circonspection

~ h y ~ h m u s d e satzforhates kann mil dem Rhyth-musdes Papierformateszusammenklinaenoder

legibility.mit diesem kontrastieren.

Der Satzgestaltersoliiede Moo lichkeit prufen,die

~~ .toute in vite3 s'6loignerdu schema rigide et 6viterla monotoniedesr6p6titions, s'il veut, no n seule-ment rendresa compositionvivante, mais ui conf6rer6galementuneparfaitelisibilit6.hnvomstarren Schema und v im der minotone n~~ -~

Wiederholung we gfiihn, u nd dies nicht nur imHinb lickauf eine lebendige Form. sondern ebenso-sehrim Interesseeinerguten Lesbarkeit.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 19/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 20/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 21/274 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 22/274

Die Erfindung des Buchdrucksmanifestiertsich n Werken, i ndenendergroBe Durchbruch und das neueverfahren (derDruckmit beweglichen Lenern) nurunvolikommenzurGeltung kommen, Gutenberg, Fust, Schofferund andere Ffiih-druckarwarenanastlichdarauf bedacht,denSchelnderhi iheren ~andschr i f ten u wahran. Durch das Ansmalen darRandpartien und der Init ialen, voraliem aber durch die "ppigeVerwendungvon Ligature" wurdadasDruckwerkdem hand.geschriebenen Buchet~uschendahnlich,unddieseAn-gleichung hatbis indie NeuzeitVerwirrunggestiftet.lndieser

Hinsicht unterscheidetsich die Erfindung des Buchdrucksdeutlichvon'and ern Erfindungen. Ind er LithographiezumBais~ielistdasWesentlichederneuenTechnikin Meister-

Druckwerkhing igen kannin bel lebiger Mangereproduziend e n nd wird nsofern abgewertet,alsdas Einzelexemplarnicht mehrd en OriginalitStswertdes Handgeschriebenenbesim.

biger Menge nacheiner Matriza gegossen werden ka ni,wiederhoitsichinpr~ziser,gieichbleibenderForm.SeinWesen ist unpersiinlich, neutral, sachlich, und ger ad edi esE h r ia ub en d e m t v ~ o a r a ~ h i s c h e nestaltereina

Theinvention of printing ismanifestedinworksinwhich th enewepoch-making processof using movable ype does notshow to tsfulladvantage. G utenberg, Fust, Schofferand otherir lypr inte rswer eanx ious to preservetheappearanceofear lym c r i ~ t s .v i l luminat ion of th e marqinsand he ini t ia l1 1 1 e n o ~ a r i i c u l a i l ~y t n e c o p i o u s ~ ~ e o figaures m e

pr imed wo ikwasmadeoecept vd ys m la r to theman~9ccootoook.andth.satlempteoass mi atzonof lhatw ofocm s hascaused confusion r igh tdow nto the presentage. in hisrespectthe i n t i f printing differed basicallyfrom otherinuen-tions. In ithography, forexample, theg enius of thene wtechnique isdemonstrated in masterpieces.

Theincunabulum wascornoared with themanuscf ot boo < anc

the orinterreacted w ith a senseof inferiority. The manuscnot~ockisuniqueanaifie~laceab1e;' tcannotbereoioducea hepr inted work,ontheother hand.can bereprodu ced~nanyoesiredqua ntity butis.of coinse.worthvery much lessinthesensethattnesinqlecopynolonger hastheval i-cof theor iginalmanuscript.

Althoughvigourandwilful individuality weredeliberatelycult ivated even nthep r intedw orkso f the 16th century, therehas beena tendencvthrouahevervoeriod o f ~ r i n t i n a r i a h t- -dow n o he present daytoregardsuch ndiv iduali ty assoma-thing10 be played down.

Thereisadeep-rooteo bel ief that wi l t ingana pr int ing are twof f e r e n t a i i o m ~ t u a l l yncomp atibletecnn ques andtnat the,should oekeptst rrct lyapan The wnnenlen er issomcth n gpersonal organic.uniqueandsponlanoous t m norstnecnaracierarmthepersonaiity of the winor.anoohon hismoodof mem ome m B dt the pr inted otter. whichcan oecast asoftenasnecessary from tnemodId.goeson beingrepearedin a

oreciseanainbanablefotm Ins miefsonal neutra a n d o b ~ e c -tii.eb\ naicre anai l sprec,seyihesequa l t resvthichcnabethe typograph erto use tuniversally and ovary hiscomposit ionh a muit i tudeofways.

Ag oo d designer must refrain from mixing writ ing and printing.Thesoontaneitvof handwrit inn can onlv badistantivapproachedan0 never attained by prinling, and thealternativeformsand igatdreswhichareintended o bung 0r.ntingcloserto ~ r ~ t ~ n ~ a r e m e r e l v e v ~ ~ e n c e o fn unsuccessf~ t temnt to

known, of eitherancientormoco recentaesign. the beaiityo fhandwritrng has~eenoeoaseaintoani.npleasant m tation¥electe n ther ig d and repet t iveforms

power and untrammelled individualityofthetechnique.Thereisa coo l and fascinating beauty aboutthem ; they are freefromalien borrowing$ and from thesenseof inferiority which arosethrough making falsecomparisonsintheearly daysof printing.

i t d e s a u tr e s nvent ions. En l i thographic, parexemple,ressenceda la nouveile technique estd6montr6edans deschefs-d'c~uvre.

. .au is r f a l sc ha n [Confron tat ion n der ~r i ihze i tdes uch-drucksenistand.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 23/274 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 24/274

DieDrucktvpen Gutenbergssind soaehalten, daRsie beimAn-einanderreihenden~indruckdes~e&hriebenenvermineln.mTextausschninder42zeiligenBibeilinksundinderalphabe-t isohen Auheihu ng derTypenerkenn1 man dievielen Ligature"(mehrerezu einemGufizusammengefaBtaTyoen) und Alter-

ativbuchstaben (Variationen), umdasaeschriebene Gitter-

Gutenberg's~r int ing voos wereof a kind which, whenarranged n ines, g ivc ihc impression of a v ~ renscr ipt. Inth et i m t h e t e x t o f h e 42 -l in e b io le on th ele ft a nd in h ea l ~ h a n e li c a l m ~ n ~ e r n e n t o l t h e t v o e ~e can see t he m a wligatures (several &terscastonthisarne body) andthe alter-i t ive form swhich served to re ta in the t yp ica lelaborateGothic patterneven n printing.Theearliestpr intedworbimitated handwritingandrevealthattheflrstprintersdidnotal i ze tha uh e pr in ted form hasitsown aws andwas c a~a b ien'--b:*";.""~.,"L:-A".;-""".

LestypesdeGumnberg,serr6slesunsp&desautres, dormantI'impression d u manuscrit. Dansi'extraitde la Bib lede42 ignes, &gauche, etdan s I~~caract6resenordrealpha-b6tique, at reconnaitlesnombreu~e$ligature~plusieurscaractSresfondusensemble) et leslettres& dauxgrap hiques

(variations1 destin6es&trans~0~erdansI' im~rsssionetrac6

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 25/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 26/274  ¥

Schreiben und Drucken Writing and printing Ecrireetimprimer 27

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 27/274

geschriebenen Form.

Left: Italian and French printed wo rkso fthe Renaissance Pagedegauche: Lesimpressionsitalietinesetfranipaisesdea(16thcentury)reflectknowledgeoftherulesand beautyof Renaissancereflhtem a connaissance.deslois etlese nsde 18prin1ing:single typefaces, arrangedside bysidewithoutany beaut6de I:ceuvreimprim6e: caracthress6pai&,dispos6ssans

cinaction,unchangingformofthelenersduetoleadcasting, lienentreeux,formeimmuabiedeslenresconditionn6eparlaimpartiality and objectivity nstead ofthee motio nal involve- fonte,distanceetr6alisme, autantd'anributsopposfo& t'6cri-merito fthew ritten form. turecourantespontan60.

Above: Imprintof HansSchdnsperger,Augsburg, 1519.The En haul: M arqued'impression d9 HansSchonsperger,Augs-

frakturo r German ype ofth e German Renaissanceintroduced bourg 1519. Lescaract6ristiquesdoI'6criturecourantedum y haracteristicfeaturesof handwrit ing into pr int ing. I twa s tempsde la Renaissanceallemandesonttrans~os6es ansla

1remarhableachievementtomakethefiourishesofthecapitci Fraktur. L'ouvrageanests uner6ellevinuosit6typographique.letterstthedecorated paragraph mark.and the pen stroke ofthe tantd ansla com position quedan s fimpression, si I'on con.

l a st li ne ~ano f t he t ec hn iaueo f om osin and r in tin . But t ternple;esliorituresdeslenrines, leseniolivuresdessignes 

Sehr geehrter Herr Rupf

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 28/274

Es tat mir leid, Sie diesen Sommer

durch die Zeitumstande nicht sehn zu

konnen. Was fur ein Ungluck fur uns

alle ist dieser Krieg, und insbesondere

fur mich.der ich Paris soviel verdanke

und geistige Freundschaft rnit den

dortigen Kunstlem pflege. Wie wirdman nachher sich gegenuberstehen!

Welche Scham uber dievernichtung

auf beiden Seiten!

KOnnen Sie mir sagen, wer von

den Parisern am Krieg beteiligt ist? Ich

konntebis dahin von niemand etwas

erfahren. Von hier ist August Mackeschon gefallen, der Franzosenfreund!

und Marc bei der Munitionskolonne,

Gott sei Dank nicht exponiert.

Sie selbst waren od. sind im Feld,

zum Gliick unblutig! Sie haben nie

ri ef v o n Paul Kieean den Berner Kunstsammler Hermann Letterfrom Paul Kleetotha Bernesaart-collectorHerman0 Lettrede Paul Kleeau collectionneur hernois Herma n" Rupf,

Rupf,gasetztundin Faksimiie-Reproduktion.AusderHand- Rupf,infacsimiieandsetin print. Paul Klee's h andw riting impressionenfac -simile. Excitation, nervositS,expressionschriftvon Paul KleelstEmegung,NewositatunddieTragik revealsexcitement,disquietand hetragedyofthaage. Setin tmgiqueinh6renteiriotre6poque,ressortentde1'6critureduderzeitzuerkennen. Derselbe Texlin Drucktypen wirkt vir- printthesametextbecomesobjectiveand documentary. p i e e n aractfiresd'imprimerieseneutralise,sachiicht,objektivunddokumentarisch. deviant unaexpressionobjectiveetdocumentaire.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 29/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 30/274 

TSchreiben und Drucken Writing and printing Ecrire et imprimer 31

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 31/274

Emil Ruder

Basel Hardstrasse173 Telephon 419 35

Bahnhofstrasse 16

Zurich 1

Oben: Vergr6BenerAi~£~~hnittai iseineeschriftetenBrief- Above: Enlarged detailfroma typewritten envelope .The En haut:Agrandissementpanield'inscriptionsd'unefeuillede.----:-\ ".-.=n"...""-"-h.A"" c-""".--..:""."" . m ....:----....---....--.-...--...*..-.. ---:-h- -".8 ...--""-= -"a"..a"e*. ".*"e

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 32/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 33/274 

DerTypograph gibt dem Wortdiesichtbare Form und Thetypographerclothesthe wo rdwith vis ibiefo rm and Letypographedonnean m otsaformevis ible et iu i conferssa

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 34/274

konserviertasfur dieZukunft. Dieeinfachstety~oara~hische preservesit forthefuture.Typographica1work, howeversimple, raisesformai problems. Lining up ype produces analternatino Dattern of black and white, and thisw esen t$a

pf irennit6. La plussimple ex6cu t ion N~ oar a~ hia ueonne lieu Sdesprobl6mesde forme. ~ ' 6 c h a n g e d i s r ~ p ~ o r t s b l a n c e ti i rd a m 'assemblagedescaract6rescr6eunprobl6meformel quodoiventrbsoudre nonseulementietypographe, maisaussi ledessinateur et Iefond eur dacaract6res. Lesespacementsentre,les mots eten tre esiignas,dbterminants pour la ecture,sontdesvaieurs formelles quidoive ntatre 6tabliese t harmonisfiesen toute connaissance decause par ie ypographe. Touteeuvre vooaraphique, m6me a olus profane en aooarence, doit

p r o m f f m h ich m ds i beso vcd not by thetvpoarapherI a so by hetypedes gner andthe foundry Theypacesbetween wordsandl ines whicharoof d u e a1importancelorleg bi ty. are formal J S ues w h i ch i h ot y po g r ap h o i m m ¥ Ã §'nthefrontofnismindanouseon: v a h e r i e f c d o n I n e i o ry t /p o -a i a p h i c a I w o r k . ~ ~ e n t h e m o s t h . ~ m d ? ~ mhisforma aspect

gcaohen.sondern suchvom Schf hen ir tei ferun dvon derG~eKeroigeiOst crden m f i . Won - undZeilenabsi inde. aus-schlaggobeno fi- to e Lesoarn.eit. sind formale Wefte. diev omT y p o g r a p h e n r e g i s n i e r t ~ n ~e ~ ~ f i t e i n g e s e e teiacnmusson. Be iedeflyoogfa~nischenArbei l .sogaf eidorschernuar orofansten, mi.& adcn do, form ale Aspect beru ck- cannot be neglectedsichtigt warden.

Technik, Funktion und Form gebung sind Begriffe, die in derTvooaraohie nichtvoneinan derzu trennen sind. Esistarund.

Technique,functionandformaldesignareideaswhichare

quiteinseparabieintypography.ltiswronginprincipletomastertechnical oroblem sin theearlvstaaesofthetvoo-

Technique,fonction etforme donn fieson ten typographicde s

conceptsins6parables. Vouioirmaitriser ies probl6mestech-niquesS I'btage inffirieurdu dbveloppement d'un typographe,gfapher 'st f fl in ngan o leavetneformi lpr~blemsunt~.ater .T h i s o f lothing hevkoid with v is iblefoim hasf a i d m a n s i n c e t h e e a r l i e s t d a y s o f h is h sto ry . B d U he

Laconversiond umot oar 6en un mot 6w:t visible, estun dbsiri f ' h~mani t6dep i i i sestamps esplu$cecu 6s.

DBPU.SInventionde 'imonmeiie.c'cisi-2-d teavecleoesoinc# ossant del. ie. elaop o#len trefonc t n el ormes'esiinten-s i 6 e l c o m ~ iu6. Lafocmoiypographq~eaconni . es

pfei-odes e suooonaance d6coiatiue sans6aards POL, les mots

e n t i o n o f e tte rp re ss ,and he grow ing desire o read, re"-dered thereia t ionsh i~ etweenfunct ion and form a comolexie Umsetzung des Wortesin einesichtbare Form ste in

Anlieaen, dasdie Menschheit seit Urzeitenfaszinienhat. Seit one.Thereare periodswhentypographicaiform ran riot,'whether i twas in the t it ie -pagesof the Baroqueor theCon-structivisttypography o fth e Bauhaus days. On heother handf irstedit ionsof GoetheandSchillershowthatformmaysome-t i e s benegle cted inthe intere stsof enhanced egibility.Masterpiecesoftypographyshowperfectunity between wordand typographical form. InVenetian printed wo rkso fthe 16t hin tu rv an d a te worksbvGiambanis ta Bodon i t heword was

ensoi; lespagesdet i t re desty ie baroqueou atypographieconstfuctiviste du Bauhaus ensontde st6molgnag es. D'autrepart, on voitdans certaines6ditionsprinceps de Goethe etSchillercombienlaformedonn6epeutStren6glig6een faieur

dela is ibi l i tbdu exie.

, ~ ~

ableto developalong rational lines in spiteofacu itureinwhic h great importancew asattached to he formal aspectsofir t .The works revea la harmoniousandseemingly nevitableconcord of function and form.They sh ow the typographer thatform must bedevelopedasbefitspurpose. Butthey show at them e i e th a t purefunct ionalism is not i tself enough forgoo dform.

On her ight-hand page hew ord"buch" isexamined with aneyetotherelat ionship between word andform:

1 "buch" is read spontaneously, ie. it s read primarilyasa wo rdand only secondarily as a formalstructure.

2 The mirror image of the l ine sfamil iar to thetypographerandheregardsit pr imari ly assomething oread. Fo rthe aym aron

theoth er hand it isf i rsta nd foremosta formal structurewhichhe canspel i out only with dif ficulty .3 i f he lineismadetorunupwards,itslegibility is impairedand

itsformaicharacterenhanced.4 The l ine running downwards isst i l l moredif f icult to read and o

Surla p agede droite, recherche du rapponex istant emre Ie mott I f m a notion de <livre> buch ):

AufderrechtenSeite wirdmitdem Begr i f f ibuch>dieBeziehung zwischen Wo rtun d F orm untersucht:

. .

a ' a ~ o r o n tan! que mot. ensnte e n t a n t q ~ e f o r m e .2 Lotypogiapneest fami. a, s6arec e ie f e toe a l ignoqu i le

a e n reatei~ccgiee t sthe formal cnaracterisiics tnate ve l t6 f i r s ta t ten t ion

5 Seton is heao.the1 ne seven ha iaer to readand i ts leo io l iw i s.compromised.

6 Switchingroundtheiettersmakesthewordiliegibleandemphasizestheform.

7 The word n English strikes he foreign readermore as aformalpattern. Typography i n a foreign languagealways br ingsou tfo rmai~ua l i t ies .

7 L e m o t e n angueanglaiseagitpiusfortamentcommeforme.Unetypographieen langue 6trangSre aittoujourspr6-dominerla forme.

8 La igne assembl6ed'une mani6reinsolite devie ntfori-iiaetr6duitS I'extrameson message.

8 A l ine put ogether in an unusual way becomesa formal

structure conveying he minim umo f information.und betontdie Form.7 D m Wor t in englischerSprachewirktst3rker als Form.

Typographic ineiner Fremdsprache st imm erformbetont.8 DieungewOhnlichzusammengefUgteZeiiewirdzum Form-

gebilde mit einem Minim uma n Aussage.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 35/274 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 36/274

Die FormOberbordet, wirddemonstrativ u nd eigenwillig. Di e Form runs rio tand becomeso itenta tiousand wilful . Function Laforme,domI'ceil diSpassedeso" support,,devientdiSmons-Funktion (Lesbarkeit, Information) istzweitrangig.AIledrei (legibility,information) isrelegated osecond place.All these trative etvolontaire. Son but onctionnel (iisibilit6,information)Arbeiten demonstrieren einformales Prinzip: barocken Ober- three worksdemonstrateaformai principle: Baroqueexuber-,.,-- c"..,-.:-".."Ar..."""..

passeausecond rang. Lesiroisouvragesici pr6sentsaccusent'b¥'¥9~Futurismusu ance.exolosivenesiand dynamism ofthefuturi sm and con-

1 Titelblatl. Chnstoph Fioschau er.Z~i2 Futuristisches Manifest. Marinmi. Hi3 Flugblan. Joost Schmidl. Bauh ais C

1 Title-pa9aChcisioph Froschauer.Z~fich1586.2 Fnui ist manifesto, Mariiistti, Mi lan 1914.3 Leaflet Joost Schmidt. B a u h a ~ ~essau 1924.

1 Page doti lie . Chnsioph Ffoschaui.r, Zurich 1586.2 Manifesiefuturisie. Ma'inSnn, M(lan7914.3 F ~ u ~ l f ~ v onte Joo3tSChm'df. 8a~haus e s aui 24

 

IFunktion und Form Function andform Fonctionet forme 37

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 37/274

Die Formverkummert,die LesbarkeitisteinigermaBen ge -sicheit. Unscho~ ferischennd kraftiosenGestaltunaenfehlt

4 Titelblatt, Paris1886. Die Mittelachseund dereinheitiicheSchriftcharaktergeben dieseransich kraftiosenArbeitainei

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 38/274 

  Funktion und Form Function and form Fonction et forme 39

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 39/274

,~~~~~

a n erelegatedtothebackground. fonition peGreser6 i'arridre-plan.

Enhaul: Maiusculestaiil6esdansia viewe, Ravenna,d&butdu 

mde, f i i runs nichtlesbareSchriftformensprechen unsan;rgenieBen sieals Formgebilde,vergleichbarmit Werken der

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 40/274

mst. K6nntenwirdieSchriftenlesen.sowareeinNachlassenr e t e s f i i r d i e Form die iogische Folge. Chesterton,imAnblickdesnSchtlichen B roadwaysin Neuy0rk:Wasfiiriphanlastischerzaijberganenwiirdedaswohlfurjemandenin,derdasGiiick hatte,nichtlesenzu k6nren7

ibraische O~a drat sch rift, .-1 .Jahrhun dertv. Chr.- inagar i -Schr i f t , l l .Jahrhur ider t3 Runenschrift.schwedisch.4 Sabais~helns'chrift,l.Jahrhundertn.Chr.5 Altbabylonische Keilschrift,etwa2000v.Chr.6 Altperaiache Keilschrift, 500-40 0 v.Chr.

7 ArabischeKufischriftausderZeitderSamanid-Dvnastie.874-999 n.Chr. Text: De r Herrist derGr6Kte,weIcherdenMenschen die Schriftlehrtund ihn ausder Unwissenheit be-freite.

Unfamiliarwritingforms hol d an appeal forus even fwec anno ti d hem; we enjoythem as formal patternscomparabletoawork of art. If wec ould readthem, weshouldautomatic-allv

1 "Square Hebrew"script, 2nd to Istcent ury B.C.2 DevanaaariscfiDt.11thcenturv3 ~ u n icw i i t i n g , ~ w e d ish .

4 Sabaean inscrip1ion,lslcenIury B.C.5 Old Babyloniancuneiformwriting,c.2000 B.C.6 Old Persian cuneiform writing, 500 -400 B.C.7 Arabic Kufic writi no of the Samanid dvnastv. 874-999A.D~ ~ . ..

Text:The lord isgreatestwhoteaches men writing anddeliversthemfrom ignorance.

1 denture h6braiquescarr6e,Ze-l er si bl e av. J.-C.2 dcrit~fedevanagari,I lesi~cle3 Ecriturerunique, Sufide.4 lnsipllonsa bell ique, Iersif icleap. J.-C.5 Ecriturecun6iforme, babylonien ancien, env iron 2000 ans

. .ap. J . - c . T ~ x ~ ~ :~ e se ig n e u re s t l&lusgrand,qui enseignaiI'hommel'6critureetI'affranchitdeI'ignorance.>

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 41/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 42/274

 

'IFunktionund Form Functionand orm Fonctionatforme 43

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 43/274

Wenn von unserem wunderschonen Lande ober-halb der Enns die Rede ist und man die vielenHerriichkeiten preist, in welche es gleichsam wieein Juwel gefaBt ist, so hat man gewohniich jeneGebirgslandschaft vor Augen, in denen der Felsiuftblau emporstrebt, die grunen WSsser rauscheni n d der ounhie Bl ck der seen liegt: wer sie einmalgekannt und geliebt hat, der denkt m il Freuden ani i e zuruck. und ihr heiteres Bild mit dem duftigenDammern und dem funheinden Glanzen stehtinder Heiterhe t seiner Seeie. Aber es gibt andere,unbedeutfendere, gleichsam schwermutig schoneTeile, die abgelegen sind, die den Besucher nichtrufen, ihn selten sehen und, wenn er kommt, ihmgerne weisen, was im Umkreise ihrer Besitzungenliegt. Wer sie einmal gekannt und geliebt hat, der.denkt mit siiBer Trauer an sie zuruck wie an einbescheidenes, liebes Weib, das ihm gestorben is1und das nie gefordert, nie geheischt und ihm alles1

Wenn von unserem wunderschonen Lande ober-halb der En nsdi e Rede ist und man die vielenHerrlichkeiten preist, i n welche es gleichsam wieein Juwel gefaBt ist, so hat man gewohnlich iene~ebi rgslaidscnaf ior Augen, ,;denen oer Felsluttblauemporstrebt,diegrunenWasserrauschen

und derdunkleBiick derSeen 1ieat:wersie einmalgekanntund geliebt hat, der den it m it Freuden ansie zuriick, und ihr heiteres Bild mit dem duftigenDammern und dem funkelnden Glanzen steht in

der Heiterkeit seiner Seele. Aber es gib t andere,unbedeutendere, gleichsam schwermutig schoneTeile, dieabgelegen sind, die den Besucher nichtrufen, i hn selten sehen und, wenn er kommt, ihmaerneweisen, was im Umkreise hrer Besitzunaen-liegt. Wer sie einmal gekannt und geliebt hat, derdenkt mit suBer Trauer an sie zuruck wie an einbescheidenes, liebes Weib, das ihm gestorben is tund das niegefordert, niegeheischt und ihmal les

LinkeSeite:Zu brait, normal undzuschmalgesçCTeiTçxie

Buchstabanzahl n derZeile istfCi oie Lesoarkeitvon Bedau-lung. 50 bis60 Buchstaben ndeiZelekdnnen muhelosgelesen warden.2~ reiter Satz w'rozumoekootiven Grauentwonetuno bietet wen.0 Anteit zum Lesen.Der Wieder-

Wenn von unserem wunderschonen Lande ober-halb der Enns die Rede is t und man die vielen

Herrlichkeiten preist, in welche es gleichsam wieein Juwel gefaBt ist, so ha t man gewohnlich jene

Gebirgslandschaft vor Augen, i n denen der Felsiuftblau emporstrebt, die grunen Wasser rauschenund der dunkle Biick der Seen liegt: wer sie einmalgekannt und geiiebt hat, der denkt mit Freuden ansiezuruck, und ihr heiteres Bild mit dem duftigenDammern und dem funkelnden Glanzen steht inder Heiterkeit seiner Seele. Aber es gibt andere,

unbedeutendere, gleichsam schwermutig sch6neTeile, dieabgelegen sind, die den Besucher nichtrufen, ihn selten sehen und, wenn er kommt, ihm

gerne weisen, was im Umkreise ihrer Besitzungenliegt. Wer s ie einmal gekannt und geliebt hat, der

denkt mit suBer Trauer an sie zuruck wie an einbescheidenes, liebes Weib, das ihm gestorben istund das nie gefordert, niegeheischt und ihm alles

2

Lah Textset normal, too wdeandtoo narrow.The number ofienersinaiineisimponantfor legib ity Alinecontain "950-60leneisiseasv o reao Toooreat a wdth ofcmoosilion da-generatesinto adecorativegrevand snotconductivetoreading. Pickingupthebegi~ningofeachnewiineisastimu-lus:thereaderisfresheratthebeainninaoftheiineandtims-wardsitsend. Iftheline stoo ong, thesestimuliare10shequent,andthetexi becomes wearisometoread.Withtoonarrow atexuheey6musttravelbacktoooften, thespacingbetween words becomesunequal and therearetoo manyword

divi9ions.

Above:1 Raggededgecomposition.Evenspacing, henceiiniformgrey.Therightedoestrikestheeveunpleasantivsincethereaderisccou~tomedojustified comp&ition. wherethere isa greatdeaioftext,read.ingissloweddown.

2 Raggededgeontheleft.Theevepicksupthenextlineinadifferentpiaceeach ime. Reading becomesuncomfortable.

3 Raggededgeonbothsidesmake reading difficult."Loosening"

Wenn von unserem wunderschonen Lanrie ober-halb der Enns die Rede ist und man die vielen

Herrlichkeiten preist, i n welche es gleichsam wieein Juwel gefaBt ist, so hat man gewohnlich jeneGebirgslandschaft vor Augen, in denen der Feis

luftblau emporstrebt, die grunen Wasser rauschenund der dunkle Blick der Seen liegt: wer sie einmalgekannt und geiiebt hat, der denkt m it Freuden ansie zuruck, und ihr heiteres Bi ld mit dem duftigenDammern und dem funkeinden Glanzen steht inder Heiterkeit seiner Seele. Aber es gibt andere,unbedeutendere, gleichsam schwermutig schoneTeile, die abgelegen sind, die den Besucher nich trufen, ihn selten sehen und, wenn er kommt, i hmgerneweisen, was im Umkreiseihrer Besitzungenliegt. Wer si eeinmal gekannt und geliebt hat, derdenkt mit sUBer Trauer an sie zuruck wle an ein

bescheldenes, liebes Weib, das ihm gestorben is tund das nie gefordert, nie geheischt und ibm alles

3

Pagedegauche:Justifica1ionsdiverses:trop large,normaleet

trop6troite. Lanombradeslenfesb a lignaastimportantpourla Iisibilit6.50&60lenresoarlionedonnentune lectureais6e.

 

Soon afterthe invention of printing, ata time when incunabular e eing writ ten in Latin,thevariousculturalcentresofEurooebegan t o w o w a ~ a r t a n d t o ~ r i n tn he i rownnationa l

Peu apr6sla dScouverte de l' imprimerie et deses premiersI , o t s ncunablessontencore mprimisen angue

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 44/274

wachsen,die Caslon mitderenglischen Sprache und dieBndnni m itdaritalianischen Soracha. Wird ainedieaerdrai

wi th their accumulation of capitalsdetractfrom itsbeauty.

1 Garamond set in he amiliar French anguageandthe.unfamiliar German.

2 Caston in he amiliar English anguageand n he unfamiliarGerman.

3 Bod oni n hefamiliar Italian languageand the unfamiliarGerman. allemand qui ui est Stranger.

3 Caract6res Bodonidansuntexteitalien -e tdansuntex tem a n d u i u i est Granger.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 45/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 46/274

 

Funktion und Form Function andform Fonctionelfor ma 47

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 47/274

LinkeSeite: DarrwieInternationaleKontaktbedingtsineSchiiftiin d erdie wichtigsten Sprachen ohneas thetische Ein-bukegesetztwerden k6nnsn. Die Schrift<Mbridien>vonAdrian Frutigeristinden F ormens o gehalten, da&sie njede rSprachegefalliggesetztwardenkann.DieVersaliensindniedereralsdieOberlangen, unddieVersalanh3uiung n derdeutschen Spracheistzu bewa itigen (Beispiele 1 bis3).

Die < Lniv ers) won Adrian Fr~tig eintfaltetsich n iedw

Sprache. Durchd iegroEeM inelhohe-inad e knappeobet-16ngedeiKleinbuchsiabensinaoieVersalien.auch beigroEerMenge,gutinoasS-itzoilooingebaut ( Be :spi e e4 0 1~ 6 )

Nebenstehend:DieSchteibmaschinanschriftbesititdieTugendendrier i nal onSprachenverwendoarcn Foim.Siewande iste Schrihmil internal onalcm Cnarakter.

(examples 1 to 3) .

Adrian Frutiner'a Universissuitableforaverylanoua~e .The

0pposite:Typewriterface ha sthe vinue sofa orm that can beused inevery language. ltwas thafir stfa cew ithan inter-national character.

surmont6 (examples 16 3) .

L'<Univers>d'AdrianFrutigers'harmoniseavectoutesies

Ac 6t6 : Lesca ractiiresdc a machine6 6crire possSdentlavenudes'adapter6galement6toutes les langues. Ce fut la premiere6critureinternationale.

Porbus s l i nc l i n a respectueusement , 11 l a i s s a en t r e r I e j eune horn

me e n I e c ro ya nt amen6 p a r I e v i e i l l a r d e t s 1 i n q u i 6 t a d ' a ut a n t

moins de l u i que l e neophyte demeura sou s I e charme que doivent

eprouver l e s ps in t res-n6s Zi l 1 a s p e c t du p re mi er a t e l i e r q u l i l s

voien t e t o b e r6vSlent quelques-uns des procedes ma ter iel s de

1 'a rt.Un v i tr a g e ouve rt dans

l avoflte e c l a i r a i t l ' a t e l i e r d e

mait re Porbus. Concentre s u r une t o i l e accrochee au chevalet , e t

qu i n ' e t a i t encore touchee que de t r o i s ou qua t r e t r a i t s b lancs ,

l e jou r n la t t e i gn a i t pas ju squ' aux n o i r e s p ro fondems des angles

de c e t t e vas te p iece , m a i s que lques r e f l e t s ega res a l luna ien t

dans ce t te ombre rousse line pa i l l e t t e argentee au ventr e dlune

cu i r asse de r e i t r e su spendu Zi l a murai l le , rayaien t d 'une bmsqu

s i l lo n de lumie re l a c or ni ch e s c u lp t e e e t c i r e e d ' m a n ti q ue1

Unfortunately, by the end of the grea t enclosing per iod the la-

bourer had become more than a b l o t on a f a i r landscape , he had

become a menace. A l l the economic l i t e r a tu re of th a t per iod re i -

t er a t es t he burden of the Ev erl ast ing Poor. How t o g e t r i d of

th e burden. There wa s the br ig ht id ea of making up t h e i r wages

t o bare sub sis tence , so th a t the farmer could buy h i s labour

dir tch eap, bu t the d iffe ren ce had t o come out of ra te s. You

could demol ish co t tages t o avoid the charge the inh abi tan ts be

on parish. You could deport beggars t o th e next parish. You

could hasten emigration t o the towns and the colonies. You

cou ld t r anspo r t those caught poaching to th e ot her s id e of th e

world. But th e system encouraged bree ding, es pe ci al ly of th e

i l l eg i t i ma te kind , and even tua lly soc ie ty h i t on ye t ano ther2

La d o t t r i n a p ur a d e l d i r i t t o m a t e o r i a d e l d i r i t t o p os it iv o.

Del di r i t t o pos it iv o semplicemente, non d i m par t i co la re o r -

d inamento g iur id ico . E te or ia genera le de l d i r i t t o , non in t er -

p re taz ione d i norme g iwid ich e pa r t i co l a r i , naz iona l i o in t e r -

naz ion ali . Essa, come te or ia , vuole conoscere esclusivam ente

e unicamente il suo ogget to . Essa ceroa d i r i spondere a l l a do-

manda, che c osa e come 8 il di r i t t o , non pero a l l a domanda,

come esso dece esser e cost i tu i to . Essa 6 sc ienza , de l d i r i t t o ,

non g ih po l i t i ca de l d i r i t to . Se v ie n i ind i ca t a come do t t r inapu ra &e l d i r i t to , c i o accade pe r il f a t t o che vorrebbe ass icu-

r a r e uns conoscenza r iv o l t a so l t an to a1 d i r i t to , e vor rebbe. . . . . - . . . . . 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 48/274

Die Leserichtung stfu r Buchstabe nformund Komposiiion be-stimmand.lnderiahrtausendaltenGeschir-htederSchriftfi~dat

The form of lettersand composition isdetermined by thedirection in wh ich theeyetravelswhenreading.I n hemillennia1histow of writ ing here has beenevery imaoinable-~ ~

direction of reading: from top to bottom,from right to eft,alternately left-rightandright-left,andfinallvourdirectionof

readingfromlef t tor ight .

1 Direct ionof readina f rom too o bot tom n Egyptianhieroglyphs.

2 Alternatalef t - to-r ightandright- to- left in EarlyGreekiapidaVcharacters.

3 Ou r direction of reading left-to-right as in Greek lapjdaricharacters.

4 Stock marketreportsin he London "Times".Theformofthelet tersand composit ionshow two direct lonsof evetqa ve~.From lefttorightinthelineandfromtoptobottomir,i;ialphabetical order oft he ines.

gauche, partantde la gauche etdc la droitesuccessivement,pourabout ira notre coi i tume: degauche hdroite.

7 Lecturede haulenbasdans les hif iroglyphes6gyptiens.2 Caract6resgrecsarchaiquesallantdcgaucheadroiteetvice

versa.

3 Notresensde ecture, de gauche a droite, dens des inscriptionsgrecquesgravfiessurla pierre.

4 Coursde boursedujournal anglais<Times>.Formedeslettres

etcomposition montren ideux directionsde mouvament:degaucheadroiteparlphabfitique. leslignes,etde haute" baspar i'ordre

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 49/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 50/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 51/274

 

Die ypograph ischan Zeichen, auf wei&es Papier gedruckt,fassen,aktivieren und regulieren Licht:siesind nurzusammeni t em Unbedruckten erfafibar. Der aufgedruckte Wen

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 52/274

bewirkt seine" Gegenwert, der die Gesam tform mit bestimmt.Das Unbedruckte 1st nicht aine undefinierbare Leere, soridernein Element des Bedruckten.

0 we'& lnnenrçu eines Buchstahens #stan der F or m d sBuchstabens beteiligt. un d der Schiiftsch6pfer mu& beimZeichnen Foim und Geganform sund ig gegeneinander ab-wagen. Das Ziisammenstellen der Buchstaocn beruht auf: "e m Spie l iw iscnen dom WeiE des innenraums ~ n demWeiE oer B~chstaben abstande. nqe Abstandc orgeben eini t e ~ s ~ v e r e se.& uno verstarken ~ieich zcn 'g le W rn- ing der

weiEen Innenloim. Die Abstonoe konnen so s talk erwete nw e & 0 h m n i s c h e t Au sg ei ch w schen dem We'80 ; nnanraumes m d dam WeiE der Aostanoe entsteht. Der

Die Lesbarkeit eines Satigebildes kan n gestort werden, w en"durch zu groEen Zeilenabstand eine weiEe Band wirkung alsJ gewichtige Gegenform erzeugt wird, eine Gegenform,welche die Form. da$ heiEtdas araue Zailanband, das fur die

s ta rk e ~ u f s p l i t t e r u n~er unbedruckten Partien vermiedenw e d . n derzei taemzkn Tv~oaraDhiest das WeiR

wohne n kann, wird erfaEt und "011 aktivien.

Bei Matiasa stahan i n < Farbe und Gieichnis, die Satze: <DerAusdruck l iegt fur mich n ichtetwa in der Leidanschaft, die aufeinem Gesichte losbricht odersic h durch eine he ftige Bewe-gung kundtut. Er liegtvielm ehr in der ganzen Anordnun gmeines Biidas: in der Fiache, welch e die Korper einnehman,in den leeren Partien um sie, i n den Proponionen.>

Thecounterorinterior"white" alsosharesintheformof aletter,and the type designer must constantly balance formandcounierform w hen drawino.Theuflrioii<;effectsobtamed by the combmation oi lene isaredetetm ned bytheinterp layof thewhi teof thecounterand hewh teof thesetw 0 th hancow $ el w ~ d t h ~ e s u l ~ ~ ~ nmotefntense wnttean d a t thesamelimeenhances the ef fectof he whitecounters

The nterspacesmay bemaoesowidematthe~ei?ahamnoniousba anceoetweenthewh teoithecounteisanathewhiteofthesetw idth. Letterspacing providesthetypog rapherwiththemeansof reducing the effectofcounte~s.

Tne 1egib:l'ty of me ypema ttercan oe impaireo when excessivel eading p iod ~ c es aw heribboneffecianotn sco-nterfoimdominatestheanent ion totnedisad /antag cof h eform tse f .i s . h e g ie q l neoftypewhicnisimportantfor e9 ority. In aweicompos ed meareathe balance Betweenmeprnt andthe blanksDacesisassured.sothatboth elemanis. the f ateffectof thetypearea andtheribbon ef fectof the l ines,showto equaladvantage.

Theextentandthevaiueof blankspacesareelementswhichmust

b e fi tl ed n to th e o v e r ~ i l d e ~ i ~ n o f0rintedwork:care must be

emphasisedinfuil.

Thefo llowin g appearsin Matisse's"Co1ourand Similarity": Formeexpressi~nisnot,say,inthepassion which wel lsupinefacem a n i f e s t e d byaviolentgesture. It iesratherin the whole

arrangementof my picture: in hesurfacewhich containsthebodies, in heempiy pansaround hem and h he proportions."

portion, qu'eliesc~ientuneffet iizardi. n typoiraphiemoderne, le blan c n'estplus un orribre-plan passif du exteimprim, maisagitdeconcenavec essignestypographiques

tableau: dan slasurfacequi comprend lescorps, d am espaniesvides esentourant, dans ie~propo nions .>

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 53/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 54/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 55/274

Links:Dieleere Flachein deretruskischen Malerei lstand erGestaltung mitbeteiligt. Die Innenformaw ischen Arm und Koofi s t n i c h t z u f ~ l l i g .

1 Etruskische Malerei ausder Tomb adel Triclinio, Tarquinie,etwa 480v.Chr.

2 Die Kifche n Roncha mpvon Le Corbusierist ein plastischesGebilde mi l aumgreifendem Charakter. Wiein der Architekturdes Barocks greifen die Kinven auf den angrenzendcn Luft-

Left: Empty spacein Etruscan pain tingism adep artofthepattern.Theinternalform between armarid head isn ot for-tuitous.

1 EtruscanpaintingfromtheTombadeTriclino,Tarquinia,

approx.480 B.C.2 Lecorbusier'sch urchat Roncham pisa plasticStructureof a

space-embracingcharacter.Asin Baroquearchitecture, therv es em en d nto thecont iguousa i rspaceand br ing i t in to the

A gauche: Dans a peinture 4trusque. lasurfacevide pa nicipean dessin. La forme imerieurecomprise entre Ie braset ata ledesl pas un ef fetdu hasard.

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 56/274

F e I e n ? enaissance st oerleeie Raum rliniergrurnl

ei c g t t ele' ,no m h f e st dm 00 &I lr Leonaraooa\a?c 3

B d? sder -4cret a Cr ve n k r c st oteleorc Flecheoen 3 d-

mittelpunk1,so wie irnTitelblatt einesvenezianischen Druckes

iusdem'16.Jahrhundert.

. .centre ofthe picture asitdoes in hetitle-page of a Venetian

printed workofthe 16thcentury.

Pour la Renaissanceiiatlenne, respacevide neiouequ'un r61e

secondaire,il nefaitqu'entourerlesuiet. Dansleportrait deLucrficeCrivelli, de Leonard deVinci, la surfacevideencerclelecentcede a peinture, comrnadanscette page de titre d'uieimpression venltlennedu l e e si&ole.

 

Form und Gegenform Formand counter-form Formeetco nire-forme 57

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 57/274

Die Moderne , im Gege nsatzzur Renaissance, erhebt die leereFliche zum gleichwertigen ElementderGestaltung. An dieStelledes UmflieBensder Flachetrin die Flachenspannung.

m Holzschninvon Erich HeckeIsinddieweiBen Flachendurchichw arzae fa8t u nd aefanaen. Die Randaebiete sind so wicht la- -wie die Bildmitte, wied ie ntensive WeiKflacheander linkenBildkante,gefaBtdurchdieenergischeSchwar2kuwe,zeigt.

DieTypographiedes20.Jahrhunderts.hier in derAn2eigaf i irdie Kabelfabrik De lftvo n Piet Zwart,gibt dem Unbed rucktenj iegleiche Bedsutung wiedem Bedruckten. Derdominierenderachte Winkel e raibtals innere Geaenform eine intensive WeiE-wirkung.

rhe modernartist, un like hiscoun teroa rtofthe Renaissance.usesempty spaceto bean elementof equal valuein design.Instead of space flowin gfo und hesurface we havesurfacee n he w h tes~rfacesareenriched i thtensionsandthewhiteisact ivated upto heedgeof theformat. In hewoodcut

3yErich Heckelthewhitesurfacesaresurrounded byblackande l d capt ive.Themarginal areasareasimportantas hecentreif thepicture,asisshown byth e prominentwhitearea at theef tedgeof the picturewhich isheld bytheenergetic black

rwen tieth century typography,as hereinthead vertisementfor:he Delft Cable Factory by PietZwart,givesthe ""printed areahe sameimportanceastheprinted.Thedominant r ightangleod u ce sa pronounced whiteef fectasan innercounterform.

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 58/274

mdmd

Duroh knappe Buchstabenabstande werden diewe isenInnen- Narrowsetwidthgivesprominencetothecounters. Le blanc desespacementstr6sserr6s ne peutrivaliseravecIeformen der Buchstabenverst~rkt:dasWeiBderAbstSnde lithisprogrammeforastudytourwithbig lettersforth e blanciniiSrieur desien res, maisau contrairere nforcec e dernier.rivalisiertnichtmitden Punzenformen. Indiesem Programmfur weekdaysthecountersofthelettersdominatetheother Dansceprogramme pourunvoyaged'6tude. l' int6rieurdeseineStudienreisemitdengroBenBuch~tabenfurdieWochen- forms.Theunprintadcounterformsaresuperiorinimpact grandes lenresemployeespour e nom desjoursde lasemainetagedomimierendieinnenraumederBuchstabenuberdie mthep rintedparts . domine esautresformes.~e s s ur fa c e s on imprimeesrnderen Formen. Dieunbedruckten Gegenformen uberspielen i'emportentsurcellesimprimdes.

 

Form und Gegeriform Form and counter-for m Forme et centre-forme 59

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 59/274

w i g irksai ,werden aberinder Entwicklung nachobenimmergewichtiger.

Above:Ha~Boller:advertisementforInsidon Geigy).Thelettersgrowin hicknessfromthe bottom upwardsand hesoaces between them thus become narrower. n helowestlinestheinternalspacesbavelinleeffectbutacquireimportanceintheirupward development.

BelowInternalfoimsofthe"M6ndren"fount byAdrianF!utigei Whenalltheinternalformsofthisalphabetarebroughttogether, ncan beseen hen"; welith ewh tecountertormsareshaped and howconsistentlythedesignscarried hrough.

En haul: Harry Bolter: Ptblicit6oour I'lnsidon (Geiny). Les

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 60/274

 

1 Form und Gegenform Formandcounter-form Formaatcontre-fwma 61

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 61/274

LinkeSeite:TitelblattderZeitschrift<Print>. DieZ eile< Print > Leftside:Title-pageof the journal "PrintW.The ine"Print" is Paged egauc he: Page delitred elarev ue<P rint>.Laligneist bisauf die InnenrSumereduzien,welchevon einergroBen reduced totheinternalspaceswhich areenclosed by a large Print>est 6duiteauxespaces nt6rieur$quison1 entou r6sde

Schwarzmengeeingeschlossen sind. Dadurch istdie Weis - quantityof

black.Inthisway thewhiteeffecthasbeeninten- noir. L'effetdeblanc est port6jusqu'ts a limitevisueilementif ie d o the l imits o f t h e ~ ~ t i c a l l v ~ o l e r a b l e .

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 62/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 63/274

 

The instrumentcreatingform and oftenthe material n whic htheform iscreated are of crucial importance in determinin gthepattern ofwrit in g.

Wtine n form always points10 the in?tn,ment used: calligiaprii'

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 64/274

tothepen.leneiscai\eainstonetothechisel, cut formstothestylus, copperp.atc letters o hegraver. and ypecharacters to o , i n . t - fo r t e s . a ooin te-si icne, dans les

e s d ' i f i i p , ; m e i i e , d eu x o uti ls : la p lu me , e l e b m n d uhe tw o nstrumentsused intheircrea1ion:the penandthepunch-cutter'sgraver.

Sincelenersarecastasoften asrequiredfrom a mould, thefaceof thecharactersused for typography must be permanen tintheir form. I t is nthisunchang ing appearanceof ai l he let terstha tthe beauty oftypography resides: its essential nature lies nthe reperi l ion of the tv~e chara ctersan dhereoetit ion inherent

8 I r e d ' mprimeneest fonduedans "no matncequi peut lareprod, fft indefimmernet l i irconfeiesoncafai- tbrcimm~abeLa 1 6 d c 1 3 vpogranhter6s dcencet teimmu tabil i t6deuseiner Matiize bcoingt dasfu idie Typogfapiiie charak-

tenstische, gleichbleibendeB~chstabcnbi1d.Aufdesemoleichbleibenden Bild allcr Bi-chstaoen ocrdhtdre SchOnheil

toutes lesfettres, son essence, dansla repetit ion des types,

repetit ionqueI'on

retrouvedans le proc6d6 d'imprimer.in heprint ing process.

L'assemblagedascaractiireset autrematerielen plombs'effecwe da ns un composteurstrictement d'equerre, enayantsoin d'6vitertout dN gl ag ed 0i no "on-observation de atechniquedelacomposition.Avec la r6~ 6t i t ion esmfimesformes. cene me su re i I'6tluarree'it l'ijnede s cara ct&ristiauefi

Theleadtypeandfurnitureareassembledwithinarectangulara n hich can be circumvented only bydisregard oft herulesof com~osltion.Therectanaularoattern. ike herecet it ion

DasZusammenfUgender Bleitypen und des weitere" Blei-materialsgeschiehtimrechtenWinke1,dernurunterMiB-achtungde r Satztechnik urngangen werden kann.DerrechteWinkeige h6rt, naben der Wiederh ofung der Forman, n dasBild der Typographic. lm FiimsatzneuerenDatumsellerdingskann derrechte Winkeldurch diegonaie Anordnungen iiber-

delatypographic.Toutefois, actuellement, la photocomp osi-tion parmetdesarrangementsen diagonale.

Theappearance of thetypography sgreat ly inf luenced bytheduali ty of the paperand ~r int ingprocessused . f int ino ona

i n e Ausdehnung der Formen m il unbestimmten,diffusenRandpartien,der Buch stabeverliertan PrGzision j nd wi fktfener,alsereigenllich ist. DiegleicheTypeaufsehrglanesKunstdruckpapiergedruckt,ergibteinpr$zises Bi ldundeindeutige, klareRandpartien. Diesthriftfo rmen der Friih-druckedes15. Jahrhundertswurdenfiirdasstarkstrukturierte.

glossy a n paper comes upquites harp and clear and tsprecisionis preserved.Thetypecharactersoftheincunabuia of the15thc entu ry weredesigned fortheve rystron gly textured hand-made paper. Ifthese aces were printed onglossy paper, theircharacterswould bedistorted.

The typographer mustta keth e printing process nto account inpreparing his work. In letterpress rotary printing the type isimprinted i n a mould and then cast in lead.The typecannot besubmined to these two processes without undergoing somechanaas and a certain coarsenin0 in he amearance o f t h e t v ~ e

handgeschcjpfte Papier konzipiem; der Druckdiese rTypen aufglinesPapierwiirdeihrenCharakterverfSlschen.

e t a e et k ar ~ n dfazisefscheint.BeimTiefdfi.ck-l a h i e n , oasai-f einem geatzten Raster oeidht, verl'ert dasBucnstaoenbi d, gcqenub erdem Bdchdtuck. ebcnfa IsanPrszision. Di e nei.en Licntsetzveifanfen hingegen eimoglicheni n ~c ns t abenb: v oneine r P iaz si on .d ie me rfoihwerreicht.

the whole historyofpr int ing.

ThetvDograPhermtjsttake intoa ccou nttech nical developmen tsof he presentand uture. forsuch advancesmight bungaboutchangesoffo im Andapnnted wonk which is to beaa 1 documentof i t s limesmust combine botntecnnica landformalqualities.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 65/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 66/274

 

TechnikderTyp ographic The techniques oftypography Techniquedclatypographic 67

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 67/274

Das Setzen mil Ble i bedingt das Bauen eines Satzesim rechtenWinketnach bestimmtentechnischen Gesetzen. DieArbe it desB d Z m m e n f U g e n s d a r f mSatzbildsichtbarwer-den,unddas Gebundensein andas Material kan nfiir die Formmitbestimmend sein.

Links Buchumschlag; rechts dersatztechnische Aufbau derqieichen Arbeit.

Composing with leadia l is ortheconstruct ion of type matter

na r i gh t ang le in accordancewithcertaintechnicalrules.Thisstructuralwork-the fitting togetherof the partsÑma leg-it imatelyshow n heform of the composition, and he ntentionto be trueto material may beafactorco-determiningtheforn.

0ntheieftadustiacket;ontherightaproof of thecompositor'sforme for thesame work.

Un composteurstrictementd'Squerreetdesloistechniquesprecises conditionnentla composition au plomb. Le rav ail deconstruction e l d'assembiage p euttres bien apparaitredans lacomposition, et Ie matSrieiemplovSd6termine en grande partiela formedefinitive.

Aaauche: Couverturedelivre;5droite: Composit iondu m@me

travaiidu pointdevuetechnique.

 

Mit wachsender Kultur mufiten die Bedurfnisse

mannigfaltiger werden und der We n der M ittel

ihrer Befriedigung umso mehr steigen, je weiter

Mi t wachsender Kultur mufiten die Bedurfnisse

mannigfaltiger werden und der Wert der Mittel

ihrer Befriedigung umso rnehr steigen, je weiter

Mi t wachsender Kultur mufi ten die Bedurfnisse

mannigfaltiger werden und der Wert der Minel

ihrer Befriedigung umso mehr steigen, je weiter

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 68/274

die moralische Gesinnung hinter alien diesen Er-

findungen des Luxus, hinter alien Raffinements

des ~ebens~e.nussesnd der~equemlichkeit u-

[email protected]. ie Sinnlichkeit hatte vie1 zu

schnell ungeheuresFeldgewonnen. Inebendem

~er hal tni sie, ls die Menschen auf dieser Seite

ihre Natur ausbildeten und sich in dervielfach

sten Tatigkeit und dem behaglichsten Selbstge-

f~hlverloren,mul3tehnen die andere Seiteganz

unscheinbar,eng und fern vorkommen. Hier nun

meinten sie den rechten Weg ihrer Bestimmung

eingeschlagen zu haben, hierfur alle Krafte ver-

wenden zu mussen. So wurde grober Eigennutz

zurLeidenschaft und zugleich seine Maximezum

Resultat des hochsten Verstandes; und all dies

machte die Leidenschaft gefahrlich und unuber-

windlich. Wie herrlich ware es, wenn der jetzige

Konig sich wahrhaftig uberzeugte, da& manauf

diesemwege nur dasfluchtige GluckeinesSpie-

lers machen konne, das von einer so veranderli-

chenGrofiebestimmtwirdalsdie mbezillitatund

der Mangel an Routine und Finesse seiner Mit -

spieler. Durch Betrogenwerden ernt man betru-

gen,und wie bald andert sich da nicht das Blatt,

und der Meister wird Schuler seines Schulers;

ein dauerhaftes GlUck macht nu rder rechtliche

Mann und der rechtliche Staat. Was helfen mir

alle Reichtiimer, wenn sie sich bei mir nur auf-

halten. urn frische Pferde zu nehmen und so nur

schneller ihre Reise um dieWeltzuruckzulegen7

.. .einandergetrenntwerden. Die Beispieiezeigande n w&vonreichlichdurchschossenem atz biszum undurchschossenenSatz.Von derForm hergesehen,gehtdie Entwicklungvonhellzu dunke l undvo n linearzu flachig. Die Lesbarkeitist be;ZuvieiDurchschuBdurchdieaufdringlichelineareWirkungge~chwacht , nd bei zu wenig DurchschuKgehtdiefGrda$

Lesen wichIigeZeilenfGhrung nd ar Fiacheunter.Ambestenlesbarist derschrihsatz, n d m lachige und ineareWirkungengutaufeinanderabgestimmtsind.

die moral ische Gesinnung hinter alien diesen Er-

findungen des Luxus, hinter alien Raffinements

des Lebensgenusses und der Bequemlichkeitzu-

ruckgebliebenwar. Die Sinnlichkeit hatte vie1 zu

schnel l ungeheures Feld gewonnen. In eben dem

Verhaltnisse, als die Menschen auf dieser Seiteihre Natur ausbildeten und sich in der vielfach-

sten Tatigkeit und dem behaglichsten Selbstge-

fuhl verloren, mufite ihnen die andere Seiteganz

unscheinbar,eng undfernvorkornmen. Hier nun

meinten sie den rechten Weg ihrer Bestimmung

eingeschlagen zu haben, hiefur alle Krafte ver-

wenden zu mussen. So wurde grober Eigennutz

zur Leidenschaft undzugleich seine Maximezum

Resultat des hochstenverstandes; und all dies

machte die Leidenschaftgefahrlich und unuber-

windlich. Wie herr lich ware es, wenn derjetzige

Konig sich wahrhaftig uberzeugte, dafi man auf

diesem Wege nur dasfluchtige GluckeinesSpie-

lers machen konne. das von einer so veranderli-

chen GroBe bestimmtwird alsdie Imbezilli tatund

der Mangel an Routine und Finesse seiner Mit -

spieler. Durch Betrogenwerden ernt man betr ii-

gen, und wie bald andert sich da nicht das Blatt,

und der Meister wird Schuler seines Schulers:

ein dauerhaftes Gluck macht nur der rechtiiche

Mann und der rechtliche Staat. Was helfen mir

alle Reichtumer, wenn sie sich bei mir nur auf-

halten, urn frische Pferde zu nehmen und so nur

schneller hre Reise um d iewe lt zuruckzulegen?

lntypographythecomposed tinescan beseparatedfromoneanotherasdesired.Theexamplesshowalldegreesfrom matterwith wide leading o mattersetsolid, i.e. with no leading at all.

Seenfromtheformal pointofview, thereisa progressionfromlightto darkandfroma panernof linestoa plainsurface.Reading s difficultwhenthere is too much leading because theinearpatte rn becomesobtrusive,andwithtoolittleleadingthe

run of the lines, which isimportantforlegibility, issubmergednderthesurface.Themostlegiblecompositionistheineimwhich the effectsof lineand surfaceare nicely matched.

die moralische Gesinnung hinter alien diesen Er-

findungen des Luxus, hinter alien Raffinements

des Lebensgenusses und der Bequemlichkeitzu-

ruckgebliebenwar. Die Sinnlichkeit hane vie1 zu

schnell ungeheuresFeld gewonnen. In ebendem

Verhaltnisse, als die Menschen auf dieser Seite

ihre Natur ausbildeten und sich in der vielfach-sten Tatigkeit und dem behaglichsten Selbstge-

f~hlver loren,mufite hnen die andere Seiteganz

unscheinbar,eng und fern vorkommen. Hier nun

rneinten sie den rechten Weg ihrer Bestimmung

eingeschlagen zu haben, hierfur alle Krafte ver-

wenden zu mussen. So wurde grober Eigennutz

zur Leidenschaftund zugleich seine Maximezum

Resultat des hochsten Verstandes; und al l dies

machte die Leidenschaft gefahrlich und unuber-

windlich. Wie herrlich ware es, wenn der jetzige

Konig sich wahrhaftig uberzeugte, da6 man auf

diesemwege nurdasfluchtige Gluckeinesspie-

lers machen konne. das von einer so veranderli-

chenGrOfie bestimmtwirdalsdie lrnbezil litatund

der Mangel an Routine und Finesse seiner Mit-

spieler. Durch Betrogenwerden ernt man betrii -

gen, und wie bald andert sich da nicht das Blatt,

und der Meister wird Schuler seines Schulers;

ein dauerhaftes Gluck macht nur der rechtlicheMann und der rechtl iche Staat. Was helfen mir

alle Reichtumer, wenn sie sich bei mir nur auf-

halten,um frische Pferdezu nehmen und so nur

schneller ihre Reise urn dieWeltzuruckzulegen?

En typographic, leslignascomposespeuventfltre sSpar^esavolont6lesunesdesautres.Lesexe~plesicidonnSsmontrentladiff6renceentre uno compositiong6n6reusement interlign4et i e omposition compacte. Consid6rant la fo ma seule,I 'effetrendu passed" tonclairau fo nd , du l ida ire S' iasurface.La lisibilit6est affaiblie parI'effet linSaireob stin6dO2 ['inter-lignagetropa6r6, maisellee-t Sgalementrendue difficiie paruninterlignageiropserr6,oG leslignes aui de vraieot rosierdis i inctesl~~unesdesautresseuenten unbloc compact. Lalisibilit6est bonne orsqueeffels in6aireset de surfacesootharmonieusemont4 ililibr&s.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 69/274

 

Page71:Every typecharactermust ha vetoits le f tand r ightanintervalwhich determines heamountofwh itespace between hel inersinthecompose d l ine. Inclassical ypesthissp aceisregulatedforthemost panbytheprojectionstotherightofthetype body. Butinsansseriftypegreatanentionmust be paid to

Page71 :Chaaue caract6red'im~rimeriedoit ccuser unesmcement

droite.moiti6droite). Parcentre,pourlesantiquessans

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 70/274

a"f diese itliche Distanzgeachtetwerden, darniisich die Buch-t a b c h t z u nahe kommen. Einezu ertgezurichtun g ergibtbeimAneinanderfeihenderTypenzumSatzeinfleckigesSchriflbiid.

Seita72-73:Auf derlinken Se itesind WOnermitschwieriger Reihung auf-aafiihrt.mit Biiohstaben . die bairnZusa mme nfflaen oernezu

~roKe~b st!indeergebe" (ktyvwfrz).Auf derrechtenseitestehenWortermiteinfacherReihung,diefiirdasWortbitd keineSchwierigkeitenergeben (lignchb). Beieinergutzugerich-teten Schrif1,die Buchstaben mit richtigem AnguKaufweist,soil dieGrauw irkung der linken und derrech ten Saits gleichi n . Esem~f iehlts ich.dieD o ~ ~ e l s e i t e a u fiesewirkuna hi"

the lateral spacingso thatt he ettersare notto oclos e together.If p c i n g stoo narrowthe typearea lookssponyw henthe typecharactema resetside b y side.

Page72-73:On he lef tpagearewordswhich are diff iculttoset becausetheirletters (ktyvwfrz) leave awkwa rd gaps of white when theya t g i n s t a c h ther. On th eri gh tp ag ea re wo rd *mprisingletterswhichcausenotroubie (lignchb).With

correctset-widthandweil-castcharactersthedegreeofgreynessshould bathesameon he eftand rightpages. It isadvisableto hold he two pagessomedistance aw aytojudgethiseffect . Composition withspacing oo narroww ould giveanarea tool ightonthelef tpageandonetoodarkonther ight .

empauemants, I ' interlettrage demande u nsoin particuiier. afinque les lenresnesoient pascoll6es les unesauxautres. Pa r uninter lenragetrop 6troit . la com ~os it ioninale donne unef fetdetache.

hzqui, lorsqu'eilessetrouventiuxtapos6es,peuventpr6senterin ter le t t rag et rop la rge. Sur lapagededro ite , nousnous

trouvonsen pr6sencedelenresquin'offrentaucunedifficult6asse mbla ge ( l ignchb). Dansunecom posit ior auxapproches

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 71/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 72/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 73/274

 

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeaeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 74/274

Formintv~oflra~hyisdeterminedythetechniqueoftypecasting . ~as t in gaetter froma mould ensuresthatth efaceofthe type will remain absolutely unchanged,the numberof:astingsbeingalmostunlimited.Thisunchangingfaceisoftheessenceoftypographyand shouldnotbe marred by lettersdeviatina fromthe Dartern. Chanc esinthe faceof a letterwould

itwouldserveno "sefuipurposeto attemptto makeoneresemble theoth er.

La techn iquede la fontedescaract&resestd&terminantepourlar&alisationtypogr'aphique. afonte d 'unelettre d ans inematriceparmetune reproduction presque llimiteed'un oarac-

. . . . . .moaif ca t onsdans cs citiesnedo dent pasin!e,ven;,.Sodm~s~oesm~iations, .oscaiactdiesu'imorimeriesera~pfocheraient

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeaeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeaeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeseeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeceeeeee

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 75/274

 

Wtih Ie Delnen Btruf

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 76/274

nachMassUhleDeinen Beruf nach Mass

W a h l e o e i n e n Btruf

nach Mass- - -WShle Delne n Beruf nach Mass

W a h l o D e l n c n Bard

nach Massnach Mass

wih te Ctelnen mrut nach Mass

nach Mass

ReichhaltigdifferenzierteGradabslufungenstehendemlypo- Thetypographicaldesignerhasawiderangeofdifferenttype Lecompositeurtypographiquadisposed'uneriche6chellede

graphischenGestalterzurVerfUgung.wobei ersich bewuEt sizesat hisdisposal,buthe mustrealizethat hewo rksno t graduationsqui luipermetd'~~~vrernonseuiementdansi n uE,daEernichtnurinverschiedenen Gr6Een,son dern merely in different sizesbu t also in different greys anddifferent diversesgrandeursdecorps,maisdansdivers griSetUne

ebenso nverschiedenenGrau und in verschiedenen'riefen depthsoftona. multitudedetonalit6s.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 77/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 78/274

 

chnik der Typographic The techniques of typography Technique de la typographic 79

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 79/274

V I ~ Imen

xeimkturenund DtuckverfehrenUbtneinengroKenEin- Papertexturesand print ng processeshavea marked nfluence Composition au papier et proc6d6d'impress'onexercentuieiau fd as Scniihbildaus. Die Schnftendei Wiegendrucke onthefinalappearanceof thepcinted page.Thetypefaces grandemf usncesur la pr6sentation 06 1'0uvragetypo-dsokonzipien.daBsioindierai.he,feuchteOberf.3cnedes usedintheincunabulaweresodosgnedlhattheycouldoe graph que LescaractAresdesmcunablessont con;^^ pour

id9esc hO~hen a~iers ongedfL ckt erden konnen; oie impressedintnerough. moistsurfaceofthe handmade paper: itreimprimissur e papier rugueuxet humode fait h la ma o. Ce sbenSchtihen im Offsewerfahianooer im niifhrtf~ckverfah. if the sametypofacesareusodfor offset o# enenpress0" art mdmtscaracteiessont m6connaissab es'mpi:mfisen offset01uf un' t ld luck~a~iergeo~uckl .s indnichtmfthf~. ier . l paper they arenarolyrecognuab e ."the h story of typecast- i t y p o g i a p h i e s u i p a p e r c o u c h 6 .L'6uo ~t'ondclafabricationmen-InderGeschicnte desscnnhgmes ha ben m ~ n t . :ng.~e~elopmentsiriapermah ngand printing haveo#ought d~ paper 01 dos proced6sd'mniass1on aoi d'unefacon

'.kungernndei Pa~i~iheistell~nouna'non Druckverfahfan anim~oitantinf oncot o emonthadei m o f voefacos. d 6 t o r m ~ n o ~ ! e s ~ ~ l ~ c r 6 ~ ~ ~ o n d e s c a r a ~ t 6 ~ e s

1 Venetian print, 1594.2 Letterpresson a ft paper.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 80/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 81/274

 

Todav weare in ~noa teo nhsuch an immense1 oodofp t dm a t t e r t na t ! hc $8 ~oof th e inan r iauo l r in tedwork hasdeureciated for our harassedcontemoora i oss im~lvcan~ot.take in everythingthat is printed today. it isthetypographe r'stask todivid e u pan d organize and interpretthis mass oforintedmatterinsuchawavthatihereaderwiii haveagood

Noussornmesaujourd'hui envahisparunequantk6quasiincai.cuia ble d'imprimiSs, au ssi cha cun d'eux perd-il sa vaiour dans lam e , arnoscontempora ins , submerg6s parcef lo t , nepeuventembrassertoutescessoilicitations. Letypographesedoitdoncder6panirtouscesimprimies, de tesstructurer.de lesinterpreter, afin que ie lecteurpuisse discerner rapidementce

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 82/274

is teinzeichenvon berufl icher Unreifeundistsowoh l6sthetisch wiefunktio neii unzuiSngiich. DasZieijede rgutenTypographic istdie Form, diesic h der Lesbarkeit unterordnet.

h a o f f i n d i n g w h a t i s o f i n t e r e s t t o h im .

N o n e w s ~ a ~ e r i s i i k e i v t oereadfromthefirstiinetotheiast.wh ites pic is, rules, colours, largeand boidtypefa cesa re usedtoemphasizethemostimponanttexts,which arealsoarrangedunderspecial headingsoronspeciaipagesaccordingtothe

When thetextofa bookrumsto severalhundre d pages,thetypographerm ustdistributeitover the pages nsu ch a way t ha tthereaderwii i havenodifficultyincooinawi th themassof

in fo l iowing the lawsof formwemustmakeuseofeverypossible meanso f division and arrangement.TheWpographermust beconversantwi th hem and know how to use hem, and

standardsas regards both unction and or k.

Theright-handpageshowssomepossiblewaysofdividingupatext :

1 Unreiievedareaoftype..Thepatternlacksrhythmandflexibilityandisdif f icult loread.

2 Reiiefbycoiour.3 Relief by boid and normalfaces.4 Relief byiargertypesizes,

5 Reiief by ines.6 Reiief by biankiines.7 Reiief by breaklines.

qui pr6sente pouriui quelqueint6r6t .

I1 ast bien rarew'un quotid ian so it lu de la ~r em ihre ha

Letexted'un i ivrede plusieurscentainesde pagesdoit6t recomposb parletypograph edetelle manihre quo ielecteu r

I Composition non structur6e,dormantune impression derig i-dit6,d'immobilit6etdont!aiectureestdifficile.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 83/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 84/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 85/274

 

Buchseiteause inem Horspiel von Friedrich Durrenmatt. Reden d egenredemehrererPersonen und Regiebe merkungensoiienim Dramensatzgutunterschiedenwerden. Dieserfolgthiervorwiegendmitden MittelnderweiEen Flsche. Diehandalndan Pfiraonensindfraioa-itelltund Reniebemsrkunaen

Der Besucher: Kann ich mir denken. Iselhohebad ist teuer. Fur mich kata-

strophal. Dabei wohne ich hochst bescheiden in der Pension

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 86/274

Pageofa bookfromaplay by Friedrich Diirrenmatt.Thedialogueofseveralcharactersandthestagedirectionsshould beclearlydifferentiatedindramaticalworks.Thisisachieved heremainlywiththehel~ofwhitesoaca.Thecharacters'namesarethrowniitoreiiefandthestagedirectionsaresetin square brackets.

Paoatir6ad'une~i6cedeDiirrenmatt.Lesr6oliauesdes~rota-

Seeblick. [Er seufat.] In Adelboden war's billiger.

Der Autor: In Adelboden?

Der Besucher: In Adelboden.

Der Autor: War ebenfalls in Adelboden.

Der Besucher: Sie im Grandhotel Wildstrubel, icb im Erbolungsheim

Pro Senectute. Wir begegneten uns einige Male. So bei

der Drahtseilbahn auf die Engsdigenalp und auf der Kur-

terrasse in Baden-Baden.

Der Autor: In Baden-Baden waren Sie auch?

Der Besucher: Auch.

Der Autor: Wfihrend ich dor t weilte?

Der Besucher: Im christlichen Heim Siloah.

Der Autor [ungeduldig]:Meine Zeit 1st sparlich bemessen. Ich habe

wie ein Sklave zu arbeiten, Herr.. .Der Besucher: Furchtegott Hofer.Der Autor: Herr Furchtegott Hofer. Mein Lebenswandel verschlingt

Hunderttausende. Ich kann nur eine Viertelstundefiir Sie auf-

wenden. Fassen Siesich kurz, sagen Siemir, was Siewiinschen.

Der Besucher: Ich komme mit einer ganz bestimmten Absicht.

[Der Autor steht anf.]

Der Autor: Sie woUen Geld? Ich habe keines fur irgendjemanden ubrig.

Es gibt eine so ungeheure Anzahlvon Menschen, die

keine Schriftsteller sind und die man anoumoen kam. daB, L

man T.eute von n i e m c r Profession gefalligst in Ruhe lassen

SOU. Und im ubrigen ist dcr Nobelpreis verjubelt. Darf

ich Sie nun verabichieden?

[Der Besucher erhebt sich.]

Der Besucher: Verehrter Meister.. .Der Autor: Korbes.

Der Besucher: Verehrter Herr Korbes.. .Der Autor: Hinaus!

Der Besucher [verzweifelt]:Sie miBverstehen mich. Ich bin nicht aus

finanziellen Griinden zu Ihnen gekommen, sondern, weil

- entschlossen]-

weil ich mich seit meiner Pensionienmgals Detektiv bettitige.

Der Autor [atmet aufl :Ach so. Das ist etwas anderes. Setzen wir uns

wieder. Da kann ich ja erleichtert aufatmen. Sie sind also

jetzt bei der Polizei angestellt?

Der Besucher: Nein, verehrter.. .

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 87/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 88/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 89/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 90/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 91/274

Drei M6giichkeitanderGliederungundInter~retationeines Three oossiblewavso f arranaina and interoretinaa film Trolscossibilit6sd'interorbtation tde structured'uneannonce

Filmschauspieler,undinderdrinen ~ ass ung iste in ressezitat version theactorsared ominint,a"d inthethirda quotation

gro6 herausgestellt. from the pressis made the principal eature. extrait de presse.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 92/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 93/274

 

DasEmpfinden-dasoptischeundAsthatische-istdergeome-trischen Konsifuktion iibergeordnet,und nachdiese m Emp-

The ovon Doesburg,ein Expo nentdes Konsimktiven,imMani fes tderkonkre ten Kunsi>,1930:<DieKonstruktion

Oursens ibility -tha tis ourvisual perception and ouraestheticsense - ssuperior togeome tric construction,and i t s o hissensibility thatw e mustappea l when striking a balanceb e t pposed blackand white.

I the manifesto of concreteart.Theo von Doesburg.anexponent oi constructivism. wrote in 1930:'Constiudion iscompletely different f iom arrangement (oecom tim) and

Tn6ovon Doesburg.unpartisande la formeconstm ite, &tite n l 9 3 O d ~ n ~ i o ~ M a n i l e ~ t @ d e ~ 8 r t c o ~ c r e t ~ : ~ b c o n s t ~

sedisf ~ ~ g ~ ~ n o n e m e n t9 outarangement (d6corat ionj eide

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 94/274

i n d von dergeSchmacksmA8igempfundenenKomposition.Wenn manesnichtfertigbringt,cinegeradeLiniemitderHandzuziehen.dan noimm tman ein Lineal. Wenn man einen Kreis-bogen nichtmitderf reien Handziehen kann,dann nimmtmaneinen Zirkel. Alle durch die N otwe ndig keit grOBerer PerfektioninteilektuellantwickeitenInstrumentesindzuempfehlen.>

undaiesenkrechicn Te lealsschwa cherz- ireg stfieren

OptischeTauschung kann nichta sfiin b ldu ngabge tan wardenind jcd er < feat v Tatige m u & o ~ e ~ a ~ a ~ s r e s ~ l ~ ~ e r e n a e nProblemekennan.

1 Dasgeometrische Quadrat s tf iird as Auge niedrigerals breit,Dasopt ischeQuadratmuBdeshaibleichiuberhOhtsain.

2 BeidergeometrischenQuerteilung wirktdieunter HAlftekleiner.

""....-..5 b i s 1 0 DasschwarzeQuadraterscheintoptischinderVer-

kleinerung alsabgerundeter Punkt.11 Dergeometrische Kreiswirkt breiterals hoch.1 2 Z wei konstruierte Halbkreise,zw S-Form gefiigt,kOnnensich

nichtorganischverblnden. b id e Bewegungen werdenanderNahtstellegestoppt,undesentstehtein Knick,deroptlsch

m p o s on. w h ic h w c a p p # e c i a t e t h f ~ ~ g h o u lensib' i t y i nm s f l a s t e . 1 wecannotdraw os i ra rght .ineoy hano. wetake8 . w e o t ~ ~ ~ ~ a n a ~ c f i e c - n a n d .e u s e a ~ ~ ~ r o lcompasses:Atl theinstrumentsthemind hasdevelopedtomeettheneedsofgreaterperfectionarerecommended."

In he BauhausJournal, 1928, Paul Kleevoiced hisscepticism

of construction: "Wecon struct and construct, but n tuit ion sst i l lagoodthing. Wecandoagreatdeal without i t , butnoteverything."

Thetypeface wmch ocms'righi totneeye. a hLman organ.cannotoeconstri-cioa Tnooyetends tomagn f y a l hor izonta lv l o t o a i m i n i s h ~ r t ic a lo n esOot ca l l~s ionsca nnotsimply bedismissed asfancies, and every creative artist mustreckon with the problems they pose.

1 To theeyethegeometr icsquare looksgreater in width than nhei9ht.A" optical square musttherefore beslightly increased nheight.

2 When a geome tricfigure s divid ed ransversely, the lower halflookssmalier.

3 T n e t h i c ~or sontal ban looksfatte rthan a bat of equalgeomet~ ica t th ic~f iesspced onen d T hefoiceof grav tyact ,ern theformmake sct 010eder

4 Thethick barplacedonend iooksthinnerinthedirectionofgravity.

5 to 10 Reduc ing a blacksquare insize mak esit loo k like a. , , , ,"Ad A*.

t t e c o m p o s i on is s ue d e ' i n t ~ O n e t d ~ f l o O t o is qu 'o n neo a r v i c n t ~ a s i t ~ a c e i i l a m a i nne l iqned i -o i toouun~rcoe

P0Lrtant .i ' ntu t one stun ebe n bonnechose O npe - ifa ieb c o - p s a n s d 1 e . m a s c e n es p as to u t >

ceux-ci nepeuven tBtreconstruits g6om6triquement. L'ceil atendance a agrandirtous les 616mems horizontaux e ta min i-miseriespartiesverticales. Lavis ionexigedon e certainesrectif icationsdansie desslndesiettres,et Iecr6ateur-dessina-teurdevraooss6deruneoarfaiteconnaissance des~rob i femespos6s parl' i~~usionop tiqiue.

1 Lecarr6a6om6liiaueest~ourI'cail oius iaraeaue haul. Lecair6

5 1 0 Lecarr6noir,r6duitfortement,s'arronditoptiquement11 Theaeometr lecirc le Innk wid erth an i ts heioht. :-.~~ ~ ~ ~ - .......- ~.~ ,",u" "" ,,,,,,,,1 2 T ~ o c o n s t f ~ c t e d s e m r cclcs..oinedtomakean S.cannot 1 1 ~ e c e r c g 6 o m 6 t f i q ~ e p a i a i tp l ~ srgeq ue had,.

m a o g a e . h m ~ e m o n t s c o m e t o a n aa t 12 Deuxdom . cerc . es . _xtapos6senformede<S >nepeuventt hepo n t o f .in onana in is bieak nust besmoothe do\ei o ~ g a n ' q ~ e m e ~ t s e r e ~ o i n ~ r e e nnec rconf6fence Lesoeuxoptically. m&vementssent bioqu6sau pointdejonct ion; i l enr6sulte

liberarbeitetwerden mu& . 13Acircularmovementfiowsintotwostraightlines.Thetendency unecassurequidoitStreoptiquementretouch6e.1 3 ~i~~ ~ ~ i ~ b ~ ~ ~ ~ ~ ~ ~"ndetinywei f ieradBn ein,iaTondan7 ofthes emi-c ircleto close must be prevented bytwostraights. 1 3 unmouvementciicu~airaaboutit&euxdroites. btendance

desHaibkreifies,~i~hziischlie8en,wirddurchdiaGeraden

Again there isa bre akatth e Pointsof transiti0n.A U cannot be du demi-cerclea sefermerestenray6eparlesliqne$droites. Id

verhindert.Auch hiere in Knic kan de n Ljbergangsstellen. constructedgeometricaily. aussis'6tabiitunecassureaupointdetransitio~.Un<U>neEin U kann nichtgeom etrisch konstruiertwerden. 1 4 an d15 Thesame blackcirc lechangesinappearance peut @lieconstruitg6om6triquement.

14 und 1 5 Oiegieicheschwarze Kreisformwirktverschieden.je dependingonitspositiononapianesurface. Inth e upper Dart 1 4 e t 1 5 Selonsapositionsurlasuriace.Iem@mecerclenoiragitnac~ ihrerS te i l i i ng inder~ l~che ,~mo~erenTe i ider~~~c~ew~r~ tfthesurfacethecircleseemstofloat(balloon)whereasatthe diff6remmentsurnotreceii.Danslapaniesup6rieure.lecercle

die Kreisformschwebend (Ballon),anderun teren Peripherie loweredge i tconveysasense ofweight . plane com meu n bal1on;dansla panicinf6rieure,ils'impose etgewichtigundlastend. 16 and 17 The tr iangle placed ike a pyramid looksstable: turn ed s'alourdit.

1 6 u n d 1 7 DasDreieckimSinnederPyramidewirktstabii,inder upsid edo wn he same form looksunstableand irresolute. 1 6 e t 17 Letfiangle,telleiapyramide,donneuneffetstable. Ren-

Umkeh rungwirktdieselbe Formlabi1,schwankend. 18 an d19 Athickbar~lacedhorizontallyandverticaily.Theform vers6sursonsommet,iloscilieetcr6euneimoression

1 8 u n d 1 9 Einfetter6alken,waagrachtundsenkrechtgestellt. looks heavyand weighty when hor izontal, but ighterandmore d'instabiiit6.W h t irktdie Formlastend undschwer.senkrechtjedoch mobilewhen'vertical. 1 8 et 1 9 Unelarge poutre pos6e horizontalement et verticalement.leichterund bewegiich. 20 and21 Whi teand blacksquaresofthesamesize.Thewhite Horizontale,laformeestpesante etlourde:verticaie.elle

2 0 , 21 w ~ ~ ~ ~ ~ ~ ~ ~ ~ A ~ ~ ~ ~ ~ ~ ~ ~ ~ ,aà square radiatesbeyonditsedgesagainstthe blackbackground s'all6ge.uncertainmouvementl'anime.

e i 8 e Q ua dr at i h ~ r t i l r a h l t ~ f t i ~ o;rnnmn = ,ddn-~ -hw=.=m an d looksappreciablylargerthan heblacksquare ofequal 20 et 21 Catr6snoiretblancde~arsil iearandeur.ecarr6 blanc

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 95/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 96/274

Geometry alone s not enough for awell -shaped lener. $ ncetheiateralpioect onsof theupngh1;~okescannot beaddedt o t h e s n a p e f i o m o ~ t ~ i d o w i t h aairof compasses. Tneproiectionsiiomthevecticailaketheirshapefiom "sidet m d t h e t o o p f ~ ~ e c n o n s m u s tesma lei thanthebottomones Similailv. a I on s tionsirom muno to~tramhtmust beretouched afterwards.

Rightpage: Drawingofauniversietterby Adrian Frutiger.Theexternal circle has been constructed geometrically to

emphasizethedraughtsman'sdeviations.Thewidthofthedrawn letter islessthanits heightand the horizontal pans havebeenthinneddownsubstantially.

Pagededroita: Oessind'une IettretUnivemxfAdrian Frutiger.La m e rrondie extfirieure, la panse, estconstruite g6orn6-

triquementpourrendrevisibles les heartsdu dassin. La leuredassinfeeestplus hauteque largeetsensiblement plnsfetroitedansles barres horizontales.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 97/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 98/274

 

Geometrisches, OptischesundOrganisches Geommrica1,optical andorganicaspects As~ectsg6om6triques,optiquesmorganiques 99

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 99/274

Helbing

LinkeSeite: Dieremisohe Kursiva,in Wachsgeritzt, besitzt alle Leftpage; Roman talic, scratched n wax, hasal lthe qualities Pagedegauche: La Remaincourantgrav6dans lacir e poss6deEigenschafteneiner~pontanen,organischen Niederschrift. In of a spontaneous, organic script. Someof theorganic is ost n t o e s esqualitSsd'une Scriture organique, spontan6e. Par

der Druoktypegehtdas Organischeteilweiseverloren,da die the typeface since the lawsof fount-cu tting and casting leursoumissionauxioisde lagravu redu poinponetde la fonte,TvpedenGeseQendesStempsIschneidensundGieBensunter. cannotbedisregarded. I s araot&resd'imprimarie perdenten partie l'616ment naturei,worfenis.

. -. . .. .. . . . , . . , . organique.

 

KonstruiertesundOrganisches.Der Fassadenauschnit tausdem Apartment Housein Chicagovon M iesva n der Roheze igtdieSch6nheitvonTechnikund Konstruktion. Der Stahlskeleit-bau wirktdu rch sein Konstruktionsprinzip. ohne Anspruch auf

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 100/274

Constructed and organic.This deta ilofthe facad e of anapartmenthousein Chicagodesigned byMiesvander Roherevealsthe beautyoftech nolo gy and construction.The steel-framed building produces ts effect by he principleof i tsconstructionand makesnoclaim to beorganic.Right:Theelusive charm of the organic in he impression of aleaf.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 101/274

 

Buchdruck-Fachklasse BaselStudienreise16. is 21. eptember I963

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 102/274

Montag StrasbourgBesichtiqunq des M unste rs

Jugendh erberge Heidelberg

Diens tag 8.15 Schnellpressenfabriken1 Wiesloch un d Heidelberg 1Jugendherberge Frankfurt

M i t twoc h 8.15 Offenbach 1Roland Offsetdruckma schinenFaber &Schleicher

14.00 FrankfurtBauer'sche Schriftgiesserei

Jugendh erberge Wiesbaden

Donners taa 8.15 Kal leZe l lo~hanfabr ikWiesbad i14.00 op e!- we rke R i isselsheim

Jugendherberge Mainz

Freitag Vorm i t tag: Mainz

Besuch des GutenbergmuseuBesichtigung des Dom sNachmi t tag: Worm s

Jugendherberge Speyer

Samstag Besichtigung von Speyer un dHeim fahrt nach Basel

Konstruiertesund Organischesinder Durchdringung. interpenetration of the constructed and the organic. F m m p r e in t e s d e s d e u x 6 i6 m e n t s , g6om6tr iwe elorganique.

Oben: ProgrammfiireineStudienfeise. Diegezeichneten Above: Programme for a study tour. The drawn typefacesDruckty pen kontrastieren mit den straffen typographischen contrast with the taut typographic rules. ~nhaut: Programme pour unvoyaged'6tude. Lescaract6resLinien. d,sin6scontrastentaveciesfiletstypographiques rigides.

niquesdeia natureavoisinante.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 103/274

 

Directeur technique: Robert Delpire Redaction: 67 rue des Saints-Phres, Paris

'ce i l Lausanne Direction: Georges et Rosamond Bernier

Avenue de la gare 3 3 Secrhtaire g6n6rale:

Tislhphone 02 1 34 28 12 Moniq ue Schneider-Mannoury

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 104/274

Abonnernents 12 numhros par la poste

Pour la France 22 NF

Pour la Suisse Fr. 27.-

Pour la Belgique fr. b. 375.-

Constructed and organicshapesin a printedwork. Formesg6om6tfiquesetorganiquesdansun texteimprim6.

Above:Advertisement for the art magazine"I'ceil".Thetaut En haut:Annoncepourlarevued'art<I'ceil>. Formesrigidesetgeometricformsoftheletters"I" and"i"form acontrastwith g6om6triquesdes ettres <i>e t<i>ontrastantavec Iedessinthedrawnorgaoicformsoftheligature"ce". nature1de la ligature<ce).

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 105/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 106/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 107/274

 

Jedes Minel ,dasdersch~~fer ischeenscheinsetzt, hate n ertundseineAusdehnung. InderArchitekturi n d esdieden Raum UmschlieBenden FlScheaund dasVolumeridesumbauten Raumes. DieTypographie beschranktic hau f den Raumund auf zwei Dimensionen.Sch0nim

Every meansatthe disposal of man in his creative activities hasti ea nd it se xt er n. Inarchitecture we havethesurfaces Chapitre<Proportions>, ntroductionChaque mo wn utilis6 par celui qui cr6e poss6desa vaieurwhich enclose spaceandthe volumethusenclosed. Typog-raphy isrestrictedto wo-dimensional space. Even with a

singlevalue he problemo f proportionstill arises,forthe rela-tionshipoflength,breadthanddepth hasto besetfled. Dnceaoluralitvof meansisused, thereal problemof proportion must

sions. Leprobl6medesproportionsr6sided6j&danschaqueI e ~ rrise sol6ment. carles rapportsda longueur, de largeur"etde profondeurdoivent constamment6tfed6termin6s.Unefois tous les moyensdecr6ation r6unis sepose leveritable

be faced. theorganization ofseveral thingsin a certainrelationshipofsize.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 108/274

probl6medesproportions,soit lacombinaison deplusieursrapportsentreeux.Forcenturies,fromthenumbermysticismoftheMiddleAges,

through theproportionalsystemsoftheRenaissance,downtoLeCorbusier'smodule, man hasendeavoured o subject objects

Durch Jahrhundem,von derZahlenmystikdes Mittelaltarsfiberdie MaBsvstemeder Renaissance biszum Modulor von

of differentdimensionstocertain ruiesand fixed numericalsystems.Theseefforts have had tworesults: Workcreatedout

of feeling andintuitionandsubsequently subordinated toanumerical pattern has been erroneously placed with worksco n ~ t r u c t ed o ~ a~ r i n c i ~ l emach edvcalculation. Moreim.ponant. however, sihe factt nat ProDortiona syste-nsoaseo onca C J a ton ha~ebaxeothewaiocteal i e vock.they havebccomo crJtches.0 s u s p ~ Ihe ncomociort -e Corbi.$oei$moddocameaiiheendof a 1ong.creat.ve .fe, t chonexpe!i.encema .ns ghls; b n or theyoung sn,dent of archnecure the

same moo" cis8 p tfal an08 hama Ds!wld'se%tensw

Architekturstudenten hingegen bedeutetderse lbe Moduloreffortst0 numberillcolou rsandto bringthe"right"co1ourstogether hasmade nocontributionwhatevertoa real colourculture.

n o a n g e r Lesenormeseifortsenneptispar Ostwald pourm c r oscou eus et rfrunif iesco ofis<jdstes>n'oont pasosystem of ratios, however ingenious, ca n relieve hetypog-

rapherofdeciding how onevalueshouid berelated o another.

He mustfirst recognizethe ndividual value before hecan workwithit. Hemustsoare noef forttotut or hisfeefinofor orooortionsothat hecan udge how muchagivenratiocanbear: emus s tknow intuitively when thetension between several things issogreatthat harmony sendangered. But he must also knowho wto avoidrelationshipslacking n ensionsincetheselead tomonotony. Whetherthetensionshould bestrong orweakis adecision which thetypographermust make forhimself in thelightoftheproblemheisseekingtosolve.Thisisanargumentigain sta rigid numerical principlesuchas the Golden Sectionof3:5:8:13,forthisprinciplemayberightforoneworkbut

E 1 e r m 4resem'AenarbeiIenk E m ncntneqise nPropoilionsocloh1scn.i endamiterd eTraqfan gkcite nes vroportionsweiha trusses

oe~ t t e n kann Er m~ssp-iren.wanridas Spannungsverh3lt.i i sz~,schenmenreien D naensostark wiro.daBder ZL -

' a e n typograpnelorsu~ecel~ciaoit6tab ru nrapportoevaleuis -ei,pographe avamaepouvo i rava? eraver une a CJI ooot avant tout bienlareperer

I doitinlassablementparfairesonsensdesproportions, fin deoouvoiriuaersansd6failiancede a oortee etde a imited'unrappondcprooortions l s e r i t i o a l ~ i s i q u e lmomen t l a t e n s ~o n

&tab i e en t~edeux6 l ~men tsdev~en ts i f o r t euue~ha rmo~s@m . appienorab6v terlesrapportssanstensiong d l f m 6et 'ennu I detemimeraeno f t ?(ieqf6deter>s on p " s o u moins lortquid ev~ae xt"!entr eles i3p~o rlsse lonl a atureet iecaraci8rede 'ooi-vraqeuui

l.iiestconf 6 Onn cp c~ t d o f i c co n ce~ o i u n p fcipedecalcuir aide. comme eiapportde lai&ge o ' o r 3 . 5 : 8 1 3 .cm c e

rapport p@ui€irei /alaolepoi-runtravetfauxpour unaulie

Ei<;ollabeiauchdie~pannungslosenVeihanisse aoezd#

E m keitfuhien Z J vermeiden w ssen Die Enischeiouog

wrongforanother.

Typographical design callsforther ecognition ofvalueswhichbecomevisible during hesetting processandhave o be

r a n i z e daccordinatothefollowina criteria:What istherelationship betweenonevalue and another? Howi sa giveni z e r e l a t e d oasecondorthird7Whataretherelatiorsbetween he printed and mprinted areas? Whatis therelation-ship between hecolourvalueand quality andthegrey oft hetype matter? How dothevarioustonesof grey compare7TheDrooerobservation ofthese or inc i~le sscrucial forthe beauty

TypographischeGestaltung heiBtdasErkennenderWene,diebeim Setzensichtbarund nachfolgenden Oberlegungen

of ;printed work, and for itsformal and functional qualities.

On he page opposite aresomeelementary exercisesfortraining thesense of proportion.Asquare of fixed size sdividedup horizontally and vertically in ever-changing proportions.verhaltensich Farbwert und Farbqualit3tzum Graueines

Satzes? Wie stehen dieversohiedenen Grautonezueinander?Dierichtige Folgarijng nach solchen Oberlegungen stent-scheidendf"rdieSchOnheiteinesDruckwerkes,fiirseine

Die nebenstehenoe Senezcigtclcmentaie Ubun qerzw ALS.b d e s G e f " h s Propon ionen: EinOuadra tvong le ich .

Lapagec centremontredesexercices61&mentanesdestin6sadrelo ppei lesensoespioportons d vision honzonialeet

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 109/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 110/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 111/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 112/274

Komposition n Blau, Gelbund WeiK von Piet Mondrian, 1936. Composition in blue,yellowandwhite,by Piet Mondrian,Kunstmuseum Basei. Im Gege nsaezu m dynamischen Rhyih- 1936. Museu m of Art, Basie. Mondr ian'scom position eschewsmi si st die Kompositionvon Piet Mondrian auf statischen dynamicrhythm andisconstructedonstaticproportions.TheProponionen aufgebaut. Horizo ntaleund vertikal e Elements subtlepr oportions between thevariousplanesurfacesaredeter-regalndiesubtilenVerh2ltnissezwischendeneinzelnen mined byhorizontalandverticalelementsandcomposedinan

FlSchenin einem asymmetrischen Gleichgewicht. Mondria rs asymmetrical balance; Mondrian's influenceon mod ernv pog -EinfluBaufdie heutigeTypographie,MalereiundArchitektur ra~hy,paintingandarchitectureisunmistakable.i9t"""arke""bar.

Composition polychrome,en bieu,iaune et blanc,de PietdeMondrian.1936. Mus6edes Beaux-A rtsde Bale, bashesurdes

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 113/274

von Emil Ruder -1.Vortra Im Zyklu l.~asentTlches-

Handsetzer-Verelnlgung Ba wl

Monataversammlung Donnerstag26. Januar 1956, 20.15 UhrRestaurant z. Grelfen. grosser Seal

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 114/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 115/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 116/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 117/274

 

Kleewie Kandinskyerklaren. daRdie Linie ausdem Punktent-stehe. KIee:<Ichbeoinneda.wodie bildnerinche Formiibor-

e a n d andinskystatethatthelinestartsfromthedot.K : " I begin whereai l pic to r ia l fo rm beg ins: in thedo twh ichstarts to move."Everything is movement: thedotm ovesan d givesrise to heline, the lin e moves and producesa planesurface,and planesurfaces come togetheran d create a body.

1 Dotatrest2 The dot begins to move and gives riseto aline.3 Theverticaltypographicallineistautenedandthetautening

Paul Klee et Kendinsky dbclar entque la iinne n ait du point.Klee,encestermes:<Jed6bi~el t 0 laformepictufalecom.mence:eu point,quise meten mouvement.,Tout est mouvement. Que Ie point se meuve, et la lignesu rgit.La lignes'6tend hlasurfac eet IeheurtdessurfacesengendreIe corps.

1 Unpoint immobile.2 Lep oints eme ten mouvement-naissancedela ligne.3 La i gnaverti cale est rigide, at la rigid it6v a dans la direction da

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 118/274

mdetrechtsan einem best im mtei ~unk t; der: d ie Liniebeginntrechts und bewegtsich nach inks, der Leserichtungentaeaenaesetzt.

band.1 4 DieSchrihzeileergibteine optische Linie. Die einzalnenTypen

i rb indensichzur imagin&ren inienwirkung.

VondarLiniezurFl5che:1 5 Diereine Linienwirkung.16 Zwei Linien im rechten Winkel zusammenstoKendergeben eine

schwache Flachenwirkuna.

Lini eund Flache n Kontrast gestellt:19 EineLinleundmehrerezur Flacheoereihte Linien inelnen

Gegensatzgestellt.2 0 Linie und mine Flsche als Geaensatz bewirken eine Steigcrung

beider Elements.21 Straffe LinieundrundeFl&chenichtnuralsGegensatz Linie-

Flache,sondernaucha\sFormkontrast.

L i u n d l2chigeTendenzen i n den Buchdrucktypen:2 2 BeinahereineLinienwirkuna im Buchstaben<L>. eichte

i i n thed i r ec t i ono fg r av i t y .4 The horizontal iinecains nothino from aravitvan d sde ~e nde nt

rightand moves tothe left, oppositetothe direction of reading.7 Theundecided line whichcan besurvevedthrouahoutits

length. It hasforfeited movement, t canturn eft ust as easily asright.

8 Theundecided linewithapointtotheleft.Thelinefollowsthecallfromtheleft and movestowardstheleft.

14 Ar ow of charactersproducesan optical line.Theindividua1typeface sjoin ogether toevokean imaginary ine.

Fromthe linetothaplanesurface:15 The pure inear effect.16 Twolinesmeetingatar ightangleproducea weakplane

surface.17 Three linesproducea moredefinite planesurface.18 The closed form.Thesurfaceeffectisprimary,thelineareffect

secondary.

being ntensified.21 Taut l ineandroundsurfacemakenotonly acontrastbetwesr

li e a n d surface but also acontrast betweenforms.

Tendenciestowards linesand surfacesin typefaces:2 2 Analmostpurelineareffectinthelener"L".Aslighttendency

towardsa surfacein therightangle.23 Closed e nerform s: thesurface effect is primary and he linear

appearancesecondary.24 Surfaceandlinein bold andlighttypes.Amixtureofthetw0

systemsshould be avoided. Henceneverextra-boldto bold.25 Surfaceandlineintwo boldtypes.Thewhitespace between

the lenersproduces a linear effect,

18 f".ced'a"r2o,i""....... ~

4 La li me horizontale ne ~ ro f i t e o a sd ea force d'attraction; elle

mencea droiteetsedirigeversla gauche,dansiesinscontrairedeia lemure.

7 La ligne nd6cise.vijedansson ensemble, a perdu en mouve-

Laligneimaginaire:9 Entredeuxpoints, lasurface estinterrompu e par un e ate

horizontals: I'effet devision prolongeet cr6e un e igne magi-"=ire, la ianeo~tiaue.

1 0 Laligneikagin'airi,engendr6eparunesuitedepoints.

1 1La

igne maginaire, entre deux lignes,1 2 La ligne maginaire engendr6eparunesuited c lignes.13 Un argebandeau delignessuscit6par unesuited efilets haut

De a ligne t a surface:15 Effetde iigne pure.16 Deuxlignesseheunanthangledroitcr6entunlegereffetde

surface.17 Effetdesu rface renforc6 par la prdsencede troislignes.18 Laformeferm6a. L'effetdesurface pr6domine;url'effet

lin6aire.

de lignes.20 Contraste entre uneligne et unesurface pureaugmentant

reffet desdeux616ments.21 Opposition entreune ligne rigideet un cede , cr6ant u i

contrasts de formes.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 119/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 120/274

2 Dieelegants Linieim FarbenhoIzschnittdesJapaners Utamaro.3 Die Manadeim Schalenbilddesgriechischen Malers Brygos.

Die Linien uermit telndas heiSe,schwingende Lebensgefuhl.4 Edvard Munch,derSchrei. Die Lintendrucken Verzweiflunaaus.

5 Paul Klee, die Versuchung. Linien von IMsterner Sinnlichkeit .6 Alfred Kubin, Disput, Gespenstigeund morbide Linien.7 HenrideToulouse-Lautrec, La Goulueund derschlangen-

mensch Valentin. In der Liniensprachedieser Lithographie liestman seeiische Erregung und Nervenreiz.

8 Die Linie n hrergekritzeiten,verspielten Form n Paul Klees

Kinderepielplatz.9 Georg Gross, Hinrichtung. Grausame, messerscharfe Linlen.

1 Thelinear branchesofthetreearedominantin winter,and it st l y w h e n ~ h eeavesappearthatthlsline?rconslentistemporarily eclipsed.

2 Thewoodenskeletonof atreelslinear beforeit isclothed wit hfol;2"e. =-.

3 The human body is formed bythelinearstr uctureofthe bones.4 Theradiant linearity ofth e eafdemarcatesand determinesits

two-dimensional form (after Paul Klee).

Pageonright:

T h e o co nd it i on and no human characteristicwhich cm -

not beexpressedinline.1 The powerinherentin thetaut linesofan Early Greekvase

painting.2 Eleaanceoflineinthecolouredwoodcut bvtheJacanese

ut;m*ro.3 Themaenadinthedishdecorationdone by heGreek painter

Bwgos. The linesconvevthe Passion and vital iwof. . .movement.

4 EdvardMunch,theScream.Thelinesexpressdespair.5 Paul Klee, theTemptation.Thelinesconveyla$civious

sensuality.6 Alfred Kubin. Disoute. Ghostlvand morbid ines7 Henr ide~ou' louse-~autrec.= GoulueandtheSoakeranValentin.Thelinearidiomofthislithograph iseloquentof

p i ~ x c i t e m e n t a n dittery nerves.8 Thelineasascribbled, wavward form n Paul Klee'schildren's

4 Lecri, Edvard Munch. D6sespolrexprim6par leslignee.5 Latentation, Paul Klee. Expressiondesensualit6la~cive.6 Dispute,Alfred Kubin. Lignesfantomatiqueset morbide?.7 LaGoulueetValentinleD6soss6.HenrideToulouse-Lautrec.

Le race decetle lithographictraduitI'exciiaiion psychique etnerveuse.

8 Placedejeux, Paul Klee.Formegriffonn6sexprimantl'amuse-ment.

9 Supplice, Georg Gross. Llgnesacerhees, suscitantla terreur.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 121/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 122/274

 

Punkt, Linie, FlSche Point, line,surface Point,iign e,surfac e 12 3

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 123/274

DieGeschwindigkeit,einvorherrschendesMerkmai""serer Speed,adominantcharacteristicofourtime,can berepresented Lavilesse,marquedistinctiveetpr6dominantedenotre6~oque,

Zeit, kann nurlineardargestelitwarden.Dasverkehrsnetz eines only by meansof 1ines.Theroadsandairroutesthatmake upthe nepen t etrefigur6equepar un dessin iin6aire.Le r6seau de

Landes, die StraBen,die Fluglinien -ess ind ailes lineareGe- transportnetworkofacountryareaiiiinearstructureswhich voiesd e communicationsd'un pays, las rues, iesvoie sbilde, weiche fiberdiestationare" FISchen gezogen sind und aredrawnoverthestationarysurfacesandspeedthroughthem. a6riennes-autantdctraceslineairesstriantlessurfacesdieseFl~chendufcheiien. immobiles.

1 Typographicdesignforarailwaytimetable.1 TY~ogra~hischgestalteterFahrplaneinerBahn~eseilschaft. 2 SectionoftheSwissrailway network.

~ ~

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 124/274

Dierechte Seitezeigttypographische Linien ais Reihung. Diedichta Reihungschw achtden linearen Charakterund ergibt

eineFlachenwirkung,durchvermehRenAbstandwirddastierebetont.AllevierGabildesindstraffund ergeben einenTachnischenAspekt.

There isthegreatest possiblecontrastbetweentherelaxed Iand thetypographical linewhichisa lien to thefortuitousarindefiniteelementof movement.The pag eonthsrigh tshwtypographical inesasa sequence.Thecioserthe lines in th<sequence,the more theirlinearcharacterislostandthemorthey iooklikeaplanesurface. Ifthegapsbetween thelines,

increased, the linearity isemphasiz ed.Al1ourstructuresai6tautand haveatechnical iookaboutthsm.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 125/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 126/274

 

Punk,. Linie, Flache Point,iine,s urface Point, ligne,surface 127

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 127/274

Seite lintlinearemdiagonal

: Plakatfiirdas Gewerbemuseum Basel mit betont Left!Charakter. Magere,lineareSchrift und Betonungder Posterforthe Museum ofApp iiedArtsin Baslewithaen Linievonrechtsoben nach linksunten. pronouncedly linearcharacter.

Slim, linearscriptand emphasison hediagonal linefrom top:hriftzeile< BERLiN>soaneinandergereiht,daBein rightto bottom left.,;"em. %"&8""".0.*h. "~~'~*"c-..:~...:.a..'cs-.:- A L . . . . .

 

Sewerbemuseum Basel,Spalenvorstadt2l in ladung

Ni r beehren uns, Sie auf Samstag,8.Septernber1956,17 Uhr, zur Eroffnung derAu sstellung

verborgene SchStze des Gewerbemuseums

reund lich einzuladen.

Vie Direktion.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 128/274

Vie Aus ste llun g enthalt kostbare Stiicke

ius den grossen Samm lungen des Gewerbemuseums,

i i e sonst i n D epotraumen und Kellern verborgen sind.

5ie dauert vom 8.September bis11.November.

Zwei achlichtetypographische Arbeiten, in denen durch die Twsimp letypo graphic ai works in which linearandtwo- Deuxouvragestypographiques 616mentaires,dans lesquels,

infach eReihung von Buchstabenzu Wort,Zeileund Flache dimensionaleffectsareproducedbysimple arrangementofthe d'unesimplesuccessiondelettresdispos6esen mots.iigneseti n ndf lachige Wirkungenentstehen. EinzelneText- I into words, linesand surfaces. Single groupsoftextare surfaces, na il uneimnression soit iin6aire,so it plane. De s

gruppensindzurFlacheverwoben, unterbrochmdurch knitted togethertoform a surfacewhich is broken by single groupes detexies6par6ssontentrelac6sjusqu'i I'effetdesir-inzelne zellen mil inearerwirkuna. BeschrCnkungderMittei lines wit h a linear effect.Type facesalone are used andare f e u t nterrompu parqueiquestraces isoi6 si effet

ufTypen.diefunklionel1 undformal richtig auf der Flache properly organized both unctionally andformally ont hesurface

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 129/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 130/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 131/274

 

Daszusammenfuhren zweier Werte nach den GeseizendesKontrastesver&ndertundverstarktdiewirkung beidar Werta.~ u n d eaumkronen wirkenrunde r,wenn in hrerN5heeckigeBautenstehsn,einTurm w irkt hSher,we nnerin einerflachenEbenesteht,einewarme Farbew irktwarmer, wen" sie miteinerkalten Farbek0mbinienwird.Asthetikund Lesbarkeiteinerschriftsindabhangigvon derKom bination kontraatie-render Fnrmenrrun d mitaerade,schmal m itbreit. klein mit

Combinin giwo valuesin accordance with the laws of contrast

changesand enhances he effecto f both values. Roundtree.

valliesresultinunrilieved monotony.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 132/274

"no R a m . Ferneunc hahe.~i.&resi-no Innereskeinen v e i ~ a r c n i nge. fm hn g ~ i e s r n c h t eh r nm aasE n iwooc r - Ooeri.soncerndastSowoh1 - A sauch,.

Be i de i Kombinaiionvongegens&tz.ichenWenen mu&darai,lgeachtetweKien,da&dieemhe.I cheWiikungdesGanzen&chert bleibt Be zu ne+tigenKonirasten. l ~ i eellzuddnke

1 Komostounke l - hell . fen -magerund Flacha- - ma

2 Kontfastsenkfechl- Waagrechl Lnd akliv -paSSii/ EnISpr Chl

begrenzt.9 KontrastprSzis-diffus, hart-w eich un d dunkel - ell.

0 Kontrast abil -stabil. Das auf dieSpitzeges tellte Dreieckwirkt unsicherschwankend, aufdie Grundfl~chegestellt,wirktesauKerststabi1 Pyramide).

1 Kontrast Flache-Punkt,groE-kleinunddunkel-hell.2 Kontrastbewegt-ruhig,dunkel-hellund Flache-Linie.13 Kon trast breit -schmal undexze ntrisch konzentrisch.4 Kontrastkonzentrisch-exzentrischundgeschlossen-offer).5 ' Kontrast Kleinbuchstabe-Gro&buchstabeund dynamisch -

statisch.

Thinking in ermsof contrastsisnota confusedway of thinking,foreven contrastscan be unite din a harmoniouswhole .~here~areconcepts which becomereal only through their opposite,e.g."above", in con juncti on wi th "below", "h orizontal" in

conjunctionwith"vertical",etc. Modernmanthinksincontrasts. For himsurfacea nd space,farand near, innerandouterarenoiongerincompatibl~;forhimthereisnotonlyai"either-or" butalsoa"bo1h-and".

excessively small,one elementcan besodominantthatthebalance between tan d hecontrasting valueisupset ,ornevercomes nto being atall.

Right:contrastingeffectsinprintingtype:

1 Contrastlight-dark,thin-thickandline-surface.

2 Contrastvertical-horizontaiandactive-passive.Thisismost

writ ing and havea moreorganicanddyna miclookthan" ~ r i ah l s .

7 Contrastasymmetry-symmetryandagitated-restful.8 Contrastround-straight,soft-hardandunlimited-limited.9 Contrastprecise-diffuse,hard-softanddark-light.

1 0 Contraststable-unstable,Thetriangle on tsapex looksveryinsecure,whereason its baseit looksextremely stable(pyramid).

1 1 Contrastsurface-point,large-smallanddark-light.2 Contrastaigtated-restful,dark-lightandsurface-line.1 3 Contrastwide-narrowandeccentr ic-concentric.14 Contrastconcentr ic-eccentr icandclosed-open.15 Contrastlower-caselcapitalanddynamic-static.

Ceue miseen contraste,pourformer un ou t harmonieux, doits'accompagnerd'un clairpenser. 11est des6tatsqui ne prennent

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 133/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 134/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 135/274

 

Plakat m Weltformatfur sine Kun stausstellung. DieA rbeitistbewulitaufmehreren Kontraswirktjngen aufgebaut. Die

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 136/274

Posterin nternationalformatforan artexhibit ion.The design

has been bui l t unroun d a numberofcontrasts.The dominantfigure " 1 0 svitalized bythecontrastsstraight-round, hard-of t , i imited-unl imited. I t ssimply theaddit ionofsma ll typethatscales u p he large forms of the figures.Theenergeticverticaiofthefigure"1"andof thesmallergroupsoftypeis

broken by the horizontal line"ziircherrna1er".

"lucienielong"wrappingpaper.Simplecontrastof uprightandobliq uein ana lternating pattern.Thesurface isvitalized by themoreanimatedef fectof the i tal icand hemorestat ic appear-ace of th ero ma n t ype face.

petitgroupe de caract6resestint&rompue par la igne horizon-tale<ziirchermaler>.

Paged e droite : Papierd'em ballage< ucie n elong,. Contrastesimple: vertical-oblique altern6. Lasurfaceestan im&e par lescaract+res italiquestrbsvivantset par Iecaracterestatique deslettresverticales.

carigietfruh

!Jacobleuppilobecklohsemoservarlin

kunsthallebaselI5.5.bis24.6.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 137/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 138/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 139/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 140/274

 

vKontraste Contrasts Conwastes 141

Eine AnthologiedadaistischerDichtungen inenglischer,franzosischer,

-dada

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 141/274

spanischerund deutscher

Sprache

HerausgegebenvonEugen Schlafer

imArche-VerlagZurich-Stungart

new-yorkberlin

madridparis

gedvezurich

ikeseite: Inseratfiirdie SchrifKUnivers>.Heftig betonte Left:Advertisementforthe Universfount. ~ ~ ~ h ~ t i ~ ~ ~ ~ t ~ ~ s t o fage de gauche:Annonce pour lafamillede caractbres

ntrastlagesenkrecht.schrag.DiedynamischeWirkungvon verticalandoblique.Thedynamiceffectoftheobliqueis univers>. Contraste droite-obliquefortement accentu6. L'effet

hr~gistdadurchverst~rktworden,daBdieursivenZeilen enhancedbythefactthattheitaliclinesarearrangedundereach dynamiduedc1'obliqueestencorerenforc6parleslignesdetereinanderin eineschrage Liniegestelltwurden. otherin anoblique line. aractAres italiques dispos4esanhiais.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 142/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 143/274

 

sichergestelhseln.

Nach der ErfGIlung dieser Forderung erstdiirfen und sollen vomGestalterbeachtetwerden:

There isa standing temptation forthetypographerto use his

tv~e~rimari lvasatoneofrevand thustoallot it a~u re lvassthe! candde co#a tii /er ~ it sasign of mmatur ty touseag y a g i e y t o ~ e a s aasisforadesgnmiown chthet v ~ o g i a ~ n yastof tas best lea n howeve r ! chthegiey effect

obla ned tnere 0 8yst 11o e s e ~ ~ o ~ ~ l u n c t ~ o n andlormadefects Beforethegrey effect saecidedi-pon.lhetypog-r e m ecemintnai the av o dtol hiscompost 081sfunctionally right.

Only when thisrequirement has beensatisfiedshouldthedesignerturn hisattention to:thavariouswausof creatinoa oraveffect with ines.tvoo-

Danssoninieipf6fation. let /~ ~g fa ~h ee s! fa cimenttent6 oe

donnor add par t a pi6oom na nc e a - tongr soel'6ci.tuie.'accoidanta.nsi6eel e- c cu'-nr61eo6cofatil el esihetique.Cho sir asuifacegr.seoi, laionallt6degi s comme basedcI"nlefpr6idiion a anuet a t o ~ i ea tyoograpniedeu,a s'aoaotcre e o u m e t ~ ~ .st sigrieo'un manqi.eoe matuM6 profes.e . n e a ' ~ v ~ c t y p o g r a p h i ~ i . e ~ a ~ t t e n f e i m e rgris e

plu* pr6cte"x otccponomt accu$era'6vroentsa618ut$ forme s: l i o n n c l s Avantd'6tabl i erfileougns. ilcort i'ontdonc0 ' 8 % i l .~ tC fonc t iO~d~COmDOSiti00.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 144/274

d i c h i e d e n e n MOglichkeitenderGraubildung mit Linien,typographischem Schmuckmaterial und Schrifttypen. Auf derb t h d n S e i t e s i n d v i e l e G r a u s t u f e n v 0 m l i e f e n

Schwarz biszum hellen Grau realisiert -ein kleinerAusschnitttstausendfachen, praktisch unbeschrankten MOglichkeiten.Dabei bewegen wiruns hierim GebieideroptischerTauschungen; die Formen und Zeichen sind allemitdemselbantiefen Schwarzgedruck1,sberdiefeine Liniewirdzu Grau unddieAnhaufungzueinergrauenFlache. Dergleicheschriftgradwirddurch SperrungderBuchstaben odervarrierenderzeiler.abstandeoptisch vergnden.

FiirdasAugeerzeugtdasSchwarzverschiedeneGrau,dieses.aelbeSchwarz hat abernoch eine weitere Auswirkuna. die der

po&ibilities.

This brings usintotherealm of optical illusions: All theformsanosignssiepfinteo ntnesamedeeptoneofolacr; .yettne

1. 0 e ooksgteyano a numoefofthem ogetner makcagreys~i fac e nesametypc size looksdifferentaccciainq10 thespacing oft he lettersandthevarying distances betweenthelines.

Black createsdifferenttonesofgreyfortheeya, butitalso hasanothereffectwithwhichthetypographermustbefamiliar.Thesmallestquantityof b1ackconsumeswhite;ittakeswhiteawayandiiesatalowerlevel thanthewhitesurface.The blacksquareontherightmakesa holein thesurfaceand thedegreeof penetrationdependsontheintensity of thegrey or black.

Thereare asmany depthsastherearetonesof grey; the whitesurfaceis broken unandridd lcdwit h llusionsof deoth.Tt ypo gra phe #sh o~ nanole h sgiey tonesanaoeplhd l e l ya n d~ ~ e t h e m o n l yhen ne hasdecided precisely

primedwork buttheycan also beusedformallywhenprinting

hasto beevocativeanddynamic.

sil'onconsid6relesinnombrables possibilit&quiexistent.P6n6tfonsdansledomainedeseffetsoptiques.Tous lessigneset formessontimprimis& 'aidedu mfime noirabsolu,maisIefilettnSsfincr6eiegrisetdelajuxtapositiondetelsfiletsnaits u r f a c e arise. Le mame corps decaracif irespeutdoiner uneffetfortdiff6rantparillusionoptique.selonl'interiettragaou'interlignagechoisi. Le noirproduitdoncpourl'ceiltoutel'6chelledesgris.

Lorsqu'il estdependantd'un domainedei'informatioo, Ietypographe, mame assufettian texte de presseou d'ceuvreIiniSraire,a la libert6d'interpriStersa composition dansun ton

I lev decacactCrcss cxpiessives (mom o n r o n s ~ c ~e ~2Us6ficsmoivcil ci.sement harmon s6csoel Jn veis) Si Ics

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 145/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 146/274

 

luwefie Shadesof grey Vaieursdestonsgris 147

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 147/274

SeiDiemi<Stildei

ten 1461147

ielkane,deuisch,um 1400.$10.Gebot,ausdem<Seelenhort>,Augsburg1478.

istusalsauter Hifie. urn1450.

The history ofth e woodcutshows how ncreasingly rich effectswereobtainedwithgreytones. Deveiopmentwisfromthe3 r s t y l e intended for colouring) to he Renaissancewood-cutwith itsrichtonesof grey.

1 Playing card, germ an,^. 1400.2 TheTenthComrnandment,homthe"Seelenhort",Augsburg

Pages 1451147La aravuresur boisau coursdesSges nous donne Involutio n0 gr s . o on t l a i a l e ~ f~as'affirmani J $,re! 3 mesi-red, perlectionnementdecetteicchi due Ced6;e oppemeni u a mv i e niairc toest " 65 a co cn l ion l i or chcoammet i e d a n s a gravuresur boisde a ~enaissance.

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 148/274

Seite 148DieTechnikdes HolzstichesergibtdiereichsteGrauskala, und

i n im biszurAufrasterungder Grautone m Autotypie-klischee ;stein kleinersc hriu.

~ n iood engraving yieldsthericheslscale of greysano from

herotothegieytonesproduceo by thescreeenof the ha lf-tornb ockison ly as hor ts le~.

7 Thew ild bullofChillingham,ThomasBewick,1789,

Page149Typographical gradationsofgrey obtainable inone printing

process.1

Page 149Possibilit&d'utilisationdestonsgrlsen typographic:

1 Linesofequalthicknesswithdifferentdistancesbetween.2 Linesofdifferentthicknesswiththesamedistancesbetween. 3 Tramed'unclich6d'autotypie.3 Screensurfaceofa half-toneblock. 4 Echelledescorpsdecaract~res.

4 Gradationoftypesizes. 5 Caract&resAntiquesmaigres,mi-grasetgras.

5 Liaht. bold andextra-boldcuttinaofasans-serif. 6 Compositionuniformeavecinterlignagevari6.6 comio sition w ith variable loading.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 149/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 150/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 151/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 152/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 153/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 154/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 155/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 156/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 157/274

 

The typographer's material -type, lines, ornamentation -doesiottakereadilvtocolour.BlackistheDaramountcclourintypography,a~dthereisanalmostinfinitescaleofgreytoresderived from the differentsi zesand hicknesses ofthe type,andfrom thedifferentspacesandgaps.Thisblackgoesvefvwell with brilliantcoiours,redin particular. Notadul l, bluishred. but a briaht.aleamina.veilowishred. It sthered ofthe. - " . . ~ ~

i n a b u l a , used sparingly in nitial etters orparagraph marksd i g it h thelargerarea of blackorgrey. But colourv bu se d o effect fthetvoei siameand fci1d:smallandlight type wof .t~ -ig a st c0lo.r fee pa estop "4 . y d ow seeps0 ' t h e h I ? l~CDCcomcs o st ngnshab elrom

o r . e rouge, parexemple, occupe une place privil6gi6et t f r o n t a t i o n : n o n p asunrouge bleut6.6touff6.m a 1 s i aun~ t r e . c l a i r , 6c l a tan t . erougedesincunables,en petites ouches dansles init ides ou lessignes-alin6a$,

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 158/274

unterschieden werden. Rot stdieeigentlichetypographischeBuntfarbeschonw~hrendahrhunderten.und diefolgendenBeispiela befassensiohmitdem Einsetzenvon Roti neinDruckwerk. Die Dosierungvon Rotdarfnich tdemZufa ll i iber-lassen warden.

Mcngczu e net kle "en Menge Schw3rzsienen. wasaiosefFaroe,die sich a d e r n Far~cnmchtgcrne to~ordnct nd

Zuden Beispielensuf Seite159:1 bis9 UberleitungeinerkleinenMengeRotzumdominie.

renden Rot.1 GinesSpannungsverh~ltnisSchwarz-Rot.RotistdiirchdlekleineMenaekostbarceworden.

10 We tereA.fspl ner ~ng von ot ~ n dchwau11 D OAUISDteiunq a&t keinee ndeuti ~eFaro wir~i ngervz i

~as~ugeverm ischtot und schwar;in der ~ i c h t u n i

Bra"".12 Rotwirkung bedrohtdurchdiezu kleineMenoe Rot :diezi

leichtgeschw&ht.17 Dominierendes Ro tzu einerklaren Schwarzwifkunggestellt.18 OieSchwarzmengevon17aufgel6st,dadurchVerzichtauf

klare Farbwirkungen.19 DominierendesRotzu einer kleinen Schwarzmengegestellt,

die s i c o c h knapp behaupten kann.20 Schwachung der Schwarzwirkungvon 19 dufch lineare

A"0,d"""g.21 WeitereSchwachungderSchwarzwirkungdurchAuflosung.

Here again, as in every depanmentoftypography, proportionsm u e ir iy thoughtout .Thereshould betension betweena brightcolourand black,andthistensionshould beclearlyapparent n he first draft of a primed work. Redcan dominate,i.e.alargeamountofitcan bejuxtaposedtoasmallquantityof black,andthisliesvery muchinthenatureofred,whichisn o t ~ r t h a i l i k e s t o t r u c k l e t o o t h e r s utisimoerious bv.disposition. But asmallamo untof red,placed neartoomu ch

q i i e ~ ~ m e t h i n g i o a e a v o i o e d ; ' t s e t ~a n un.comfortab enua c f Ilisnolclear w h ~ ~ ~ r ~ p ~ t ~ e ~ n o l l o r c e s i s

between necolo~rs, ndtheeyecanno~oece wnich colour

tone isthe dominantone.Noteson exampleson page 159:

1 to 9 Transitionfromasmallqiiantityof redtoredasthedominantcolour.

1 Thetension between blackandredi sgood. Being small inquantity, the value ofth ered is enhanced.

2 Therelationship between blackandredisalready a linieequivocal.True,thereislessredthan black,butitburstsitsboundsano m a k e s ~ g r e a ~ e r ~ m p a c t ~ h a n ~ ~ s n o ~ l o

3 Theeqi. I or#-mbetwcen olackandieo ssli~nt1,~osety thesgqiess venati,rcofthcfcd Thonva fv betweenthetwocoloursconveysan impression of uneaseto theeye.

4 ThesamequantitiesasZ butreversed. Bu t thered outshinesthe blackand createsa clearpanern oftension.

5 Red definitely n heascendancy.6 Black creates a definite effect:^^ doesred.7 The blackef fectisweakened b y 1inearform:thered effect is

intensified by being boxedinthe black.8 to 11 Attenuation of blackand red effect byfragmentation.8 Unequivocaicoloureffects.9 Incipientattenuationof redand black.

10 Furtherffaamentation of red and black.11 ~hefragm~ntationisnolongercompatiblewithanunequivocal

colour effect. The eye mixes red and biack and lends to makebrown of them.

12 Theredeffe ct scompromisod b i 00sma aqu3ntity. meexcess vea-iori: wof o achouoiwnolmsthcrco

13 ln le ml cat onof hereaellect.14 Goo0 panernof le ns'o nbct ~een lackano red.Thereocan

moreman ho.dil sowa gain st thedominant olach15 and 16 Theq~antyo f redin14isattenuatedoydfusion. ¥ r e d e f f e c destroyedandtheblackeffectisslghtlyweakened.

17 Dominantredopposedtoanunequivocal blackeffect.8 The quanti tyof blackof 1 7 diffused, thereby forfeiting unequiv.

ocalcoloureffects.19 Dominantred opposed to asmallquantity of black, which can

stilliust hold tsown.20 Weakeningofthe blackeffectof19 bylineararrangement.21 Funherweakeningoftheblackeffectbydiffusion.

t i t r e n t q u e edosagede cenecouleur ne doit pas atrelaiss6 au hasard.

I i , q e s p o n d i son caractfire dominaieurqu ineselaisse pasfacilemsntassujenir. Mais un e touche de rouge,mpresd'ungrand aplatnoir, gag men valeuret en uminosit6.Elledevient,commeIedisaitsipertinemmentAugusteGiaco-meni:<Undimanchedans a grisaille quotidleine, mef ate.,

Quel'on6vitecetterivalit6d6plaisantequ'engendrel'affroote-e n t d e couleurs en quanti ty Scale. Le rappondesforces neserait pasr6soiu e1 \'cellnesauraitiquellenuanceaccorderlapr6dominanc@.

8 fi 11 RougeetnoiraffaiblisparIemorcellementdescouleurs.8 Effetbiend6termir>6descouleum.

9 D&butd'affaiblissementdurouaeetdu nolr.

2 Effetdurougemenac6,6touM6paruntropgrand aplet noir.13 Renforcementdurouge.14 Bo n r a ~ ~ o r te tension entre Ie noir el Ie rouae. Le rouae

estl6g&iementaffa b i7 Ro~gedominantnn o e a nementa6fini

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 159/274

 

ausstellung

danische werkkunst der gegenwartrunsthalle basel

23. august

bis 4.september 1962

geoffnet

werktags und sonntags

eintrittfr.1.-

fuhrungen

werden in der presse

euestellung

danische werkkunst der gegenwart

kunsthalle basel

23. august

bis 4.september 1962

geoffnet

werktags und sonntags

eintritt fr.1.-

fuhrungen

werden in der presse

ausstellung

dilnische werkk unst der gegenw art

kunsthalle basel

23. august

bis 4.september 1962

geoffnet

werktags und sonntags

eintritt fr.1.-

fuhrungen

werden in der presse

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 160/274

bekanntgegeben

bahnbillettemit ausstellungsstempel

gelten einfach fur

retour

militar und schulen zahlen

halbe oreise

ausstellungdanische werkkunst der gegenwart

kunsthalle basel23. august

bis 4.september 1962

geoffnet

werktags und sonntags

eintrittfr.1.-

fuhrungen

werden in der presse

bekanntgegeben

bahnbillette

mit ausstellungsstempel

gelten einfach fur

retour

militar und schulen zahlen

halbe preise

1 bis 6 AufteilungzweierGrauwerteineinerainfarbigenAlbeit.1 Arbeit in einem Grauwert. Eine Schwarzwirkung stdurch die

magereSchriftnichtmOgiich.2 Einfiihriiri~vonSchwarz.DieSchwai~menseistgeseniiber~~

der~rau&ngezi. klein.3 BeginneiriOi kiacer iAuseinan0ei~eU~ngchwa=-Gfai.4 DieSchwaizwirkungisigogen~berdoriest. ichenGrau~itkung

gesiche".5 Beginn emes unklaren Vethziitn;s9es Schwarz-Grau.6 Schwarzund Grau inGleichgewichts ago. wobe~dasGrauvin

deiuborlaoartenschwanmflnoohooianolwird Ungcklartin.

bekanntgegeben

bahnbillettemit ausstellungsstempel

gelten einfach fur

retour

militar und schulen zahlen

halbe preise

ausstellungdanische werkkunst der gegenwart

kunsthalle basel23. august

bis 4.september 1962

geoffnet

werktags und sonntags

eintri tt fr.1.-

fuhrungen

werden in der presse

bekanntgegeben

bahnbillette1 mit auss~ellung~~tempel

gelten einfach fur

retourmilitar und schulen zahlen

halbe oreise

1 to 6 Division oftwotone sof grey n a monochromework.1 Workinonetoneof grey.Ablackeffectisprecluded by he

leantvoe.

paredw tn theamount o f grey3 Beginningof a clearconfrontation between blackand giey4 I eolackeffect issecured aQainstthÈresldualgre affect5 There ationsnapbetween blackandgrey beginstooeeqi- vocal6 Blackandgiey i nmu nbr um. out thegrey sunoerpressuie

fromthesupeiposed biacx The paneinof forcesisnot c ear

bekanntgegeben

bahnbillette

mit ausstellungsstempel

gelten einfach fur

retour

militar und schulen zahlen

halbe preise

3

ausstellungdfinische werkkun st der gegen wert

kunsthalle basel23.august

bis 4.september 1962

geoffnet

werktags und sonntags

eintrittfr.1.-

fuhrungen

werden in der presse

bekanntgegeben

bahnbillette

mit ausstellungsstempel

gelten einfach fur

retourmilitar und schulen iahlen

halbe preise

chrome.1 Impressionen unseul on dagris. Empioidecaractdresmaigres;

iff at de noirexclu.2 introdu ction du noir, entrop petitequantit6parrapportaugris. :3 D6butd'uneclaireoppositionnoir-gris.4 Par fapportaugris, l'e ffetnoi restasur6 .5 D6butderapportconfusentreienoiret iegris.6 Position d'6quilibreentre Ie noiretlegris, maislerapport resta

confus;iegrissubitla surchargedu noir.

 

ausatellung

dllnische werkkunst der ge ge nw rt

kumtha lle basal

23.augustbia 4.saptembar 1962

geoffnet

auwtellung

dfiniache werkkun st der gegenwart

kunsthalle b a d

23.august

bii4. September1962

geoffnet

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 161/274

werktags und sonntags

eintrin fr.1.-

fiihrungenwerden in der presse

bekanntgegeben

bahnbillette

mit ausstellungsstempel

gelten einfach ur

retour

militar und schulen zahlen

halbe preise

6

werktags undsonntags

aintritt fr.1.-

FUhrungenwerden in der presse

bekanntgegeben

bahnbillette

mit ausstellungsstempel

gelten einfach fur

retour

militdr und schulen zahlen

halbe preise

ausatellung .ddnische werkkuns t der gegenwart

kunathalle baael

23.augustbls 4.eeptember 1962

geoffnet

werktags und sonntags

eintrin fr.1.-fiihwngen

warden in der presse

bekanntgegebenbahnbillette

mit ausstellungsstempel

geiten einfach ur

retourmilitar und schulen zahlen

halbe preise

1

. .is oo weak.

8 Theboldtypefaceassurestheeffectivenessofthemd uttheouamltv is oo small.

TWO-&loursystemof redandgrey.Thueisno blacktogivethe brilliance.

9 Red,blackandoreveffectassured. buttheauantitimof redand

a

d.....-... ..ekkumt der gegenwartkunsthalle b a d

23.august

bis4.september 1962

gaoffnetwerktags undsonntaga

eintritt fr.1.-

fuhrungenwerden in der presse

bekanntgeflebenbahnbillettemit ausstellungsstempel

gelten einfach fur

retourmilitar und schulen zahlen

halbe preise

12

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 162/274

 

Verlag Arthur Niggli AG, 9053 Teufen

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 163/274

t h e brillienceofthend.~overuptheleneringa'ndseehowther e d. losçsiwquali

; ~ o m u l e i n efamre da la maison d'Edhion Anhui NlggliS.A.Ti?wolsinedu noir,lamuchederougeestvaloride

,@umnouse Rapportsclairsentre e rouge, Ie noirel',&,ris.

Rechnung

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 164/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 165/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 166/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 167/274

 

I t o t o m ~ c h t h e q u a n t t y o f t y p e f a c e s a s t h e q ~ a l ~ t y o f

n a 1 c u n r n g s w h c h e n ab e s t ne ty p og ra p he i t o s a ti s fy t hegicat vat ietyof demandsmade~ponmscrak todav I t snotnecessary o haveatvpeface whicn issu ted to thecon tentso leach oan i~ula itext.e g sans.seiilforlechnica m atenat oldface for I evary maner.ana olacklenerandfon.turformsforhistorical work.In theearly daysof priming only onefacew asused for both ecclesiastic and secular printing,viz.the typefaceof the per iod.Al l the p r int ingo f the tal ian Renaissancewasd o ne in c l a ~ ~ i c a linu~cu le .

Thelaigenumberof t$pefacesavaiablatothetypographeit o d a v is n o t s o m u ch a s i g n o f a h g h l e v el o f ~U t ~ i a i a c t i v i t y a ;ratherevidenceof alackof inteinat iona cnnrdinat onan dtheresultantfrittering away of effort.

l'6norme quantit6defamillesdecaractfires mise & la disposi-t ion du typographe n'est pas n6cessairementVexpression d'une

dlversit6cufturelle, mais plut6 tIesign e d'unest6riledisperslondue5unmanquedecoordinationinternationale.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 168/274

i f ruchtbara~Leer laufsdurch angelanubernat ionaleiKoordination.

funktionellgerechtwarder.

Auf dem Gebieteder Werbuna hinaeqe n bieten sich dam

I fanew ed ' tono f an 18thcentury book is toappear . t he tearetwoargumentsagainst usingatvpefaceofthatcentury. First.thene w bookisa20thcentury productandsh ou ddisplay thefeaturesofa pr imed worko f ouraayandag~.althoughthei n t e n t s oeton glorh e past. Second, :t is not the typographer'sbusinesstointerpret i teraturein hisow nwa y. L' tera t~ie canspeakforitself :eitherthe contents areof interestto thereaderortheyarenot.Consequentlythetypographer'staskisreducedsimply to makingrea dingeasyforthe readerwith a typefa cean d inaformwhichistechnicallyandfunctionallyrightforthew o r k i n q u e ~ t i o n .

nadvert is ing,on theotherhand, it is lef talmostcompletelyopen o he typographerto interpret thecopy n hiso wn per-sonal way O kena nadv en sing message becomes worthy of

at tent iononlytnrough tstypographicaloesgn.for t i s n o tdirected to asoea a ly nteresteu circleo f reauers The impor-tanceof themessage-of one word or more, rarely of th e wholetext-miif it be brou ohtou t bvwnoa ranhical means,for it s the

Besidescolour,thetypographerhasothermeansathisdlsposalforinterpreting a text invisual terms:characterandsizeoftv~e

charactersin ordertoobtain a diffuseeffect,deliber$elydefectiveand ndirect printin gwith alterationsobtained bychemica l means, unusualimpositiononthepage,etc. I f a w o r dissodistortedintheinterestsof visualimpactthat itceasestobe legible,an opportunity should be afforded of repeating hisword in herelevanttext .

illimit6ess'offrentautypographededonnerau toxteuneinter-or6tat ion ~esonnel le. ne in fo rmation ~ub l ic i t a i re e~ re nd

d'un texte: styled'6critureet corpsde caracthres, combinaisonsdediversstylesecdiverscorps, espacementsdescaracthres,

s t t e l l e ~ u ee dernier devient illisible,ce motdevrait pouvoirStre reproduit dansle contextedans sa forme intbgrale.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 169/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 170/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 171/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 172/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 173/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 174/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 175/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 176/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 177/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 178/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 179/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 180/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 181/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 182/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 183/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 184/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 185/274

 

technischcn Verfanren gcsctzi v\ 10mil Vascninflnl-om3 12 e,.tester Syste.wundgeo,~c<twordoocnfa ,6m I Maschfnen

Diegeschriebene Schriftistvollvon rhythmischen Wenen;Wirkung und Gegenwirkungformen das Schriftbild: Gerade-und,senkrecht-waagrecht, schr6g-gegenschrag, und-gegen-rind, Dr~ick-Gegendruck,Zug-Gegenzug,Aufstrich-Abstrich

manual work, howevermodest, givesexpression to a pulsing,rhythmicmovement.The basic difference i5 well exemplifiedby a hand-woven and a machine-woven carpet.

Handwriting isfuil o f rhythms: itsaDDearanceisdetermined bv

writingcan beseen to underlie any good typeface.The processoftype-casting (drawing, cutting, punching or moulding,casting) nodoubtweakenstherhythm of handwriting butthe

a fonteoescaraci&ei. QJ. r f e s ~c o (.neiechfiq~es..ot e, a

c : o r ~o3on hl' adede macn nese8tr6memen! c o ~ pxes.' mpfe3s o~, oot ~~t~ .ea ~ecd esma cne ~ d ~ ~ o ~ ~ o s g r a ~1 1 s . o ~ tn s i s.isienanles. Lamacn ne mprhgned i c s o n s c e s ~ t o ~ i e~pogiaphie lefonctionne. m-cer i~ foab,Sunocadenceparfai temenif6gd ihre.~aiioranted~Vh me errestrevivam, alorsque dens ie plus modeiteouvragemanuelaffleureierythmed'unepulsation humaine. Cenedif -f6rence fondamentale, nous a retrouvons entre Ie apis nouet i m m mainetcelulfait & lamachine.

& e m stempr einte deryt hme. act onetz6actionformen?l'm I d~ c ~ ~ a c t ~ c e ~ l ' g n e s ~ ~ o ' t e e ~ c o ~ ~ b ~ , v o

hofi~onlalc. olique el cowant celreoo."ue. acccnn.31'on et1 6gcm&nt. cmotd&li6. rono. trait el I ~ ~ ~ ~ O D O O S & S .ndotpo~ v 0 i fclrouver dans~rion cacact6reo'm~rimei'e a !ome

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 186/274

w a u t e n uchdruckschriftistdieaeschriebene

ces Bucnsiabensnic'M w e n . Erne Sdchon-cdschf ft. naere g i t t enrzi-mA.sdt-ck Gomm!,d m Rhtalsaeqener e f bezeicnnei D eWechselwirk~ngz ~ . s c h e n o ~ c % e m u ~ d c ~ n r e mtz'cn oefmScnre'nen mnlaer

Das Aneinanderreihen der Buchstaben zum Wort, zur Zeile,

zum SaQ bietetwa itere Moglichkeiten der Rhythmisierung.Diese rhythmischen Wene,die d erT ywg rap h wahrnehmeni n derkennen sollte.sind. ia nach Wort und S~rache.ve r-

2 . sn .m em in ee mo nl n Spano-ng genahrlc stet

EtneSatzmengebnn rh\lhmis en eercer-awcn ~ n gichenDuichscn~K.d~fchve fsch iedeneZe inlangen adrcnoas

We5unbedf~chte r tellenooi A~sgangszeen i-nod-rchG#adaost.f.ing derSc5f. k. Dasoomm erondcScnwarze res

groBefenS c v f!waae$ <an" 21%oere8cnenoes. on ~ f en Fi en!a sg'edemass undieil*rioesE ement ~ i r h e n ,asoeSa ix .

B ie i te~ndohca es PaoicrfofmatcssindTe desrhythmischenGanzen. uno derTtpoqraph kann Wort. 2ei e und SatmwogeI i t i m o c ' e i ontrastierenoe Rhvthm~s.Elemente auf dem Papiarformatvertellen. In eine hoc h- Oderquer-formatige PapierflSche kann ein quadratisches Satzgebildesogesteillwerden, dagderzweitakti ge Rhythmusdes Papier-formates mi t dem GleichmaBdes Saizes kontrastiert. DiesesGegeneinanderderrhythmischenBewegungen bietetunbe-grenzteMogiichkeiten,nursolliesichderSatzgestalterinjeder

PhaseseinerArbeit iiberdierhythmischen Gegebenheiten klar

originalwrittenformofthelettershould notbecompletely

strokesof everytypeface, even nsans-serif,so that letterpressanalso beenjoyedasarhythmicpattern.

spaceismeuasicmeansof mpaiii?grhythmto wordsof

o ffeienilengthand we gnt. nanow ntef~oidspacings ckmstension, i.nifoimspacingvirtu8 ly ~aecdesit. aria war ewofspacing enhances it.

Ams of ty ~ec an oc ih yth mze d yunequa leading byvacmqnlheienglhofthc ones oythewhite of b ankspacesinbreaklines, and bvaradino thesizeof thet uoe Thedominant olackofalargesizeofyp emay beenrichingin itseffecta ndin manya d i v i d i n g a n d p a t t e r n i n g e l e m e n t w h i c h breaksipthetypeintorhythmicallyunequaivalues.Largetype, how -ever,should beclearly setofffrom its surroundingsso t hat itnperformitsrhythmizingfunction.Thewidthandheiahtof theoacerare~ar tof theovera i l

mattercanbiimposedinsuchawaythatthetwo-beitrhythmcontrastsw iththeev en measureof thetype area, Suchcontrastsofrhythmicmovementaffordinnumerablepossibil-ties; butthet ypographermust know in each phaseof hiswor kjustwhat rhythmsarainherent n t.

Ontherigh t-hand pagethareisaStructureof uniform propor-tis whi chi srh yth mize d by picking out variouselements.

miuc l lequ; 1- a s e - v i m base Le DfocessLsoeia funiedes

.m i m e rimitive descaract&resne devrait cependant pasr e n6antiecomplfeiement.Une 6criture d'imprimeriequi a

perdu son caract&reoriginelest une 6critured6~6n6r6e.L'effetd'alternanceentre traitsgrase t maigresquedonne la plumedoitfitre conserve danschaque 616mentd'impressim mamei s l e s ntiques, a fin due Ie caract*reimorim& Drenne. iui.i l vaieurd' image~thmiqin.

Un rvthmevisuel ~ e u t d e 6me fitreobtenu dans l'assemblaaedes etlresen mots en1 qnes.en phrases.Ce$ ~8 et.m#nh.m iq~ fs .uo ne do i v en tpas6cha~pe ' a ~ t ypog raphc . df6fen!scion lesmotsellesphiases -'.old ettrageest a oasodolaO n h m dueontremotsp USOJ mo 0s OOo s e t imp08tanis uncs~a~emcntsen6aftaib~!ttetenson,q~#est

La composition peut en outre6tre rythm6epar un nterlignageirr6auiier. oardes lonaueurs de lianes diverses. oar ies

opposit ion tranch6eavec la symbtrie de la composition. Lest t i sen t r emouvements r y thm iquessont r i chesdepos -ibilft6sd'arrangemenis. et lecompositeurtypographe devraoia i t reetappl iquercesdonn6esrythmiquesdanschaquephasedcson ravail.

l a age dedroite : une composition sym6trique whm 6e pard6gagementd'616ments particuliers.

sein.

Auf derrechten Seitewird ein gleichfOrmiges GebildedurchHerausl6seneinzelner Elements hythmisiert.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 187/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 188/274

naheliegend ware.

1 Dstscnweim Riegeloa~Die Ral'ens nd neinefgeomeinschenOwmi ng ~nleistfl l l ndef Str~kli-rder akert rnwe cheaieF t m icolder besonoererhvthnfsche-Reiz.

2 DieGesimsedes Kapitolsin Rom (Michelangelo) sindni chta c hstarre" Gesetzen,sondern intuitivgestaltet.

3 Le Corbusier, Unit6d'habitation. Marseille. Die Moderne Iehmdasstarre Schema ab und stsic h der Kraftdes Rhythmischenneu bewuat.

4 Pat ~~~~~~~~~~~~~~~~~~~at oe Bcn-flan Rnvihmi-sch s i d e

S ho_enederArchiie<lur ooen no r zonigezeichnet

to bea logical procedure.

1 EastSwiss half-timbered house.The beamsarenotarrangedaccordingtoageometrical plan. It sthe patternofthe beamswhich alsotakesin thewindowsthatdivesthe buildina itsparticularcharm.

2 Thecornicesofthe Capitol in Rome (Michaelangelo) are

desianed ntuitivelvand no ti n obedienceto riaid aws.3 Le~~rbusier ,united'habitation. arseilles,~hemodern ge

doesnotfavourrigid plansandisalivetothepowerofrhythm.4 Paul C6zanne.farmof Jas-de.Bnuffan.Theoutlineofthe

behaltuni des~asteriRhythmisierungmitweii, Grau undSchwara (7). n Paul Klees<Rhythmisches>pulsiertder Page 1901191 and 1921193:Rhwhmuslrei (8 ) . Rhythmical variations of rigid typographical compositions.

1 Constructionh colombage-en Suisseorientaie. Lespansde boise s o n t pasordonn6sg6om6triquemenl. Leurstructurequil a f e n â ‚ ¬ t r e d o n n e ~ u n e i m p r e s s i emobilit6anrayante.

2 Lescornichesdu Capitoleh Rome (Michei-Ange) sontconcues

intuitivemen1 et "on seion des ioisrigides.3 Le Corbusier, Unit6 <habitation, Marseille. Les conceptionsioderness'6cartentdu schema rigide, prennent consciencede laforcedu rythmeetl'utilisent.

4 Paul Cbzanne, MasdeJas-de-Bouffan. Rythmedeiasi lhouet tearohiteoturaleaui ee ~r of ii eh horizon.~

5 Pietde ~ ~ n d ~ i k n ,oogie-woogie. Passion.sensibilit6rythmeanimentcettedanse.

6 h 8 Sch6marigiderythm6(6). Bianc,g r isetno i fan im6sp i r

l a m e 7). Libbrationdu mouvement iilustr6edans<Rythme>de Paui Klee (8).

Page 1901191 et 1921193:A116gement de compositions rigides par effets fythmiques.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 189/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 190/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 191/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 192/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 193/274

 

Untersuchung einer Textgruppeauf rhythmische We re

1 Wonabstande. welc heze ile und Satzin Worte ungleicherLangegliedern,sindschwarzmarkien. Die Wortzwische n-raume vermitteln a in rhythmisOhesSpie1von ungleichen Inter-vallen un d unterschiedlich gewichtigen Wenen.

2 Wie1,mit ubiichenw eil3en Wonabstanden-3 zuengaWonzwischenr5umeschwachandasSpielderun-

gleichen Intervalle; d ie Zeile wird m onoton.4 Zu weite Wortzwischenr5umeverstarhen en Rhythmus,ver.

mindernabardie Lesbarkeit. DasLegatoderZeiie weichtdemStakkato dereinzelnen WOrter.

5 DergieicheTextohnedief~rdenRhythmuswichtigen un-dungen. DasSatzbiidwirdstachligundaufgeregt.

6 DergleicheTextohnedasrhythmischwichtigaAuf-und-Abder Ober- und Unierl2ngen. Das Satzbild wir d monoton.

schopferisch sein ist das wesen des Run

stlers, wo es aber keine schopfung gibt,gibt es keine kunst. aber man wurde sic

tauschen,wenn man diese schopferisch

kraft einer angeborenen begabung zusc

hreiben wollte. im bereiche der kunst is

der echte schopfer nicht nur ein begabt

er mensch, der ein ganzes bundel von b

etatigungen, deren ergebnis das kunstw

erk ist, auf dieses endziel hinausrichten

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 194/274

1 Interword spaces dividin g in ean d type matter nto words ofunequal length aremarkedin biack.Theinterwordspacessetup a rhythmic interplay o f unequal intervals and values ofvarving weiaht.

2 A s i , butw ithusu al whiteinterwordspaces.3 If the interword soacesaretoo narrow. the effectofthe uneaual.~~~~ ~ ~ ~F~~ ~

intervalsisweaken ed; the line becomes monotonous.4 ITtheinterwordspaces are too wide,therhythm isenhance d but

legibility isdiminished.5 Thesametextwithoutthecurvesimponantforrhythm.The

composition becomes a gged and excited.6 Thesametextwithoutascendersanddescendersimponantfor

rhythm.Theappearanceofthecomposition is monotonous.

1 Lesespacementsqui divisentla composition enmotsdediverseslongueursets6parent es lignessontmarqu6s en noir.I s ponctuent leje u rythm6 des imervalles rr6gulierset des

sitionmonotone

schopferisch sein,ist daswesen des kuns

tlers,wo es aber keine schopfung gibt,gi

bt es keine kunst. aber man wurde sichta

uschen,wenn man diese schopferische k

raft einer angeborenen begabung zuschr

eiben wollte. im bereiche der kunst ist de

echte schopfer nicht nur ein begabter me

nsch, der ein ganzes bundel von bestatig

ungen, deren ergebnis das kunstwerk 1st

auf dieses endziel hinausrichten kann. de

shalb beginnt fur den kunstler die schopf

ung mit der vision. sehen ist in sicheinen

schopferische at,die eine anstrengungv

erlangt. alles, was wir im taglichen leben3

frih in, it wn kuntlr, w kin hfun it kin kt.

r mn wur ih tuhn,wnn n ihfri krft inr nr

nrnn un zurin wllt.im rih r kunt it r htm

rih r kunt it r ht hfr niht nur in tr mnh, r

in nz unl vn ttiun, rn rni kuntwrk it, uf irnzil hinurihtn knn. hi innt fur n kuntlr in

hfun mit r viin. hn it in ih hn in hfrih tit,

i in ntrnun vrlnt. 11 w wir im tlihn In hn,

wir mhr r wnir urh unr rwrn wnhitn nttl

It,un i th it in inr zit wi r unrin in inr nr

in inr nrn wi urr, wir vm film, r rklm unh

illutrirtn zithriftn mit inr flut vrfrizirtr ilri

urhwmmt wrn, i ih hinihtlih r viin unfhrt

vrhltn wi in vrurtil zu inr rknntni. i zur fr-

kann. deshalb beginnt fur den kunstlern

die schopfung mit der vision. sehen iste

in sich schon eine schopferische tat, die

eine anstrengung verlangt. alles, was w2

schopferisch sein, 1st das wesen des

kunstlers, wo es aber keine schopfu

ng gibt, gibt es keine kunst. aber m

an wurde sich tauschen, wenn man

diese schopferische kraft einer angeb

orenen begabung zuschreiben wollte.

im bereiche der kunst 1st der echte

schopfer nicht nur ein begabter men

sch, der ein ganzes bundel von best

atigungen, deren ergebnis das kunst

werk ist, auf dieses endziel hinausric

hten kann. deshalb beginnt fur denn

kunstler die schopfung mit der vision

sehen ist in sich eine schopferische4

scoersc sen, s as wesen es nsers, wo es

aer ene scun es ene uns. aer man wreo

c uscen, wenn man ese scersce ra ener

aneorenen eaun zuscreen woe. m erece

er uns s er ece seer nc nur en eaer mener en anzes ne von eunen, eren erenis a

unswer s, au ieses enze nausrcen annu.

esa enn en nser e scun m er son. seem

s n sc scon ene scerisce a, e ene ansren

un veran. aes, was wr m cen een een, n

mer oer wener urc unsere erworenen e

ewoneen ene, un ese asace s n enerwe

er unsren n ener esoneren wese srar ae

vom m, er reame n en usren zescren m 

Rhythmus Rhythm Rythme 195

Verschieden bieiteZei len m Ablaut (Zeilmfall) f ind n den

meistenFSllendurchdenTextgegeben.Der Wechselvonkurzen und IangenZeilan (stein rhythmischarAb1auf;er kannverbalten, durchschninlichoder heftig stin .

Erneuerung und Takt

Vom SInn der Erschelnungen

Anmerkungen

Bewusstseln und Erlebnls

Erneuerung und Tak1

Vom Slnn der ErschelnungenÃBewusstseln und ErlebnlsÃ

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 195/274

Thepanern producedby inesofvarying width isusuallydeterminedbythetextitself.Theaiternationofshortand long

1inescreatesafhythmicpanern;itcan berestrained,average,or

violent.

1 Averagepattern of lineendings; right, the white countermotion

ofthelinesin black.2 Weak Danarnof ineandinoa:riahtthawh'tacountermntion of

Gehalt des Taktes

Stete Wlederholung

Zeltllchkeltdes Rhythmus

Anmerkungen

Stete Wlederholung

Zeltllchkelt desRhythmus

length ofthe inesproducesa violentrhy thmwhich may mpair

legibility.

lignesindiq"6en noir. Lesgrandesdifferencesdeongueurs

ponctuent eviolentmouvamentrythmiquequi peutentraver ia

liaibiNt6.

Erneuerung und Takt

Slnn der Erschelnungen

VorlSuflges zum Takt

Bewusstselns-Erlebnls

Gehalt desTaktgefUhls

Stete Wlederholung

Zeltllchkelt des Rhythmus

Erste Anmerkungen

2

Vorwort

Vom SInn der Erschelnungen

Anmerkungen

Bewusstseln und Erlebnls

Takte

Wlederholung

R m u m z e I t l l e h k ~ l t d ~ ~hvthmus

SInn der Erschelnunger

VorlSuflges zum Takt Â

Bewusstselns-Erlebnlsi

Gehalt desT aktgefU hlsI

vorwort

Vorn SInn der Erschelnungen4Bewusstseln und Erlebnls

 

eine

schoneweihnacht

and

ein

frohes

eine neues

schone jahr

weihnacht winsche

und ich

Tw o printed worksw ith a pronounced hy thmiceffect.Left:NewY earwishe s. Therhythm iscreated bythearrange.mento fthetextg roupso n the surfaceand also by thealter-nating panernof upright and oblique.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 196/274

einfrohes

sine neues

schone jahr

weihnacht winsche

and ich

ein dir

frohes

neues einejahr schine

winsche weihnacht

ich und

dir ein

frohes

neues

jahr

winsche

ic h ichwunsche dir

dir

eine

schone

weihnacht

und

ich ein

wiinsche frohesdir neues

eine jahr

schone

weihnacht

und

ein

frohes

neues

jahr

dir sineic h schone

winsche weihnacht

dir und

eine ein

schine ich frohes

weihnacht wunsche neues

und dir jahr

ein eine winschefrohes schone ich ich

neues weihnacht wiinsche dir

iahr und dir

ein eine

frohes schone

neues weihnacht

ahr und

ein

frohes

neues

jahr

black patohesand blankwhitespaces. Grey, blackand whitevaluesarecreatedandrhythmicallydistributed.

Adroite' Foi-iredaoiswe Lemot<zeitmassaiesti6gu 1610-

ment1 ntetlenr6 dans es premiAres ignes enbas. 1 perd

rythmique des valeursgrise, noirefit blanche.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 197/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 198/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 199/274

 

spontaneundzuf i l i ige Ergebnissesteheneigentiichimwiderspruchzum Wesen derTypographie, den" der Aufbau

destypograp hischen Systems beruhtauf K larheitundauf

typography, forthe ypographical system s basedon clarity

and precise proportions.The castprinting type an dthe m odernprinting machinehave madetheinadequaciesandcharce

elementso fearlier printed worksathingofthepast.Through-ou tthe printing trade everything to do wi th echnique, designand organization iscalculated and planned so as to eliminatesurprises

Timeandagain, however, wefind printed workswhich make10 claim ofo ma i beauty and yet have a distinctivecharm for

IItheirtechnicaishoncomincis.Therearecrimedworkswhich

meritsoftheir agewhosecharml iespre~~elyin theirbeingareflectionofthetimesthatproducedthem.

sion ignorantles insuffisances et lesimpr6vusd es premiersouvrages mp rim6s.Tout iesystdme technique,cr6ateur,organi-q 1 'appuie latypographieestcalculi, sch6ma-t i e e i n de p re ve nir , d an s l a m es ur e d u po ss ib le ,t ou tesurprise.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 200/274

Bleimateriaisgebundensind,erlaubeneinefreie Hand habungdes Materials, die biszurVerformu ng der Typen reicht.Wenneinesoiche Freiheitau chihre Nachteile hat,dasiejedeFormulierungzuliRt, so kann s ievomTvpographen doch ineinem guten Sinne genu m werdan. Trotz allem werden euch

in Zukiinft Disziplin. Ktihlheit und S achiichkeitdia M erkmalederTyPographiesein,da ihr Wesen weilgehendvon hrertechnischen undfunktionellen AbhSngigkeitgepragtist,

The late3ttechnical developments in ypography open up ne wpossibilitiesforspontaneityand random effects. Film-setting is1processwhichdispenseswithleadtypeandallowsthem m i t f imn i p u l a t ed an d even t h e t yp e f a ces t o bepulled out ofshape. Although such freedom hasitsdis adva wt g i s i t m a k e s a n y f o r m u l a t i o npossible,thetypographerca n neverthelessturn ittog oo d account.AHthesame,discipline,coolnessandobjectivity wi l lcon t inueto be thed i d eaturesoftypography in h efuturesinceits nature siargelydecided by tsdependenceon techniqueand function.

Le developpementtechnique recent de la typographic ouvre deicuve liesvo ies5 la soontan6it6etau hasard. La ohotocomoosi-

tyiographie dontia d6pendancetechnique etformelleconstituemalgr6 out I'essence m¤mdu caractare.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 201/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 202/274

 

Spontaneityand fortuitySpontaneity at Ie hasard 203

pontaneitatundZufall

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 203/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 204/274

RechteSeite Geigf-Propagandavon Fridolon Mil le r Dorscnlicht ai-fgeroihte Satz erhalt du ch mehrfachesLberdr~ckenv e Verdichungemn Rot

Sçiten206120DasAuftup fender Buchstabenvon Hand bedeuteteineef re iu ng vo n densatztechnischen Gebundenheiien,vorailemo n d e n Gesetzen des Satzaufbauas. DerAufdruc kerfolgt mitgeringerer Kraftats beim mas chin end ruck,^^ da8 die FiSchenichtvoi iausged ruckt wird. BeideMitte1,diefreieAnordnunound dor schwachere Druck,ergeban Resultate mitZufalls-i n . e m eispiel <Mansehen m Krieg, istder BeoriffKriecndurch Auflbaunn der Kom~ osit ionnddurch Unrain-

A i ardsannouncing weodingsand oirths Pr nungonelot of ype over moth el gives use tochance effects beyond the

mpos i t o i ' s con t r o l asexomp l ed hew bvthe pivotat whichtw o and three linesintersect.

Right. Geigv public:ly by Fiidorin Mulfei. Repealedover-pr nting ha s~e wea n t r ies mp yarrangedmatter acqu i n gaodit onalredaffects.

Pages2061207:Overprinting byhand freesthecompositorfromsome ofth e limitatii?n$ofnormaltype settingand enables himmoreespeciallyto construct hiscomposition i n defiance of them a 1 ules. Lesspressureisexerted i n overprinting han inh i a l ri nt in a ith the resultthatthesurfaceis notso

the&omposition aidthesmudgy inking .

En haut:Annoncesdemariageetde naissance.Hasardheureuxr&sultantdedeuxoutioislignassecoupantet

pivotantautourdeleurcentrede rotation,eHeIobtenu parsurimpressionsdescaract6res.

Pages206/207TamponneriesiettresS la main,c'estsa lib6rerdaslienstechniques,avanttoutdes loisrtgi ssantia composition.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 205/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 206/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 207/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 208/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 209/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 210/274

Dasniedrilf-kendatyp~granhisrhaF~llm ataria l atsioh hie, Tv~ogra~hicalfurniture,whichoes notnormally producean Lematerielderemplissagetypographiquequijamaisnea l h s t a n d i g t u n d w i r d s ic hlb ar .Es Cberschreitetseineunter- impression, has hererelinquished itsisiibnrdiriateand uxiliary !i'imprims.sa rendfciind6pendantetdeuientuisible. lsor ldageordn eteund dienende Rolls und wirdzu einer Formohne roleand becomevisible, producinga p w p o s d e ~ f o r m h ic hZwack,dereine eiaene Sch6nhei tnichtabzusprechen st.

son tfileutiiitaireet subordonn6,etdevientuneformeensoi.

i nno t , however, beden ieda beauty of itsown. p ri v6 ed es en s. m ai sn o " d 6 p o u w u e d ' u n e c e r t a i r ~ h ~ A

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 211/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 212/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 213/274

 

h e ~ t e k a n n e m e i.iCKSache mmeisel!erera s E nze sachen s i c n sondernmu&u elenora S T e e nesgroBerOnGanzen

gesialiet werden Prospckteund Inseratezum Be spiela a

Tenieoef Wefoungemer best mmtcn F #ma. Buchei oh al sTcileder Set eoderdcs FachgebictesemesoestimmienVer

lages So cheBesueo.irigenveilangenvom Gesralieivo~al em em kon sew enw s Denken nZusammeoh.ingen. wobe i

Die moglichstengeVerflechtung allerTeileeineseinzelnen,mehrseitigen Druckwerkesist n derzeitgemSKenTypographicseibstverstandlich. Ein BuchwirdinallenTeilen.samtTite1-bogenund,wennm6glich,AuRentitel, konsequentdurch-

Nowadavsit s becoming ncreasingly rareforaprintingjobtobedesigned n solationasasina1eentitv:usuallvitforms~art

of aqr&ter whoc

B i oc nu r es a~aov~semen~s.foiexamo,form pantof a poniculaif im'sa0ueit.s ng, booksaieoftenoneof aser cso#annemn thesoecia I t of a pan cdar p-0 isherUnderthesecircumstancesthedesignermustthinkofhisworkass wholeand ma" have of or em certainfeaturesin theindividua l work in he interests; un ity

practiceto link allthe pagesof asingle multipagew&kascloselytogether aspossible. A book must be consistentlydesignedthroughout,includingthetitle-pageand,if possible,thecovertitle.Thetitle-pageistakenasa modeiforalltheotherssothatNoeface.tvoesize.leadina.indents,tvoearea,.. -~ .blankspaces,eic. fit intotheoverall pattern. Int he llustratedsection,thereshouid beaplandeterminingtheseningoutand

i:eoftheillustrations,and thisshould bedeviated fr omon lvireKcepnona < ircumsiances A ooon wmch $designed with them mmofmater ai acq- #esm t ) not mere y thr o~g h e

qu'il renonce2 donne ri chaque oiivrage une expression qu i uisoitproprepour lui confbrer Ie caracthrede I'ensembledont ilfaitpartie.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 214/274

D cDijrchgest3 tung\ or> Geschafisoi~~<sachenisteineweiteie Fofdeiungunseicr Zc t Vom Bi cloogen ausgehendwirddas typograph sch emheitliche Bild erne?Fwma aw e -s ~ ~ e b ~ ~ o ~onsequent8~fsamtlhe Drum98chen unde m te der F ima uoenragen Zur Wahr-ngd esesefn.

DieAufgabender Dmchgesta tungk6nnenvom Gestaiternutgemeistertwerden. wenn eroieganze Stiuklur does Auftiages

"beibl cken dndausdiesemUberb ick herausd'soon ere"kann.Das mprovisieren von Fallzu Fall hingegenverwehrtden Bllckauf das Ganzeunderschwertdieeinheitliche Durch-gestaltung.

auanqamento'fheiexi b ~ tsoihio~ah'hcnomoqene tyo fthetypographical meansemployed

Thegreat ertheout putofa publisher,themore hefeels he hasto dentify his booksasaseriesaccording to hespecial fieldsto which they belong.Thistendency is particularly marked npaper-backpublishing. Herethetvpographerisfacedwith thetaskof interpretingthevariousbooks in aseriesinsuch awaythattheyareimmediateiyrecognizableandalsostandoutfromotherseries.

Consistencvof design In busin ess~r inti nasanother modern

r e e n t~ n e

irm should presenta ty&iapn ~- n~l o rmprciLre starting withthenotepaperandrang ng himgn a Ithe

To achieve hisconsistency, the typographer must consider thej b i i t m po ne n t pa r t s b e f o r e hestarts wo rk on h isdesign. Improvising fromcase tocase militatesagainst an

e l l a n d makesitdifficulttoattain consistencythroughout. Lecr6ateur ne pourraserendre maitre decesexigences et

concevoir one inter~r6tat ion u tout homonhneetoriqinaleque

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 215/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 216/274

 

Durchgestaitung Integraldesign Creation ntegrale217

7 vorwort

11 An de rWiege des Genius

17 Scherz und Ernst

26 DerjungeKtinstler

38 Abachied von Bonn

43 Be1 Mozart

48 Der MutterTod

62 Einsamkeit

66 Trost der Freundschaft62 Wieder Abachied .66 Nach Wien - z u Haydn

fenberungen elnes Geietes,der in heinem

Kairipfe au s Nach t zum Lioht eioh empor-

n g t , un s mitrei8t und stark macht.

Den biographischen Grundlagen bin chin der Darstellung treu geblieben,aber es

a m mir in diesem Buche nicht darauf an,

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 217/274

71 im Hause Lichnowskya

79 Dergefeiertejunge Ktinstlei

85 Unter-Dabling

90 Liebe und Leid

96 Ferdinand RIes

101 Die Cis-moll-Sonate

105 Heiliaenstadt

113 ~ r o i c a

119 Was lch bin, bin oh durohmich

122 Leonora130 So pochtdaaSchicksaIan dle Pforte

136 Die Pastorale

141 DerGenius huldigtdem Genius9

iedeEinzelheitausdemvielgestaitigenLe-ben u nd Schaffen de s Meistera zu zeiaen.

lehend werden aliedortabgekianen Proportionensokonse-

luentw ie moglichauf dasganze Buch Ubertragan:GrO&eder

Overall design ora b ook with cover,title,copyright,

listof contents,prefaceandtext pageon areduced

cale.The proportionsofthe textpagearetaken as basicandtransferredasconsistentiyaspossibletothewhole book:tvoe

sizes, arrangement withinthi format , indents, blankspacei,.

Maquened'lnterpr6tation enreductiond'un livreavec grand

titfe, fauxtitre,copyr ight, tabledes matiferes, avant-proposet

depart du texte. La suite de la compositionconservera autantqua possibielesm8mesproportionsetIememestyle: corpsdes

aractferes.ordonnanceSii'int6rieurd'unformatrionn4.ri4huIs 

Die k i q u e n t e Durchgeslaltung mehrerer BuchauKentitelk m erkmaleiner Buchreihewerden.AlleAuKenrite1

. .enislenioiecfngende Forderwg,qle cngeanete PuY .a-

t m e n n Buchiethen ~~sammen.'ul essen.no die Tynogiaphieeignetsichzur S gnal s ef~ngsolchc<einengan;tvor?~glh

Coverspresented na consistenttypographical styleareoneway of makinga series readily recognizable.Al1 he cover

titlesofthe sameseries mustcomply w ith an overall design.The linkina elementmay be colour, publisher's mprint, tvoe

meansofmaking theseeasyto identify.

Une mame nterpr6tation donn6eS plusieurstitresde livrespemdevenir la marquedistinctived'une collection, Ce carac-

t d ' i t 6 peut s'exprimer par a couleur, un emblhme, le style

Schriftenreihe des

Gewerbemuseums

Antonio Hernandez

modern-modisch

Schriftenreihe des

Gewerbemuseumi

Basel

Niklaus Stocklin

AngewandteGraphik

Schriftenreihe des

Gewerbemuseums

Basel

Georges Vuill6me

Graphik im Film

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 218/274

d'6criture, l a composition g6n6rals. La maison d'6ditionsS grosliragesesttenueder6unirlespublicationsdemSmepriisen-

l m Pharos-Verlag

Basel

Schriftenreihe des

Gewerbemuseums

Antonio Hernandez

modern-modisch

l m Pharos-Verlag

Basal

1 Schriftenreihe des

Gewerbemuseums

Basel

Antonio Hernandez

modern-modisch

Im Pharos-Verlag

Basel

l m Pharos-Verlag

Basel

1 Schriftenreihe des1 Gewerbemuseums 1

Niklaus Stocklin

Anqewandte

I m Pharos-Verlag

Badel 1

Schriftenreihe des

Gewerbemuseums

Basel

Niklaus Stocklin

Angewandte Grafih

Im Pharos-Verlag

Basel

m Pharos-Verlag

Basel

Schriftenreihe des

Gewerbemuseums

Basel

Georges Vuilleme

Graphik im Film

Im Pharos-Verlag

Basel

Schriftenreihe des 1Gewerbemuseums

Basel

Georges Vuill&me

Grafik im Film

Im Pharos-Verlag

Basel

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 219/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 220/274

 

Kaiser-Joseph-StraBe 23:Foto D etzgen Ru147062

Foto-HandlungF0l0-Atelier

Agfa-Color-LaborGroBes Kamaralaaer

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 221/274

TaialraBe la. Ruf 3 27681Ta pe tenha us stowe.Tappiche. Linoleum,

R u e f -Kaf feejetzt "och hsse r !

KleiderhausFreiburg-Emmendmge"

SchOne Stundenimfestl iehan Glam-

Mul leratCirl ich in gepflegterKlaidung "0"

Kleiderhaus MUller

S S GingroEerAuSwahl

PeterJ.Hauser

Gasser &H a m m e r

Freiburg m BreisgauHerrenitraEe 50-52 un dKer.Joseph.Sir 172-174

w o m a n "0" guter

Kleidung spricht.lall lsie tsder Name Kaiser

F. SchererEinrichtungshaus GmbHFreiburg m Breisgau

Mobel, orient-TeppicheDeutscheTepcicheDekoritione"lnnenavsbau---

Ganter Bier

Holzmarkt lO.Tel .32896

Krankenpflegeartikel

Nachfo lgerH6hemmmn,,Hanau"~l ieinverk auf er Nierer-binde oa t h Dr.Giba"d

ProgrammheftderSt8dtischen Ei ihnen Freiburg im Ereisgal . Programme brochure ofthe m unicipal theatresof Freiburg in Cahierdeprogrammesdessc&nesmunicipalesde la v il la deN i c h t nur U m s c hl a u n d Te x ti n ha l t s o n de r n auch die Inserate Bre isaau. No tm iv t he ecke tmd ex l bu ta l so headver ti se. Fr iboura. en -Erisaau. Couverture texteint6rieur et annon~es

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 222/274

 

Integraldesign Cr6ationint6grate 223

"toren Andersch

Arne1

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 223/274

1 n d l o p p e s , ormulairesde devis, defactures,etc.

Elytis

Frisch

Gomringer

Hoboken

M a n i

TUrel

 

wirklicheverbindung gebracht; die AnlageveimittelteinenAusdruckder Planungundder einheif lichenGesinrung.

Consistency ofdes ign canalso beachieve d by devising anunderlying grid pattern towh ich ell he elements mustcomply.The Abbe y of St.Gall wasbuil t intheearly 9thcentury on a planbasedon thesquare. inthis wa y everypan of the bui ldingacquired af ixed relation otheothers andwasassigneda propelp i n he whole; thelay-out th uscon veysa i mpression ofplanning and uniform purpose.

Dans f interpr6tation d'uneceuvre,on peutavoirrecoufsa une

trame comm e 616ment d'unit6. a laouelle tous les autres616men:ssciont aloisass~jeit . os bat mo rs du c lo l i redoSt-Ge.l.q~:daienidi. 9asi6cle. ont 6t661.g6ss@lon nP an oe

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 224/274

constmct on pfanant coinnib 616riient de by in ondamentale .ecart6 - e s d i i e f ~ e s p a n i e s d e l a c o n s i t ~ ~ tn s e i i o ~ n e n t o o n ca 6 o . l r a p p o n l esu n saiec esau trese t do "ensembleed6g age "neexpress ond 'homog6n6 tee td unt6 sp i i IW le.

 

Durchgestaltung Integraldesign Creation nthgrale 225

line Rastereinheitvon9 Quadraten bildet dieGrundlagefiirirsc hie den e Bildgiofien,welche hierfettumrahmtsind. Es

ergebensich24MoglichkeitenverschiedenerStellungen un dGr6Ben,undjede Bildgr6BeistinSteilungund Gr6fieim Plandes Ganzen verankefl.

A grid unitof 9 squaresforms he basisforvariouspicturesizes, hereshow nin boldframes.Thereare24possibleposi-tionsandsizes,alldifferent,andeach picturesizeisfirmlyestablishe dln h eoverall plan asregards position andsize.

Jneun tboetram(iae9cai~6?foi-mea basedad veisformatsd .m agesqu sont~cifenem ent adr6es l ien

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 225/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 226/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 227/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 228/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 229/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 230/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 231/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 232/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 233/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 234/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 235/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 236/274

 

Variationen Variations Variations

LinkeSeite:Das wort FEHLER ist 1BOmalabaewandelt.Sooftkdnnen

DieZe ile<sch wager > st im ersten Beispiel regelmagig gespern,in e n eiteren Beispielen variiertd ie Sperrung. DieZe ile stf uri n e HandsAzerei bestimmt, unddasVorgehenversinnbildlichtdie Beweglichkeitdes Handsatzes.

Left-handpage:The word FEHLER isthesub jectfor 180variations.Thisisthe

s

s c h

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 237/274

Right-handpage:1ithefirstexampietheword"schwager" hasregularletter-spacingwhereasin theotherexamplesthespacing isvaried.Theliieformsadeviceforatypeseningestablishmentandtheprocedureshows howversatile thisformof composition ca n be.

Page de gauche:Le mot<FEHLER>estm o d i f y180fo is. Cessix lettres peuventeneffetsl ie intewert iesautantdefoissansqu'une m€d io i t io nse r6o & le , Exemole mon iran t lesmu l t i~ les oss ib i l i -t6sd'assembler un pet it no ib re deformes mobiles. s

s c h

s

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 238/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 239/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 240/274

DieTiteiseiteneines ProgrammheftesfUrdieStGdtischenBUhnen Freiburgsind n dergleichen Schriftartund in gleich-bleibenderG r6Begesetzt. Die Arbeitenvariieren nurdurch dieAnordnung derzeiien. Dieschragsteliung istdurch dieg arzeSerie hindurch unverand ert.

Thelit e-pa geso l piogrammestorihe Freiourg municipaltheatresaresetinihesametypefaceands;e Onlytheisp os tionofthe1 nesisdifferent Theobliquearrangementm hm c u h r o ~ g h o u n r t e w h o l e s e rs

Lesfeuiiiesde titred'un cahierde programmesdescenes mini-cipaiesdo lavilleda Freiburgsont tomes imprim6esavec lam6megrandeuretfamiiledecaract6res. Lavari616r6sideuniquamemtdans ordonnance desiignes. Ladisposition i

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 241/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 242/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 243/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 244/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 245/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 246/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 247/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 248/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 249/274

 

Paui Klees Forderung<Wirwollen nicht Form,sondern Funk-t ion>istinderTypographieerfuilt . IndenEinzelbuchstaberk w i r w o h ln o c h e in ig e s t a t i s c h e G e b i ld e o h n e B e w e g u n g

i e A . H. M. 0.T.aberdie Mehrzahlder Buchdrucktvpenist

Paui Kiee'sdemand "We do notwantform butfunction"issatisfiedintypography.True,afewoftheindividuallenersarestaticformsdevoidof movemsntiikeA. H.M.0 andT. but

L'exhortation de PaulKlee:<Nousnevoulonspaslaforme,maisla fonction>estr6aiis6edans latypographie. Cenaineslenres,teliesA, H,M, 0.T. nousdonnent uneimagestatique,

m o u v e m e n t ; maisla piupandescaract6resd'impression.B,C, D,E, F K, L,e tc. son tcon~usdan sunmouvementailantdcgaucheadroite. Dansleurassemblagepourformarlesn"et leslignes, leslettresstatiques sontentrain4esavec iesauldanslesensde la ecture, d'abord de gauche a droite, puiscleretouraud6butdeialigne,dedro~ehgauche,etdansIasuccession deslignes, de hauten bas. En typographic, tout1 lalecture. I1nepeutdoncs'agirde typograpstatique.

~ . . .~~ .~~

most hoe acesa reo~ ~upround mo\emeil. and movementf fomlef l to igm B. C. D, E. F, K L,etc Whencomposed ntowordsano ones, even thestaticleneisarecarrfea a ong "thedirect on of reao ng.firstfromlektoi ght.thenfromnghnole!Iastneetoiravo soacinotnostart,andmen fromlootobottomasl ne sadded:~ n e . T i e r e i s a i ' ~ a \ s a f e a c ; i n ~

~.a d Bewcgun~ . i-f oer Beweg-ng v o n l i n k s i x b 'ochts wf .gebaut: B. C.D.E.I:. U -LSW.B e i m Z ~ s a m m e n f ~ g e n z u V l o r tz lewecen aucnaie stat schen Bi-chsiabenwon dcr

lots IIres !ians

processinvolved intypography,and hencetherecan neverbeastatictypography.

esthie

I1 is"Sch6pferische Konfession" Kleecompares he attitudeof ancientandmodern mant0movement:"Aman oft heancientworldsaiiinaina boat,takingpro~ereniovmentinit

Dansson<Aveudecreation,, Paul Kleecompareen cesten1'attitudedeI'hommeantiqueavec celiedeI'homme mode,faceau ph6nom6ne cinetique: <U n ommedel'antiquit6,marinsursonbateau,jouissaitsimplement,appr6ciaitfin-

1 appreciai ngtneingeniouscomfortoimeoevice Andthatwashowmeancientwor dporttayedthings.Ana "OM

consider wnatamodernmanexpeiiences ~ a l k i n q w t h e

d'e Daiste ll~ngde r lien. Uridrn. n:Vlas e nmodernci Mensch.uberdas Decke nes Dampfeisscnfeilend. eilebt 1 ome~geneBewegung. 2 d e FahrtoesSchiiies. wetcheenlgegenge&eUte n , . i Bwegungs (ichlu ng .indGeschwinoigke.t i e s

Stfomos.4.d e Rotationder Erde. 5.ihre Bahn. 6 die Bahnen

deck of asteamer: Is th is own movement, 2ndthe movementof t he s hi ~ hich mav bein heoonosite direction.3rdthedirectionandspeed ~fther ivefs~ovement ,4 lhiherotat ionoftheearth,5thitsorbit,6ththeorbitsof moonsandstarscoundabout."

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 250/274

Typographyreflectsthiscontemporaryawarenesseveninitssimplestform. Butthenthereisanalmostinfinitesco~eforreore- nt ngphasesof movement ~th' typ ogia phic amateriaan0 :eneis R~ ns of o~ementcanembooythefol w.ngthemes:increasearddecreaseof\al~eor~nc,e8seanodecreaseofsize, ooser ing~polcompacte lementsana

gatner:ngtogetnerofscatteredvsues ntoacompactfoim:eccent~~canaconcen~r,cmovemen!s;ovementsr~nn gfro mto pto bottomand from bonom totop ; movementsirom

lekt or gntacdfromrigntto.ek. mmomcntsfrom nsioeout

caractfiresdontiidispose, lesinnombrables possib iii tbdefigurer lesdiff6rentes phasesdu mouvement. Le ph6nom6ncin6tiqueestexprim6parexempiedanslesexercicessurleith6messiiivants:intensificatlonetaffaiblissememdesv;le~surfacesallantgrandissantoud6croissant,dissoiutiond'611mentscompac tset reunion d'616mentsdispers6s, mouvemq

urs,5-

ants

centrifugesetcentrip6tes, mouvementsascendantsetdes-cendants, mouvementslat6rauxdegauche h droiteetviceversa,mouvementsse dirigeantversl'ext6rieur cu w r s nnt,r1eur.e" diagonale, ou vers un angle, etc.

t i m e Fiomexerc ses ~ethese so-nasieptothetvpo.graph calcna ni n nnichmephasesare nkedtogetherandpro ectea atan appropr atespeed

Worksliketheseneednotremainintheexperimentalandexercisestage.Theyareusedeverywherewherethethemerequiresmovement:traffic,films, convention programmes,calendarsshowingthepassageofdays,weeksandmonths,and seriesof advertisementsappearingsimultanecu~lyorperiodically i n aseries.

phaseseten es projetanta unevitesseconforme, on obtierfiimtypographique.

It s besttostartwithsimplelineexercisesasshownon heright. Basicgeometricalfiguresand ypefacesshould not beintroduceduntillater.Thinkinginmovementphasestrainsoursenseof movementonfiatsurfacesandin space and Isindispensablefor thecreativeworkof ourtime.

ii est indiqu6 de commencer par desexercicesiin6airessimples, comme nousmontre a page de droite. Piustardseulement, on pourra faire appei a desformesg6om6trique;AdescaractSrestypographiques.Cetteanalysedesphasesmouvement forme Iesemsdu mouvementdans1'espaceet$s u r f a c e , etest indispensable, dc nosjours, la creationd'une~uvreoriginale.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 251/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 252/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 253/274

 

Plakat.EineeinfacheTextfolgegen~gtschon, "meinenBewegungsablaufinGangzu bringen. Dieses Plakatwird von

1 8linksnach rechts und von oben nach unten geiesen.wobei mil

derunterstenTextgruppedie Bewegungan den Beginn (nachlinks) zuruckgefuhrtwifd. Die Anordnung d esTextesist nichtstatisch,sondern auf Bew egun g ausgerichtet.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 254/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 255/274

  .. ..ProgrammeinerStudienreise.DieTextSpaltenfuhrendenBlick itineraryforastudytour.Theco1umnsoftextguidetheeye Programmed'unvoyaged'6tude. Lescolonnesdetextedirigento n o b e n nach unten, und das krgf tige Signet rol l tvon inks from top to bottom,and the boldly conceived devicedep loys r e g a r d de haute" bas, etla marquet&frappantesed6roule

nach rechtsab. Diebeiden Bewegungen Senkrech tundfrom leftto right.Theve rticaland horizontal rnovementscross; degauchehdroite. Lasdeuxmouvements,1'unvertical,1'autre

Waaorechtiiberkreuzensich;diewaaarechteBeweauna the horizontal movementdominatessothat it sanparentthat horizontal,s'enuecroisent.Lemouvamant horizontal domine.. .dominiert,damitdie Erfiillung des ~rog ramm essich lbar& ird. the programme scarried ou ttoth e end. afin que a r6alisationdu prog amme soit bienvisible.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 256/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 257/274

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 258/274

0ben:Typo-Sigrietfureine Buchdruckerei.Anordnung Above: Printc.'sdevice.The linesarearrangedderZeileninainer Drehbewegung. inarotarypattern.

Rechts: Schallplatteoh"l1e. DerTextziehtsichin einer Right: Recordsteeve.Thetextspiralsinwards. Impression Adroite: Enveloppadedisque. Letextesed6veloppeverskonzantrischen Drehbewegung nachinnen,Tiefenwirkung ofdepthduetogradualdiminutionintypesize. fint6rieurdansunrnou vementcirculairec~nce ntriq~e.durchdieprogressiveverkleinerung erTypen. Rapatissementprogressifdescaract~resdonnantune

irnpressionderelief.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 259/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 260/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 261/274

 

inderostasiatischen Kuns1f"gensich Schrift und Bildzu einerEinheitzusammen.denn Schriftist Bild und BildistSchrift. Diepinseltechnikinderfreien KunstunddieAnwendungdesHoiz-

stichelsinderreproduzierenden GraphiksindfurSchriftund~iidformbestimmend.Der westliche Kulturkreis kennt diese~inheitnicht,undein armonischerzusammenklang i s tn i rschwerzuerreichen.Indenmittelaiterlichsn Bildwerken istlochdie einigende Kraftder Federoderdes Holzstichels wirk-m,abermi tderzunehmendenTechnis ierungsindf~rSchr i f ti n d BildzweiverschiedenetechnischeVeifahrennotwendiggeworden. Diein Stahigeschni tteneund in BieigegosseneBuchdrucktype kann nuruntergroKen Schwierigkeiten i n eineinheittiche Beziehungzum Bildgebrachtwerden. DaaberdasBild mmer hgufiger in einemzusammenhang mitder Typo-graphicverwendetwird. solite der Beziehungzwischen Schriftund Bild grOBere Beachtung geschenktwerden.

In he artof EasternAsiascriptand picture makeasingleentity,forwritingisdrawinganddrawingiswriting. Brushtechniquein ineartand the wood oraverin reoroductivearaohic art.determine hefor m of scriptand picture.This uni ty s alien10weernci viliza tion and harmony sdifficulttoobtain. In hepictorialworkofthe MiddleAgssthepen orthegraverstill hadthepower tounify; butas echnology advanced, two differenttechnical processeswere needed orscrip tand picture. Printingtypes,whicharecutinsteeland castinlead,arevery difficulttombineagreeablywi ththepicture . Butaspicturesarebeingusedmoreand moreinconiunctionwithtvooara~hv. his isa. - . ..problem which demandsgreater attention.

r e wo differenta~~roacheso he problem of achieving

contrast

. ~~ ~ ~~

I asiatique oriental ParvientS un e grande unit6 entreV6critureet Ie dessin, carI'6critureestelle-mgmedessin, et ledessin,&criture. L'utilisation technique du pinceau dans Vart

eng6n6ral et du burin de bois dens lesreproductionsgraphiquesd6termine Ie caracthrede l'6critureet du dessin.Lacultureoccidentaleignorecetteparent6etparvientpiusdifficiiement&unaccorddecesdeux616menis. Lepouvoirdelaplumeetdu buri n~ef aitncoresentirdanslesouvragesdu

Moyen-Age,maisied6veloppementtechniqueaidant,6cntureetdessin sesontrapidementdistanc6setsoumis& desproc6d6stechniquesdiff6rents. Le caract6red'imprimerie grav6dans Iem6laletcoul6dansIe plombse metavec peineen aicordavecj'image. Pourtant, la pr6sencedecette derni6re 6tanttoujoursplussollicit6e par la typographic, un e grandeattention devraitt r e accordbe auxrapports unissant les616mentsdu exteet de

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 262/274

ErsteSpalte!1,2,3 ObereinstimmungvonStrichst~rkenm Bild und n der

Type. Das Bild kannfiireinebestimmteTypeangefenigtwerden,oderdieType wird in Grad undSchnittaufainebe-stehendezeichnung abgestimmt.

4 Die Biidstrukturund die StrukturdesSchriftsatzeswerden

einanderso gutwie mogiich angegiichen,5 DieTypographienimmt Kontaktmitdem Bildinhalt. Diehelle

Waagrechteim BildfindetihreEnmprechunginder Anordnung

be matched nsizeand cuttoanexisiing drawing.4 Thepatternofthepictureandthepatternofthecomposition

areassimilated asclosely aspossible..5 Contact between typography and picture.The light horizontals

int he picture are reflected i n hearrangementofthetypo-

graphy.

Secondcolumn

6 Thevigorous pictorial anguage contrasts with thedelicatetype.

7 Thelightdrawingcontrastswiththelargeand boldtype.8 Thevague anddiffusepicturecontrasts w ith he precision of

thetype. Bothelementsgainthroughthisopposition.

contrasts.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 263/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 264/274

 

Schri ftund Bild Lettering and llustration Caractfiresetill ustration 26 5

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 265/274

Oberelnstimmungvon Schri ftund Bil d nverschiedenenEDochenund Kulturkreisen.Dieverbindunawirderreicht

Harmonyof lettering and pictu rein differentagesand cultures. Accordr6alis6entre6criture etimagedansdiverscentres

Thetwoarebroughttogetherthrough the formal assimilation of culturelsde plusieurs6poques. Harmonieobtenue parsim ili-letteringand pictureandthrough he useofthesametechnical tude deforme descaractferesetde l'illustration l'aidedumeans (woodcut, ivory-carving,stone-working,application to meme moyentechnique (boisgrav6, ivoire cisel6et pieirelinen,lithography). taili6e. lin mpri nt, lithographie).

1 ..lockbuchausgabederApokaiypseS.Joharnis,~ 1 Block bookedition oftheApocalypseofSt.John, 15thcentury. 1 Impressiontabellairede I'Apocalypseselonsaint Jean,- - ~ . - . ~

 

i t ithographietusche.Pablo Picasso: Lithographiezuden<Vingtpo6rnesdeGongora,. Paris1948.

Theartistdesignshiatextandpicturesoastoachievethegreatestpossibleharmony.Textand m arginaldrawings havebeendone bythesam e hand in iilhoink.Pablo Picasso:lithographforthe<Vingt po6mesde GongorahParis1948.

.'artisterechercheI'unit6la plus parfaiteen treletexteetI'image.Texteetillustrationsen margedessin6sA la plume

avecencreautographiaue.PabIoPicasso:Lithographiepourles<Vingtpo6mesda Gon-

gOia>, Paris1948.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 266/274

 

Schriftund Biid Leneringandiliustration Caract&reset llustration 267

1950.

Adeliberatecontrast has beencontrived between the picturesymbolsand heprinting types.Thishas been donein avarietyofways:darksymbols,iighttypography;symbolsdrawnwithspontaneity, typefaces cutand castwith technical precision;mysticaloriginaiity,civilized refinement.Joan Mir6: lithoora~hor<TristanTzara, Parlerseub. Paris

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 267/274

Juan M id : Uthographispour<Paflerseul>,deTristanTzara,Paris1950.

 

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 268/274

photog raphie

otherhand,can beformallycombinedwiththetype. cintfes'harmoniserauxcaractferes.

i n hefirstexampletheeffectofecntre~tismarked, n he L'effetdecontraste estevidentdans tepremierexsmpte,econdattenuated,andin thethird (right) thetypography iffaiblidansledeuxlfime. Dansletroisifimeexemple (pageiiiswiththedotsofthesereen. droite), la typographieprend contactavo0 Ier6seau de la

tram*.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 269/274

 

zwischen kompakt (2) nd aufgeiost (Bild) aufgebaut. surface (picture]. di&olution (image)

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 270/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 271/274

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 272/274

 

Itft:iiiusirated pa gaof a book.Thepattern ofthep icturehirmonizeswiththepattemofthetypography.ThÈfln*iin ofdrawingreflectelhelinesofthetypeface.

:c@aloguejackmThetypographysinequilib-excerptfromanearlyprint AldusManutius).Thecentralaidsinthedeviceand extisrepeatedinetopand bottom.

uc he : Pagedalivreiliustr6e.Latomedel'imagaavecceliedelatypographie. LamSmefinessedu

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 273/274

retrouvedansletexteetdansi'image.

5/12/2018 Typographie - A Manual of Design - Emil Ruder - slidepdf.com

http://slidepdf.com/reader/full/typographie-a-manual-of-design-emil-ruder 274/274