為什麼設計師都該懂包浩斯?一所只存在 14 年的學校,怎麼定義了百年設計

從 1919 年的德國威瑪到 2026 年你 Figma 裡的 8px 網格——包浩斯方法為什麼還在用
設計師 Riven

設計師 Riven

2026年5月11日 下午 3:12

AI 設計

DESIGN HISTORY · 2026

為什麼設計師都該懂包浩斯?一所只存在 14 年的學校,怎麼定義了百年設計——RAR 設計攻略主視覺,含 Bauhaus Dessau 校舍、五大核心精神、影響日常的設計品、1919-1933 大事記時間軸與 Walter Gropius 名言

QUICK ANSWER

包浩斯(Bauhaus)是 1919 年成立於德國威瑪的設計學校,1933 年被納粹關閉,只存在 14 年。但它把藝術與工業整合的方法、「Form follows function」的設計哲學、幾何形狀與無襯線排版的視覺系統,定義了之後 100 年的現代設計。Apple、Muji、Braun、你 Figma 裡的 8px 網格,背後都是包浩斯。

CHAPTER 01 · WHAT IS IT

一所只存在 14 年的學校

包浩斯 1919 年 4 月 1 日成立於德國威瑪,創辦人是建築師 Walter Gropius。它的德文意思就是 building house,蓋房子的房子,明明白白是一所要做東西、不是只談理論的學校。

14 年間,它換了三個城市、三任校長。Gropius 在威瑪辦了 6 年,1925 年因為威瑪政治壓力被迫關門,搬到工業城市 Dessau(德紹)。1926 年 12 月 4 日,由 Gropius 親自設計的 Dessau 新校舍啟用——也就是你在文章封面看到的那棟玻璃帷幕建築。Dessau 時代是包浩斯的黃金時期。

1928 年 Gropius 辭職交棒給 Hannes Meyer,1930 年 Meyer 被解雇,換成 Ludwig Mies van der Rohe。Mies 後來把學校改成私立,試圖躲避納粹政治壓力,但 1932 年納粹拿下 Dessau 市議會後,學校還是被關。Mies 把學校搬到柏林一座廢棄工廠,撐了 10 個月,1933 年蓋世太保正式查封。

14 年。三個城市。三任校長。然後就沒了。但這 14 年定義了之後 100 年的設計長什麼樣子。

CHAPTER 02 · WHY IT MATTERED

把藝術跟工業合在一起,這件事在當時是革命

在包浩斯之前,藝術家跟工匠是分開的。畫油畫的看不起做椅子的,做椅子的羨慕畫油畫的。一個是 fine arts、一個是 applied arts,學校分開教、社會階級分開站。19 世紀末英國 William Morris 領頭的 Arts and Crafts 運動已經在打這道牆,但牆還在。

Gropius 一上台就把牆打掉。1919 年的包浩斯宣言裡他寫:

「讓我們一起建立一個沒有階級藩籬的工藝行會,不再有那種把工匠跟藝術家粗暴隔開的傲慢。」

— WALTER GROPIUS, 1919

具體做法很簡單:所有學生不分科系,先進工坊。木工、金工、紡織、攝影、印刷、戲劇——每一種媒材都是設計的語言。學生先學手怎麼動,再學造型理論。Gropius 找來 Itten、Klee、Kandinsky 教預備課程,找來 Marcel Breuer 帶木工、Gunta Stölzl 帶紡織、Marianne Brandt 帶金工,藝術家跟工匠在同一棟樓裡同事。

這個想法在 1919 年是激進到讓保守派氣到要關學校的程度。今天聽起來像常識——所有設計學院都這樣做。但這常識不是天上掉下來的,是包浩斯打掉那道牆之後留下的。

CHAPTER 03 · CORE METHODS

包浩斯沒留下單品,留下的是一套思考方法

人們常把包浩斯記成風格——白色、簡潔、幾何。但風格只是結果。包浩斯真正留下來的,是怎麼產生這種結果的一套方法。這套方法現在還能直接用。

把它拆開,大概是四件事:

01 · FOUNDATION

先學媒材,再學概念

所有學生第一年上預備課程(Vorkurs),不分主修,全部去工坊動手。Itten、Moholy-Nagy、Albers 先後接手,讓學生先用手認識材料的脾氣,再來談形式。

02 · CROSS-MEDIA

所有媒材是同一件事

木工、金工、紡織、攝影、印刷、戲劇——13 個工坊各做各的,但設計思考是共通的。一個學生可以從木工換到攝影,因為底層方法一樣。

03 · FUNCTION FIRST

先想功能,再想形式

「Form follows function」這句話不是包浩斯發明的(出自美國建築師 Sullivan,受 William Morris 影響),但包浩斯把它變成日常的工作流程。先問東西要做什麼,再決定它長什麼樣子。

04 · MASS PRODUCTION

為工業量產而設計

不做藝品,做能量產的設計。每個學生都是 artist-designer 雙身分,會做手稿、也會做能跟工廠合作的原型。1929 年學校第一次轉虧為盈,靠的就是賣設計授權給產業。

這四件事拆開看每一件都不新。新的是把它們綁在一起,當作一所學校的核心方法。「動手 → 跨媒材 → 功能先於形式 → 為量產而設計」這個 pipeline,今天的設計學院多少都還在用,只是不一定會說它從哪來的。

CHAPTER 04 · VISUAL LANGUAGE

幾何形狀、原色、無襯線

方法是骨架,視覺語言是包浩斯的皮肉。這套語言今天看好像沒什麼——圓、三角、方,紅、黃、藍,幾條線、一點留白。但在 1923 年那個還在流行新藝術風格捲草紋飾的年代,這套語言看起來像外星文明發來的訊號。

Kandinsky 在 1923 年做了一個著名的色彩跟形狀問卷,問所有人「紅黃藍三個顏色配圓三角方三個形狀,你覺得怎麼搭配最合理」。多數人回答:黃配三角、紅配方、藍配圓。這個結果後來被當成包浩斯視覺基本款的依據之一。

THE BAUHAUS VISUAL ALPHABET

CIRCLE

圓 · 紅

TRIANGLE

三角 · 黃

SQUARE

方 · 藍

三個形狀 × 三個原色 + 黑白灰 + 無襯線字體 = 整個現代設計的視覺骨架。
Kandinsky、Klee、Itten 在預備課程裡反覆操練的就是這套。

字體部分,Herbert Bayer 1925 年設計了 Universal Typeface——只有小寫、幾何造型、沒有襯線。這個字體沒大規模流行,但它是後來 Futura、Helvetica、整個 20 世紀無襯線字體革命的起點之一。你今天用的 Inter、SF Pro、Noto Sans,骨子裡都是它的孫輩。

排版上,包浩斯偏好不對稱、留白、模組化網格。「模組化網格」這四個字今天在 Figma 裡是右側面板隨手調的東西,但它在 1925 年是個全新觀念——把版面切成可重複利用的單位,每個元素該佔幾格事先想好。100 年後我們還在用同一個邏輯,只是改用 Auto Layout 跟 8px grid 去執行。

CHAPTER 05 · KEY FIGURES

這些人撐起了包浩斯

包浩斯不是一個人的學校,是一群人合力撐出來的。下面這份名單你不一定要全部記住,但每一個拉出來都是 20 世紀設計史的重要人物。

THE DIRECTORS · 三任校長

1919—28

Walter Gropius

建築師、創辦人。Dessau 校舍設計者。後來去哈佛當建築系主任。

1928—30

Hannes Meyer

瑞士建築師。把學校左傾化,第一個讓學校轉虧為盈的校長。政治原因被解雇。

1930—33

Mies van der Rohe

「Less is more」就是他的話。後來去美國蓋了西格拉姆大廈,現代主義建築的代名詞。

THE MASTERS · 預備課程與藝術理論

Wassily Kandinsky

俄國抽象畫家。教色彩跟形式理論。「圓配藍、三角配黃、方配紅」那個問卷就是他做的。

Paul Klee

瑞士畫家。教造型理論,後來出版的《Pedagogical Sketchbook》是設計學院經典教材。

László Moholy-Nagy

匈牙利人。接 Itten 之後重新設計預備課程,強調科技與媒材實驗。後來去芝加哥開 New Bauhaus。

THE WORKSHOP LEADS · 工坊大師

Marcel Breuer

木工 → 家具。用鋼管做出 Wassily Chair(B3),第一張現代鋼管家具,到現在還在賣。

Anni Albers

紡織工坊。把織布做成現代藝術。後來去 Black Mountain College、再到耶魯。

Marianne Brandt

金工工坊。1924 年的 Kandem 檯燈是史上第一批可量產的現代主義家用燈具之一。

Herbert Bayer

字體與平面設計。Dessau 校舍外牆那個 BAUHAUS 字樣就是他做的。Universal Typeface 設計者。

Gunta Stölzl

紡織工坊唯一的女大師(master)。在男性主導的學校裡靠作品殺出一片天,是包浩斯女力代表。

Josef Albers

學生出身、後來當 master 教預備課程。《Interaction of Color》是設計師色彩教育的聖經。

這還沒寫完。Oskar Schlemmer 帶劇場工坊、Lyonel Feininger 帶版畫、Johannes Itten 開創預備課程的人……名單可以一直拉下去。每一個拉出來都是設計史一整章。

CHAPTER 06 · LEGACY

14 年定義 100 年的設計

學校 1933 年沒了。但這 14 年塑造的東西,之後 100 年沒停過。

Bauhaus Dessau 校舍入口正門,玻璃帷幕與 BAUHAUS 字樣(Herbert Bayer 設計),1926 年由 Walter Gropius 設計,今天仍開放參觀

▲ Dessau 校舍入口的玻璃帷幕跟 Herbert Bayer 設計的 BAUHAUS 字樣,1926 年到今天沒換過。1996 年列入 UNESCO 世界文化遺產,每天開放參觀。

最直接的延續是消費品產業。Dieter Rams 在 1955 年加入 Braun,把包浩斯方法帶進電器設計,他自己寫的「好設計十準則」幾乎是包浩斯方法論的延伸版。Jony Ive 在 Apple 設計 iPod 跟 iPhone 時,公開承認自己是看 Braun 長大的——也就是看著包浩斯的孫輩長大的。

100 YEARS OF INFLUENCE · 從威瑪到 Figma

1919

威瑪成立

Walter Gropius 創辦包浩斯,發表宣言。藝術與工業整合的實驗開始。

1933

納粹關閉

學校解散。Gropius、Mies、Albers、Moholy-Nagy 等人陸續移居美國。

1937

芝加哥 New Bauhaus

Moholy-Nagy 在芝加哥開 New Bauhaus,後來變成 Institute of Design(現屬 IIT)。

1955

烏爾姆設計學院

德國 HfG Ulm 接續包浩斯方法,培養出 Dieter Rams 那一代設計師,後來深深影響 Braun。

1996

UNESCO 世界遺產

包浩斯威瑪與德紹校舍被列入世界文化遺產,2017 年擴展到 Bernau。

2014

Material Design

Google 推出 Material Design,公開承認設計語言參考包浩斯與瑞士平面設計學派。網格、層次、留白都來自同一條血脈。

2026

你 Figma 裡的 8px 網格

這篇文章你正在讀的螢幕、用的工具、看的 app,背後的模組化網格邏輯都還是包浩斯。107 年沒斷。

隨便舉幾個你今天會接觸到的:Apple 官網的留白跟字體階層、Muji 賣場那種「沒有商標就是商標」的極簡感、Braun 1960 年代電器到現在還在博物館展、Material Design 的卡片陰影邏輯、Tailwind 的 spacing scale、Figma 裡那條 8px 網格——通通都是包浩斯方法的後代。

你也許沒讀過包浩斯,但你每天都在用它。

CHAPTER 07 · DIASPORA

想壓的東西,反而跑得更遠

1933 年蓋世太保查封柏林那座工廠的時候,他們以為自己關掉的是一所學校。實際上他們做的事,是把這套思想送上船。

老師跟學生四散世界各地:

Walter Gropius → 哈佛大學

1937 年成為哈佛設計研究生院建築系主任,把包浩斯方法移植進美國頂尖建築教育。

Mies van der Rohe → IIT 芝加哥

領導伊利諾理工學院建築系。後來蓋了西格拉姆大廈,定義紐約天際線的玻璃帷幕摩天樓就是他的語言。

Josef Albers → Black Mountain → 耶魯

先在北卡 Black Mountain College 教書,學生包含後來抽象表現主義那批人。1950 年代轉到耶魯主持平面設計系。

Moholy-Nagy → 芝加哥 New Bauhaus

在芝加哥重新開了一所學校,1937 年的 New Bauhaus 後來變成 IIT 的 Institute of Design,至今是美國設計研究重鎮。

猶太裔的包浩斯建築師大量移居以色列。今天特拉維夫的 White City,4000 多棟包浩斯風格建築,是世界上密度最高的,1933-1948 年由這批流亡建築師蓋起來。1925 年的 Dessau 那套方法,1948 年變成一整座地中海城市的樣貌。

納粹想徹底抹掉一所學校。結果他們做的事是把這所學校上傳到全世界。

下面這部 DW Documentary 紀錄片,是德國公廣電視台為包浩斯百年做的三部曲第一集,把這段流亡跟擴散講得很完整:

▲ DW Documentary《100 years of the Bauhaus》第一集,47 分鐘看完整段歷史。

CHAPTER 08 · IN PRACTICE TODAY

為什麼 AI 時代,更要回到包浩斯

這是這篇文章最重要的一段,所以放最後。

2026 年的設計工作環境跟 1926 年的德紹差很多。但有件事其實一樣——當生產工具突然便宜十倍、會的人突然多十倍的時候,價值會從「做出來」轉到「想清楚要做什麼」。

1920 年代是機器跟量產讓「做出來」變便宜。2026 年是 AI 讓做出來變便宜。要 ChatGPT 寫文案、Claude 寫程式、即夢生圖、Runway 生影片、Manus 跑工作流,產出速度比五年前快十倍。但這意味著——「能做」不再是稀缺技能,「知道該做什麼」才是。

這就是包浩斯方法在 AI 時代特別重要的原因。把第 3 章那四條拿來重看一次:

先學媒材,再學概念。AI 工具一週換一輪,但工具本質都是媒材。先動手用過,再來談它能不能解決問題。

所有媒材是同一件事。會 prompt 圖、prompt 影片、prompt 程式、prompt 自動化,底層思考方式一樣——把模糊意圖轉成精確指令,再從產出反推下一步。

先想功能,再想形式。AI 最容易讓人犯的錯就是用工具長出形式,再回頭找功能。應該反過來。

為量產而設計。不做一次性 demo,做能持續產出的工作流。Bauhauslers 1925 年就在做的事,2026 年的我們還在做。

這套方法對 UI/UX 設計師特別直接。Form follows function 翻成 UI 的語言,是「使用者要做什麼想清楚,介面自然會長出該有的樣子」。不是先畫漂亮的介面再湊功能,是先把任務拆乾淨,介面是任務的副產品。

這也是我這幾年做設計教學、做 AI 工具研究時反覆回到的同一個方法。包浩斯 14 年裡解決的問題,跟我們今天在 AI 工具現場面對的問題,骨子裡是同一個——當新生產力出現的時候,怎麼把藝術跟工業整合成有用的東西。

所以這篇文章不是設計史報告,是給今天的我們的提醒。風格會變、工具會換、平台會死,但方法不會。100 年前能用,100 年後還能用。

AI 覺醒設計應用攻略

SUBSCRIPTION · AIWAKEN

AI 覺醒設計應用攻略

包浩斯的方法在 AI 時代怎麼用?AI 工具一週一輪,我幫你過濾雜訊,只整理對設計師真正有用的應用。

AI 工具實測與工作流

設計師角度 Prompt 技巧

每週 AI × 設計新知

了解訂閱方案 →

FAQ · 常見問題

關於包浩斯的常見疑問

Q:包浩斯(Bauhaus)是什麼意思?

Bauhaus 是 Walter Gropius 自創的德文新字,由 Bau(建造)+ Haus(房子)組成,意思是「蓋房子的房子」。它呼應中世紀石匠工會 Bauhütte 的概念,強調這是一所實作型的工坊學校,不是純理論的藝術學院。

Q:誰是包浩斯創辦人?

創辦人是德國建築師 Walter Gropius,1919 年 4 月 1 日在威瑪成立。學校 14 年間總共有三任校長:Gropius(1919-1928)、Hannes Meyer(1928-1930)、Ludwig Mies van der Rohe(1930-1933)。

Q:包浩斯為什麼這麼重要?

它第一次把藝術跟工業生產整合成一套可以教、可以執行的方法論。在它之前,藝術家跟工匠是分階級的兩群人。它把這道牆打掉,讓「設計」成為一個獨立的專業領域,並建立了至今仍在用的視覺語言——幾何形狀、原色、無襯線字體、模組化網格。

Q:包浩斯為什麼會被關閉?

政治因素。納粹把包浩斯標籤成「共產主義溫床」與「猶太—布爾什維克藝術」,從 1932 年起在地方層級施壓。1932 年 Dessau 市議會被納粹拿下,學校被迫搬到柏林。1933 年蓋世太保查封柏林校舍。Mies van der Rohe 雖然爭取到重開許可,但他跟教職員集體投票決定主動結束學校,避免在納粹條件下繼續運作。

Q:包浩斯對今天的設計有什麼影響?

幾乎是現代設計的根。Apple、Muji、Braun、Vitra 等品牌的視覺語言直接繼承包浩斯。Google Material Design 公開承認參考了包浩斯。Helvetica、Futura 等主流無襯線字體的源頭在包浩斯。你 Figma 工作時用的 8px grid、模組化思考、Auto Layout 邏輯,背後都是包浩斯方法的延伸。

Q:UI/UX 設計師為什麼要懂包浩斯?

因為它的方法直接適用於今天的工作。「Form follows function」翻成 UI 的語言,就是「使用者要做什麼想清楚,介面自然會長出該有的樣子」。包浩斯的模組化思考、跨媒材整合、為量產而設計,全部都是 UI/UX 工作的基本盤。懂包浩斯不是為了會背歷史,是為了把這套已經被驗證 100 年的方法直接拿來用。

Q:包浩斯校舍今天還在嗎?可以去看嗎?

在。Dessau 校舍 1996 年列入 UNESCO 世界文化遺產,現在是 Bauhaus Dessau Foundation 所在地,每天開放參觀。學生宿舍 Prellerhaus 甚至開放給遊客住宿。威瑪舊校舍跟附近的 Haus am Horn 也都列入世界遺產。如果有機會去德國,這是設計師朝聖路線。