Typographie - A Manual of Design - Emil Ruder
-
Upload
aliciapedral -
Category
Documents
-
view
2.295 -
download
5
Transcript of Typographie - A Manual of Design - Emil Ruder
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.