| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <!-- P05 Figures · dense · 4×2 text-only roster --> |
| 3 | |
| 4 | <g id="bg"> |
| 5 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 6 | </g> |
| 7 | |
| 8 | <g id="header"> |
| 9 | <text x="64" y="60" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" letter-spacing="2">P · 05</text> |
| 10 | <text x="64" y="120" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="32" font-weight="900" fill="#1A1A1A">八位塑造者</text> |
| 11 | <text x="64" y="148" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="14" fill="#666666" letter-spacing="2">EIGHT DESIGNERS WHO MADE THE SWISS STYLE</text> |
| 12 | <line x1="64" y1="172" x2="120" y2="172" stroke="#D9251D" stroke-width="3"/> |
| 13 | </g> |
| 14 | |
| 15 | <!-- 4 cols x 2 rows; col x: 64 / 368 / 672 / 976; row y top 220 / row y bottom 460 --> |
| 16 | |
| 17 | <g id="figure-keller"> |
| 18 | <text x="64" y="236" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">01</text> |
| 19 | <text x="64" y="270" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Ernst Keller</text> |
| 20 | <text x="64" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1891 — 1968</text> |
| 21 | <line x1="64" y1="306" x2="120" y2="306" stroke="#1A1A1A" stroke-width="1"/> |
| 22 | <text x="64" y="336" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 23 | <tspan x="64" dy="0">苏黎世应用艺术学院</tspan> |
| 24 | <tspan x="64" dy="20">1918 起任教</tspan> |
| 25 | <tspan x="64" dy="20">奠定瑞士学派</tspan> |
| 26 | <tspan x="64" dy="20">"形式跟随内容"原则</tspan> |
| 27 | </text> |
| 28 | </g> |
| 29 | |
| 30 | <g id="figure-ballmer"> |
| 31 | <text x="368" y="236" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">02</text> |
| 32 | <text x="368" y="270" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Théo Ballmer</text> |
| 33 | <text x="368" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1902 — 1965</text> |
| 34 | <line x1="368" y1="306" x2="424" y2="306" stroke="#1A1A1A" stroke-width="1"/> |
| 35 | <text x="368" y="336" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 36 | <tspan x="368" dy="0">网格早期实验者</tspan> |
| 37 | <tspan x="368" dy="20">把 De Stijl 几何</tspan> |
| 38 | <tspan x="368" dy="20">引入海报排版</tspan> |
| 39 | <tspan x="368" dy="20">桥梁式人物</tspan> |
| 40 | </text> |
| 41 | </g> |
| 42 | |
| 43 | <g id="figure-bill"> |
| 44 | <text x="672" y="236" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">03</text> |
| 45 | <text x="672" y="270" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Max Bill</text> |
| 46 | <text x="672" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1908 — 1994</text> |
| 47 | <line x1="672" y1="306" x2="728" y2="306" stroke="#1A1A1A" stroke-width="1"/> |
| 48 | <text x="672" y="336" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 49 | <tspan x="672" dy="0">包豪斯学生</tspan> |
| 50 | <tspan x="672" dy="20">乌尔姆设计学院</tspan> |
| 51 | <tspan x="672" dy="20">创校校长</tspan> |
| 52 | <tspan x="672" dy="20">理性延伸至产品</tspan> |
| 53 | </text> |
| 54 | </g> |
| 55 | |
| 56 | <g id="figure-ruder"> |
| 57 | <text x="976" y="236" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">04</text> |
| 58 | <text x="976" y="270" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Emil Ruder</text> |
| 59 | <text x="976" y="290" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1914 — 1970</text> |
| 60 | <line x1="976" y1="306" x2="1032" y2="306" stroke="#1A1A1A" stroke-width="1"/> |
| 61 | <text x="976" y="336" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 62 | <tspan x="976" dy="0">巴塞尔学派核心</tspan> |
| 63 | <tspan x="976" dy="20">著《Typographie》</tspan> |
| 64 | <tspan x="976" dy="20">1967 至今为</tspan> |
| 65 | <tspan x="976" dy="20">字体设计圣经</tspan> |
| 66 | </text> |
| 67 | </g> |
| 68 | |
| 69 | <g id="figure-hofmann"> |
| 70 | <text x="64" y="476" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">05</text> |
| 71 | <text x="64" y="510" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Armin Hofmann</text> |
| 72 | <text x="64" y="530" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1920 — 2020</text> |
| 73 | <line x1="64" y1="546" x2="120" y2="546" stroke="#1A1A1A" stroke-width="1"/> |
| 74 | <text x="64" y="576" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 75 | <tspan x="64" dy="0">巴塞尔学派核心</tspan> |
| 76 | <tspan x="64" dy="20">海报与教学</tspan> |
| 77 | <tspan x="64" dy="20">的标志性人物</tspan> |
| 78 | <tspan x="64" dy="20">影响延续至耶鲁</tspan> |
| 79 | </text> |
| 80 | </g> |
| 81 | |
| 82 | <g id="figure-brockmann"> |
| 83 | <text x="368" y="476" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">06</text> |
| 84 | <text x="368" y="510" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#D9251D">Müller-Brockmann</text> |
| 85 | <text x="368" y="530" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1914 — 1996</text> |
| 86 | <line x1="368" y1="546" x2="424" y2="546" stroke="#D9251D" stroke-width="2"/> |
| 87 | <text x="368" y="576" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 88 | <tspan x="368" dy="0">苏黎世学派核心</tspan> |
| 89 | <tspan x="368" dy="20">《Grid Systems in</tspan> |
| 90 | <tspan x="368" dy="20">Graphic Design》作者</tspan> |
| 91 | <tspan x="368" dy="20">本讲下页详述</tspan> |
| 92 | </text> |
| 93 | </g> |
| 94 | |
| 95 | <g id="figure-miedinger"> |
| 96 | <text x="672" y="476" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">07</text> |
| 97 | <text x="672" y="510" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Max Miedinger</text> |
| 98 | <text x="672" y="530" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1910 — 1980</text> |
| 99 | <line x1="672" y1="546" x2="728" y2="546" stroke="#1A1A1A" stroke-width="1"/> |
| 100 | <text x="672" y="576" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 101 | <tspan x="672" dy="0">1957 年</tspan> |
| 102 | <tspan x="672" dy="20">与 Hoffmann 合作</tspan> |
| 103 | <tspan x="672" dy="20">设计 Helvetica</tspan> |
| 104 | <tspan x="672" dy="20">命名取自瑞士</tspan> |
| 105 | </text> |
| 106 | </g> |
| 107 | |
| 108 | <g id="figure-frutiger"> |
| 109 | <text x="976" y="476" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#D9251D" letter-spacing="2">08</text> |
| 110 | <text x="976" y="510" font-family=""Arial Black", "Microsoft YaHei", sans-serif" font-size="20" font-weight="900" fill="#1A1A1A">Adrian Frutiger</text> |
| 111 | <text x="976" y="530" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#666666">1928 — 2015</text> |
| 112 | <line x1="976" y1="546" x2="1032" y2="546" stroke="#1A1A1A" stroke-width="1"/> |
| 113 | <text x="976" y="576" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="13" fill="#1A1A1A"> |
| 114 | <tspan x="976" dy="0">同年 1957</tspan> |
| 115 | <tspan x="976" dy="20">设计 Univers</tspan> |
| 116 | <tspan x="976" dy="20">21 字重</tspan> |
| 117 | <tspan x="976" dy="20">首次坐标系统化</tspan> |
| 118 | </text> |
| 119 | </g> |
| 120 | |
| 121 | <g id="page-footer"> |
| 122 | <text x="1216" y="688" font-family="Arial, "Microsoft YaHei", sans-serif" font-size="11" fill="#999999" text-anchor="end" letter-spacing="1">05 / 14</text> |
| 123 | </g> |
| 124 | </svg> |
| 125 |