Typo Und Layout

Embed Size (px)

Citation preview

  • 8/6/2019 Typo Und Layout

    1/107

    Typografie

    und Layout

  • 8/6/2019 Typo Und Layout

    2/107

    19Satzspiegel und Raster Layout

    JAN TSCHICHOLD

    SatzspiegelFormat ohne Raster

    ALEXEY BRODOVITCH BSP.: DESIGNREPORT

    Spaltenraster

    MAX BILL

    Rasterelder

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    Ausgangspunkt ist die Doppelseite

    traditionelle Satzspiegelkonstruktion fr

    Textbcher

    Rastersysteme fr stark bebilderte Sach-

    bcher und wissenschaftl. PublikationenQUADRAAT (FRED SMEIJERS 1995)

  • 8/6/2019 Typo Und Layout

    3/107

    21Papierformate Layout

    Alte und neue Papierormate

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    A-Reihe C-Reihe B-Reihe

    0 841 1189 917 1297 1000 1414

    1 594 841 648 917 707 1000

    2 420 594 458 648 500 707

    3 297 420 324 458 353 500

    4 210 297 229 324 250 353

    5 148 210 162 229 176 250

    6/5 114 224

    6 105 148 114 162 125 176

    7 74 105 81 114 88 125

    8 52 74 57 81 62 88

    9 37 52

    10 26 37

    (A0) 841 1189

    (A3) 297 420

    (A1) 594 841

    (A6)(A7)

    Bogen in den Proportionen 3 : 4

    AchtelbogenOktav (2:3)

    ViertelbogenQuart(3:4)

    HalbbogenFolio (2:3)

    SechzehntelbogenSedez (3:4)

    (A2) 420 594

    (A4)(A5)

  • 8/6/2019 Typo Und Layout

    4/107

    22Papierformate Layout

    Rationale und irrationaleRechteckproportionenNACH TSCHICHOLD UND HOCHULI

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    3:4

    2:3

    5:8

    3:5

    5:9

    1:2

    1:1,538

    RECHTECK

    B ER DER

    FNFECKSEITE

    1:1,618

    GOLDENER

    SCHNITT

    21:3 4

    1:3

    1:2

  • 8/6/2019 Typo Und Layout

    5/107

    24Satzspiegel und Raster Layout

    Kopstegil margine superiore

    Lebender Kolumnentitelxxx

    Auenstegil margine esterno Bundstegil margine interno

    Satzspiegelblocco di composizione

    Paginierungnumero di pagina

    Fustegil margine inferiore

    tegtegine esternoine esterno e internoe interno

    SatzspiegelSatzspiegelblocco di composizioneblocco di composizione

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    6/107

    25Satzspiegel und Raster Layout

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    S IR W AL T ER RAL EIG H: T HE DIS COVERIE OF G UIANA. [ L ONDON: ROB ERT ROB INS ON, 15 9 6 ]

  • 8/6/2019 Typo Und Layout

    7/107

    26Satzspiegel und Raster Layout

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    PL INY T HE EL DER. HIS T ORIA NAT URAL E. VENICE/NICOL AS JENS ON, 147 6

    l d

  • 8/6/2019 Typo Und Layout

    8/107

    25Satzspiegel und Raster Layout

    4 2

    3

    JAN TSCHICHOLD: SCHRIFTEN 19251974 (BAND 1 UND 2). BERLIN, 1991CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    6S i l d RL

  • 8/6/2019 Typo Und Layout

    9/107

    26Satzspiegel und Raster Layout

    JAN TSCHICHOLD: SCHRIFTEN 19251974 (BAND 1 UND 2). BERLIN, 1991CHRISTIANUPM

    EIER

    |FreieUniversittBozen|2011

    27S t i l d R t L t

  • 8/6/2019 Typo Und Layout

    10/107

    27Satzspiegel und Raster Layout

    JAN TSCHICHOLD: SCHRIFTEN 19251974 (BAND 1 UND 2). BERLIN, 1991CHRISTIANUPM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    11/107

    30Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    12/107

    30Satzspiegel und Raster Layout

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    Vierspaltiges asymetrisches Seitenlayout

    SpaltenabstandSpalte

    20Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    13/107

    20Satzspiegel und Raster Layout

    die rythmische in sichgeschlossene Organisationder textlichen und bild-lichen MittelJOSEF MLLER-BROCKMANN, 1981

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    gitterfrmige Gliederung einer Flche

    Anordnungshilfe fr Bilder und Texte

    Reduzierung der Bildgren

    gleichbleibendes Ordnungsprinzip

    bei PeriodikaFF PROFILE (MARTIN WENZEL 1999)

    31Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    14/107

    31Satzspiegel und Raster Layout

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    Raster mit 2 5 Rastereldern

    32Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    15/107

    3p gy

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    Raster mit 2 5 Rastereldern

    Bildgre

    Bildgre

    35Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    16/107

    p gy

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    Rasterfelder und damit die Bilder richten sich an der Grundlinie und der Oberlnge der Grundschrift aus.

    Zur Konstruktion des Satzspiegels Die Rech-

    nung wre an sich einfach: man teilt die Seiten-

    breite in drei Teile; zwei Drittel davon ergeben die

    Zeilenbreite; []. Das restliche Drittel, genauer also

    der Unterschied zwischen der Seitenbreite und der

    Zeilenbreite, wird wieder in drei Teile geteilt: ein

    Drittel davon kommt auf den inneren, zwei Drittel

    auf den ueren Papierrand. Der obere wird um die

    Hlfte grer als der innere und der untere doppelt

    so gro wie der obere. Daraus ergibt sich die Hhe

    des Satzspiegels, die, genauer, stets die Hhe einer

    bestimmten Zeilenanzahl ist.

    Aber so ein rechnerischer Satzspiegel darf nur als

    Grundlage dienen fr die weitere sorgfltige Nach-

    prfung durch das Auge; dazu bedarf es eines be-

    schnittenen Leerstckes und einiger Probeabzge.

    ( aus : Paul Renner: Die Kunst der Typografe. Berlin,1939 )

    Die Rasterfelder sind oben an der Oberlnge der

    Schrift, unten an der Grundlinie ausgerichtet. Abbil-

    dungen passen sich diesem Raster an.

    33Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    17/107

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    Raster mit 4 8 Rastereldern

    34Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    18/107

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    38Satzspiegel und Raster Layout

  • 8/6/2019 Typo Und Layout

    19/107

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    Registerhaltigkeit

    Jede 3. Zeile

    Jede 2. Zeile

    Grundlinienraster

    Aber so ein rechnerischer Satzspiegel darf nur alsGrundlage dienen fr die weitere sorgfltige Nach-prfung durch das Auge; dazu bedarf es eines be-schnittenen Leerstckes und einiger ProbeabzgeADOB E G ARAMOND ZAB 48 PT

    berschriftAber so ein rechnerischer Satzspiegel darf nur als Grundlage die-nen fr die weitere sorgfltige Nachprfung durch das Auge; dazubedarf es eines beschnittenen Leerstckes und einiger Probeab-

    zge INFO T EXT ZAB 3 6 PT

    Grundlinienraster

    Aber so ein rechnerischer Satzspiegel darf nur alsGrundlage dienen fr die weitere sorgfltige Nach-

    prfung durch das Auge; dazu bedarf es eines be-schnittenen Leerstckes und einiger Probeabzge.ADOB E G ARAMOND ZAB 24PT

    Grundtext

    Aber so ein rechnerischer Satzspiegel darf nur als Grund-

    lage dienen fr die weitere sorgfltige Nachprfung

    durch das Auge; dazu bedarf es eines beschnittenen

    Leerstckes und einiger Probeabzge.KLAVIKA ZAB 24 PT

    Grundlinienraster

    Aber so ein rechnerischer Satzspiegel darf nur alsGrundlage dienen fr die weitere sorgfltige Nach-prfung durch das Auge; dazu bedarf es eines be-schnittenen Leerstckes und einiger Probeabzge.

    Bildunterschrift

    Aber so ein rechnerischer Satzspiegel darf nur als Grundlage dienen fr

    die weitere sorgfltige Nachprfung durch das Auge; dazu bedarf es eines

    beschnittenen Leerstckes und einiger Probeabzge. Jedoch so ein rech-

    nerischer Satzspiegel kann nur als eine Grundlage dienen fr die weitere

    sorgfltige Nachprfung durch das Auge; dazu bedarf es eines beschnittenen

    Leerstckes.

    36Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    20/107

    Sonderhet Typograsche Mitteilungen (1925) Titelskizze Penguin Books (1947)

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    37Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    21/107

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    38Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    22/107

    CHRISTIAN

    UPM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    39Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    23/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    40Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    24/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

  • 8/6/2019 Typo Und Layout

    25/107

    42Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    26/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    43Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    27/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    44Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    28/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    45Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    29/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    46Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    30/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    47Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    31/107

    CHRISTIA

    NU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    48Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    32/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

    49Jan Tschichold 19021974 Layout

  • 8/6/2019 Typo Und Layout

    33/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    BOSE; BRINKMANN (Hrsg.): Jan Tschichold Schriften 19251974. Band 1/2. Berlin, 1991

  • 8/6/2019 Typo Und Layout

    34/107

    51Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    35/107

    Max Bill: Robert Maillart VERLAG FR ARCHITEKTUR AG., ERLENBACH-ZRICH, 1949. 21 21 cm

    CHRISTI

    ANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    36/107

    53Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    37/107

    MAX BILL : Robert Maillart. Zrich, 1949

    54Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    38/107

    MAX BILL : Robert Maillart. Zrich, 1949

  • 8/6/2019 Typo Und Layout

    39/107

    56Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    40/107

    MAX BILL : Robert Maillart. Zrich, 1949

    57Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    41/107

    MAX BILL : Robert Maillart. Zrich, 1949

  • 8/6/2019 Typo Und Layout

    42/107

    59Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    43/107

    MAX BILL : Robert Maillart. Zrich, 1949

    60Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    44/107

    MAX BILL : Robert Maillart. Zrich, 1949

    61Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    45/107

    MAX BILL : Robert Maillart. Zrich, 1949

    62Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    46/107

    MAX BILL : Robert Maillart. Zrich, 1949

    63Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    47/107

    MAX BILL : Robert Maillart. Zrich, 1949

    64Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    48/107

    MAX BILL : Robert Maillart. Zrich, 1949

    65Max Bill 19081994 Layout

  • 8/6/2019 Typo Und Layout

    49/107

    MAX BILL : Robert Maillart. Zrich, 1949

    66Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    50/107

    There is no recipe for good layout,but what must be maintained is a feelingof change and contrast.

    CHRIS

    TIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    67Alexey Brodovitch 18981971 Layout

    H B N Y k

  • 8/6/2019 Typo Und Layout

    51/107

    Harpers Bazaar, New York(Art Director 19341958)

    Portfolio (Art Director 19491951;drei Ausgaben erschienen)

    If the image was good, he leftit alone. If not, he did thingsto it. (Richard Avedon)

    CHRIS

    TIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    Harpers Bazaar Mrs. Carmel Snow examining layoutswith Brodovitch in her ofce. (1952)

    79Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    52/107

    CHRIS

    TIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    80Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    53/107

    CHRIS

    TIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    81Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    54/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    68Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    55/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    56/107

    70Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    57/107

    CHRI

    STIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    71Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    58/107

    CHRI

    STIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    72Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    59/107

    CHRI

    STIANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    60/107

    74Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    61/107

    CHRISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    75Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    62/107

    CHR

    ISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    76Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    63/107

    CHR

    ISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    64/107

    78Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    65/107

    CHR

    ISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

    82Alexey Brodovitch 18981971 Layout

  • 8/6/2019 Typo Und Layout

    66/107

    CHR

    ISTIANU

    PM

    EIER

    |FreieUniversittBozen|2011

  • 8/6/2019 Typo Und Layout

    67/107

  • 8/6/2019 Typo Und Layout

    68/107

  • 8/6/2019 Typo Und Layout

    69/107

  • 8/6/2019 Typo Und Layout

    70/107

  • 8/6/2019 Typo Und Layout

    71/107

  • 8/6/2019 Typo Und Layout

    72/107

  • 8/6/2019 Typo Und Layout

    73/107

  • 8/6/2019 Typo Und Layout

    74/107

  • 8/6/2019 Typo Und Layout

    75/107

  • 8/6/2019 Typo Und Layout

    76/107

  • 8/6/2019 Typo Und Layout

    77/107

  • 8/6/2019 Typo Und Layout

    78/107

  • 8/6/2019 Typo Und Layout

    79/107

  • 8/6/2019 Typo Und Layout

    80/107

  • 8/6/2019 Typo Und Layout

    81/107

  • 8/6/2019 Typo Und Layout

    82/107

  • 8/6/2019 Typo Und Layout

    83/107

  • 8/6/2019 Typo Und Layout

    84/107

  • 8/6/2019 Typo Und Layout

    85/107

  • 8/6/2019 Typo Und Layout

    86/107

  • 8/6/2019 Typo Und Layout

    87/107

  • 8/6/2019 Typo Und Layout

    88/107

  • 8/6/2019 Typo Und Layout

    89/107

  • 8/6/2019 Typo Und Layout

    90/107

  • 8/6/2019 Typo Und Layout

    91/107

  • 8/6/2019 Typo Und Layout

    92/107

  • 8/6/2019 Typo Und Layout

    93/107

  • 8/6/2019 Typo Und Layout

    94/107

  • 8/6/2019 Typo Und Layout

    95/107

  • 8/6/2019 Typo Und Layout

    96/107

  • 8/6/2019 Typo Und Layout

    97/107

  • 8/6/2019 Typo Und Layout

    98/107

  • 8/6/2019 Typo Und Layout

    99/107

  • 8/6/2019 Typo Und Layout

    100/107

  • 8/6/2019 Typo Und Layout

    101/107

  • 8/6/2019 Typo Und Layout

    102/107

  • 8/6/2019 Typo Und Layout

    103/107

  • 8/6/2019 Typo Und Layout

    104/107

  • 8/6/2019 Typo Und Layout

    105/107

  • 8/6/2019 Typo Und Layout

    106/107

    Danke .

  • 8/6/2019 Typo Und Layout

    107/107