{"id":128,"date":"2009-02-26T19:54:42","date_gmt":"2009-02-26T18:54:42","guid":{"rendered":"http:\/\/www.sachaheck.net\/blog\/?p=128"},"modified":"2009-02-26T19:57:05","modified_gmt":"2009-02-26T18:57:05","slug":"typographie-goldene-schnitt-neunerteilung","status":"publish","type":"post","link":"https:\/\/www.sachaheck.net\/blog\/typographie\/typographie-goldene-schnitt-neunerteilung","title":{"rendered":"(Makro)-Typographie: Der goldene Schnitt, Neuner- und Zw\u00f6lferteilung oder: der harmonische Satzspiegel"},"content":{"rendered":"<p>Der goldene Schnitt stellt ein bestimmtes Verh\u00e4ltnis zweier Gr\u00f6\u00dfen dar und findet in der Architektur, in der Kunst u.s.w. Verwendung. Allgemein wird immer gesagt, dass Zwei Strecken im Verh\u00e4ltnis des Goldenen Schnittes stehen, wenn sich die gr\u00f6\u00dfere zur kleineren Strecke verh\u00e4lt wie die Summe aus beiden zur gr\u00f6\u00dferen.<\/p>\n<p>Das versteht man auf den ersten Moment nicht so recht. Ist aber auch nicht schlimm. Mathematische Erkl\u00e4rungen und Konstruktionen findet man im Netz genug, z.B. <a title=\"Goldener Schnitt\" href=\"http:\/\/de.wikipedia.org\/wiki\/Goldener_Schnitt\" target=\"_blank\">hier<\/a> bei Wikipedia. Im folgenden wird ein Beispiel erkl\u00e4rt wie man sich den goldenen Schnitt in der Typographie zu Nutze machen kann.<\/p>\n<p>Der Wert des goldenen Schnitts ist 1.618. Dann gibt es noch die sogenannten Fibonacci-Zahlenreihen, z.B. 1:2:3:5:8:13 u.s.w. Man addiert also jeweils die vorhergehende Zahl.<\/p>\n<p>Nun, wie kann man sich nun diese Zahlenreihe zu Nutze machen um z.B. in der Typographie einen harmonischen Satzspiegel einzurichten?<\/p>\n<h3>Errechnen des Seitenformates<\/h3>\n<p>Zuerst nehmen wir eine Seitenbreite von 148 mm, so als w\u00fcrden wir ein DIN-A5-Format definieren wollen (Die DIN-Formate basieren auf dem Verh\u00e4ltnis ?<span style=\"text-decoration: overline;\">2<\/span> :\u00a01). Um nicht jedes mal ein langweiliges DIN-Format zu verwenden, kann man jetzt ein Seitenformat errechnen nach der Fibonacci-Reihe.<\/p>\n<p>Ich nehme z.B. 148 mm Seitenbreite als Vorgabe. Jetzt geht es darum die H\u00f6he zu errechnen. Die Reihe ist ja wie oben beschrieben: 1:2:3:5:8:13 u.s.w. Im folgenden benutzen wir 5:8.<\/p>\n<p>Breite der Seite = 148 mm = 5 Teile<br \/>\nDann erfolgt sozusagen eine Dreisatzrechnung:<br \/>\n8 Teile sind (148\/5)*8 = ca. 237 mm. Das ist also jetzt unsere H\u00f6he.<\/p>\n<h3>Satzspiegelberechnung<\/h3>\n<p>Wie legen eine Satzbreite von von z.B. 100 mm fest bei der unsere ausgew\u00e4hlte Schrift mit Durchschuss u.s.w. gut lesbar ist. Wie hoch ist dann nach der Fibonacci-Reihe unsere Satzspiegelh\u00f6he?<\/p>\n<p>100 mm = 5 Teile<br \/>\n8 Teile sind (100\/5)*8 = ca. 160 mm.<\/p>\n<h3>Randverteilung:<\/h3>\n<p>In der Buchsatztypographie verteilt man tradionell den Wei\u00dfraum i.d.R. vom Bund aus nach au\u00dfen, also im Bund am wenigsten Wei\u00dfraum (aber genug damit beim gebundenen Buch der Text nicht in den Bund rutscht), dann im Kopf, au\u00dfen und im Fu\u00df wird am meisten Wei\u00dfraum verteilt. So fallen die Seiten nicht auseinander und harmonieren auf einer Doppelseite gut miteinander. (Nat\u00fcrlich kann man je nach Thema ganz spezielle Satzspiegel bauen. Das hier beschriebene gilt nur f\u00fcr ein klassisches Lesebuch z.B.)<\/p>\n<p>Seitenbreite (148 mm) minus Satzspiegelbreite (100mm), bleiben 48 mm zu verteilen. 5 Teile au\u00dfen, 3 Teile f\u00fcr den Bund:<\/p>\n<p>Au\u00dfensteg: (48\/8)*5 = 30 mm<br \/>\nBund: 48 mm \u2013 30 mm = 18 mm<\/p>\n<p>Vertikale R\u00e4nderverteilung:<br \/>\nSeitenh\u00f6he (237 mm) minus Satzspiegelh\u00f6he (160 mm), bleiben 77 mm zu verteilen. Hier auch wieder: Fu\u00df: 5 Teile, Kopf: 3 Teile.<\/p>\n<p>Fu\u00dfsteg:<br \/>\n(77\/8)*5 = 48 mm<\/p>\n<p>Bleiben f\u00fcr den Kopf:<br \/>\n77 \u2013 48 = 29 mm<\/p>\n<p>Hier im Screenshot sieht man sehr sch\u00f6n den Aufbau einer Doppelseite nach diesem System.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-129\" title=\"goldener_schnitt\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/goldener_schnitt.jpg\" alt=\"goldener_schnitt\" width=\"550\" height=\"466\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/goldener_schnitt.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/goldener_schnitt-300x254.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<h3>Neuner- und Zw\u00f6lferteilung<\/h3>\n<p>Eine sehr viel einfachere, andere M\u00f6glichkeit, ist die der 9er oder 12er Teilung. Dazu teilt man die Seite einfach in 9 gleiche Teile, sowohl in der Breite sowie auch in der H\u00f6he. Der Satzspiegel ist dann so, dass der Kopf und der Bund ein Teil darstellt und der Fu\u00df und Au\u00dfensteg 2 Teile.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-132\" title=\"9er_teilung\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/9er_teilung.jpg\" alt=\"9er_teilung\" width=\"550\" height=\"393\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/9er_teilung.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/9er_teilung-300x214.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Allerdings ist dieser Satzspiegelaufbau sehr gro\u00dfz\u00fcgig was den Wei\u00dfraum angeht. In der Praxis arbeitet man vielleicht doch eher mit einer Zw\u00f6lferteilung, die die Seite mehr ausnutzt. Das gleiche Prinzip hier: Seite in 12 gleiche Einheiten teilen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-134\" title=\"12er_teilung\" src=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/12er_teilung.jpg\" alt=\"12er_teilung\" width=\"550\" height=\"393\" srcset=\"https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/12er_teilung.jpg 550w, https:\/\/www.sachaheck.net\/blog\/wp-content\/uploads\/2009\/02\/12er_teilung-300x214.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Allerdings ist f\u00fcr mein pers\u00f6nliches Empfinden meist der Bund hierbei etwas zu klein geraten. Im Gro\u00dfen und Ganzen sollte immer das gute typographische Auge das letzte \u00bbWort\u00ab haben.<\/p>\n<p>Wer sich noch mehr f\u00fcr Satzspiegel und Makrotypographie interessiert, dem seien die Arbeiten und Aufs\u00e4tze vom gro\u00dfen Meister Jan Tschichold empfohlen, z.B. diese hier:<\/p>\n<p><a title=\"Jan Tschichold\" href=\"http:\/\/www.amazon.de\/Erfreuliche-Drucksachen-durch-gute-Typografie\/dp\/3875124138\/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1235674129&amp;sr=8-1\" target=\"_blank\">Erfreuliche Drucksachen durch gute Typographie<\/a><\/p>\n<p>Weitere Buchtipps findet man bei den eing\u00e4ngigen Online-Shops.<\/p>\n<div class=\"shariff\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#1e3050\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Ftypographie-goldene-schnitt-neunerteilung&text=%28Makro%29-Typographie%3A%20Der%20goldene%20Schnitt%2C%20Neuner-%20und%20Zw%C3%B6lferteilung%20oder%3A%20der%20harmonische%20Satzspiegel\" title=\"Bei X (Twitter) teilen\" aria-label=\"Bei X (Twitter) teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"1em\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.4.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}<\/style><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"\/><\/svg><\/span><span class=\"shariff-text\">twittern<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Ftypographie-goldene-schnitt-neunerteilung\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.sachaheck.net%2Fblog%2Ftypographie%2Ftypographie-goldene-schnitt-neunerteilung\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noreferrernoopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">mitteilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Der goldene Schnitt stellt ein bestimmtes Verh\u00e4ltnis zweier Gr\u00f6\u00dfen dar und findet in der Architektur, in der Kunst u.s.w. Verwendung. Allgemein wird immer gesagt, dass Zwei Strecken im Verh\u00e4ltnis des Goldenen Schnittes stehen, wenn sich die gr\u00f6\u00dfere zur kleineren Strecke verh\u00e4lt wie die Summe aus beiden zur gr\u00f6\u00dferen. Das versteht man auf den ersten Moment&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0},"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/128"}],"collection":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":6,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sachaheck.net\/blog\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}