關於本站
設計史筆記是一套以設計史為核心、跨時代/地區/領域/流派/人物/作品/理論交叉索引的視覺化參考站。目標是讓任何設計學徒、創作者、研究者在 30 秒內找到關於某個流派、設計師或作品的可信、可引用、有觀點的描述。
99內容頁
71實質筆記
165年代跨度
v1.0當前版本
站台目標
為什麼存在這個站
中文設計史的線上資源長期分散且品質不一:維基百科條目結構不一、學術期刊難取得、教科書翻譯落後、英文資料中譯品質參差。這個站試圖填補這個空白 — 提供:
- 繁體中文一手書寫(非機器翻譯)的設計史描述
- 跨類別交叉索引:從一個流派可以一鍵跳到代表設計師、再跳到代表作品
- 有編輯立場:不是中性的維基條目,而是有觀點的歷史敘事
- 視覺化呈現:時間軸 gantt、譜系 flowchart、拼貼地圖等多種視角
範圍與取捨
收錄範圍
當前 v1.0 聚焦在 1860-2020 年的現代與當代設計 — 從莫里斯紅屋到中央電視台總部,以歐美主流流派為主軸。明確未涵蓋:
- 古代/中世紀/文藝復興設計 — 雖列於時代分類但內容未填,規劃 v2.0 補完
- 東亞/拉丁美洲/非洲在地設計 — 雖列於地區分類但內容未填,規劃 v3.0 補完
- 服裝、平面以外的廣告設計 — 未來再評估是否擴展
- 數位介面設計史(UX) — 已收 Macintosh、iPhone 兩件,但完整 UX 設計史(從 Xerox PARC 到當代)未展開
為什麼是這個範圍
聚焦歐美 1860-2020,理由有三:
- 該段時期的「設計」作為現代學科被定義、有大量檔案、二手研究多,易於可信書寫
- 多數中文設計教育以歐美現代主義為基底,先把這個軸線寫清楚有實際參考價值
- 寫不熟的東西容易出錯,先把熟悉範圍寫好再擴展
分類邏輯
為什麼用六大分類
站台採用六層交叉分類:時代 × 地區 × 領域 × 流派 × 人物 × 作品 + 理論。同一個對象通常出現在多個分類:
- 流派(40-) 是中觀:介於宏觀時代與具體作品之間,是設計史敘事的主要單位
- 人物(50-) 是節點:大部分設計史故事最後落到「誰做了什麼」
- 作品(60-) 是證據:具體物件是流派與人物的視覺證明
- 理論(70-) 是綱領:幫助理解為什麼某流派與某作品如此運作
- 時代/地區/領域(10/20/30-) 是分類維度:同一作品可以從多角度進入
點 Explorer 側欄展開資料夾就能在不同分類間自由切換。建議從 時間軸 或 流派譜系 開始建立全域認識,再深入個別頁面。
資料來源
寫作來源
每篇筆記的「延伸閱讀」章節列出主要參考。整體上的常用來源:
書籍
- Kenneth Frampton, Modern Architecture: A Critical History(現代建築:批判性的歷史)
- Philip B. Meggs & Alston W. Purvis, Meggs’ History of Graphic Design
- Penny Sparke, An Introduction to Design and Culture: 1900 to the Present
- 王受之《世界現代設計史》(中文設計史經典)
- Phaidon Design Classics(三卷,1000 件物品)
- 各流派與設計師的專書回顧
博物館與檔案
- MoMA(Museum of Modern Art, NYC)— 現代設計典藏
- V&A(Victoria and Albert Museum, London)— 工藝美術運動以降
- Vitra Design Museum(Weil am Rhein, Germany)— 家具與工業設計
- Bauhaus Archive(Berlin)、Dessau Foundation
- Le Corbusier Foundation(Paris)
- Cooper Hewitt(Smithsonian Design Museum)
- 各流派城市的當地檔案(Barcelona Modernisme、Vienna Secession 等)
線上資源
- 各條目 Wikipedia 與 Britannica(初稿基礎,但不直接複製,皆人工改寫並交叉驗證)
- Letterform Archive、Design Museum(London)等線上典藏
方法論
內容如何寫成
- 初稿來源:scraper 工具(
design-history-scraper)從維基百科批次匯入摘要與圖片 - 人工改寫:每篇筆記由人手改寫成具觀點敘事,不直接複製百科內容
- 交叉驗證:重要事實(年代、人名、事件)與至少兩個來源對齊
- 編輯立場:當有爭議時(如路斯反猶、庫哈斯與威權合作),站台會明確標示而非迴避
- 持續更新:不是「一次寫完」,而是依新資訊持續修訂
寫作原則
- 避免維基百科的中性陳述 — 設計史不該只是事實清單,應有敘事與判斷
- 拒絕英雄崇拜 — 設計師的人格爭議(萊特私生活、密斯打官司、路斯犯罪)會明確記錄
- 重視結構性脈絡 — 「為什麼這個流派在這個時代地點誕生」比「這個流派是什麼」更值得寫
- 可讀性優先 — 1000 字以內、繁體中文、避免術語堆疊
引用
如何引用本站
若用於學術或商業:
[頁面名]. (2026). 設計史筆記. https://design-history.pages.dev/[頁面路徑]
例:包浩斯. (2026). 設計史筆記. https://design-history.pages.dev/40-流派/包浩斯
注意:本站非經同儕審查的學術出版,雖有交叉驗證但仍可能有錯。重要學術引用建議回到原始文獻。
技術
技術說明
- Quartz 4(jackyzha0/quartz)為靜態網站生成器
- Obsidian vault 為內容寫作環境
- Cloudflare Pages 部署
- Python scraper(design-history-scraper) 從維基百科匯入初稿
- 開源於 GitHub
設計選擇
- 主色票:Adobe 5 色組(深 teal 07655A、深紫 3E347C、橙 D64C1B、薄荷 59CAA2、嫩綠 B5FE8D)
- 字型:Noto Serif TC(標題)+ Noto Sans TC(內文)
- 互動:雙層 cursor(dot + ring)、5px 圓角、hover 微動效
致謝
致謝
- 維基百科貢獻者 — 初稿基礎
- Jacky Zhao — Quartz 4 框架
- Anthropic Claude — 內容撰寫合作
- 所有開源博物館與檔案庫提供的圖片與資料
版本
- v1.0(2026-05)— 13 流派 + 30 人物 + 25 作品 + 3 理論 全部 stub 升級為實質內容;站台視覺定型
- v0.9 — Adobe 5 色票套用、自訂 cursor、EyeMeta/EyeBacklinks 元件
- v0.8 — 60-作品 grid 頁、50-人物 grid 頁、40-流派 grid 頁
- v0.7 — landing page 大字 hero + 分類入口
- v0.5 — 第三輪 scraper 補 8 條內容
- v0.3 — 第一輪 scraper 匯入 36 條
- v0.1 — Quartz 框架初始 commit
計畫中
- v2.0 — 補古代/中世紀/文藝復興時代內容
- v3.0 — 補東亞/拉丁美洲/非洲設計
- 未定 — 數位介面設計史完整化、英文版
本站持續成長中。發現錯誤、想補資料、想討論 — 歡迎 GitHub issue 或 PR。