如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

當我們打開一個網站，我們會看網站界面是否美觀，交互是否符合人性化，布局是否合理等等，這些因素對網站起到一定的影響作用，但最根本影響一個網站的是整個網站的可讀性。
良好的設計應該都是可讀的設計，如果信息都無法正常而清晰的傳達，那么設計就失去了意義。設計的可讀性和排版設計息息相關，與此同時，對比度的控制也是其中的核心。想要提升內容的可讀性，讓內容以更加順暢、更符合邏輯的形式呈現在用戶面前，可以通過以下幾種方式來提高網頁的可讀性。

1.文字的可讀性

要讓文字提高可讀性，可以通過調整字體樣式、外邊距、內邊距、顏色和對比度等參數來提高文字的可讀性。

• 字體樣式：字體的樣式會影響可讀性。

• 行長度：每行的字符個數對于整體的可讀性起著主要作用。如果文字段落非常寬，閱讀性差。同理，每行文字太短也不行，會給讀者的眼睛帶來壓力，造成混亂。

• 外邊距和內邊距：和行距一樣，元素周邊和之間的空隙也影響著用戶閱讀文字本身。

• 顏色與對比度：文字顏色與相應背景也至關重要。如果在綠色背景上寫綠色文字，就難以閱讀了。設計師選擇淺色字深色背景，或是深色字淺色背景，都是有原因的。對比使得字符容易閱讀。

目前文章內容流行的字體是14PX（像素），這樣不容易造成視覺疲勞?？梢越y一去設置全局的字體大小，包括行距。

除此，文字鏈接最好用顏色或是其他樣式跟正文區分開來，這樣讀者可以清楚的知道哪里可以點擊。例如：可以給a標簽寫個下劃線代碼text-decoration: underline；。

2.段落的可讀性

段落的可讀性一樣可以用過文字和圖片來提高。文字方面跟上面提到的，可以通過字體樣式、外邊距、內邊距、顏色和對比度等參數來調整之外，還可以通過段落行距來調整字段間距。

• 行距：每行文字間的間距也同樣重要。看看這篇文章，如果每行文字都與上下兩行粘在一起，你就無法理解這些句子。

可以從上圖看出，文字段落之間不留白可讀性不高。右邊的標題和段落之間、行與行之間和段落與段落之間都留了一定的距離，所以整體會顯得更為整潔和可讀性高，這些在網站當中用Margin、Padding和Line-height可以來調整留白的大小。切記，行距大小不是越大越好，一定要適當。

在通篇文字的文章當中也可以考慮適當的穿插一兩張圖片進去，配圖可以提高文章的可讀性。

3.區塊的可讀性

區塊間也要有一定的間距才能提高區塊的可讀性。

區塊留白這個有點類似上面的文字段落留白，在網頁當中，每個區塊與區塊之間也要適當的留白，而這個留白主要還是體現在Margin和Padding上。如果取消兩個區塊的Margin和Padding，那兩個區塊的內容會聚集在一起，這樣不利于觀者去區分區塊之間的關系，也不利于閱讀。所以一般我們在給網站做界面的時候，都會設置一定的間距，就像蟬知系統中默認的間距是7px，當然，這個間距的大小都是可以調整的，看你怎么去設計這個頁面和頁面的整體風格是否和諧而定。

可以看到上圖左側區塊之間的間距為0，整體區塊和區塊之間看不出間隙，給人擁堵的感覺。但是右側留有一定的間隙，所以看起來比較舒暢，可讀性也相對高很多。

4.圖片的可讀性

為什么說圖片也具有可讀性，要知道一張好的幻燈片設計可以起到一定的作用，大部分的網站第一眼看的就是幻燈片，所以圖片的設計也不能忽視。
圖片的設計可以通過對比來設計，比如色彩對比、字體對比等。切記勿用復雜的背景來當幻燈片，這樣標題在畫面上就不夠突出。

上面的例子，顯而易見，當圖片背景比較復雜的時候，文字的閱讀性就差一點。第一張圖的背景比較簡潔大方，加上不用設計的字體，自然而然的主題就凸顯出來了。

5.導航的可讀性

說到導航，這個其實是整個網站架構當中最重要的，所以我也把這點放到最后來講。網站一定要有清晰的導航，方便讀者瀏覽和了解整個網站的架構。所以在設計導航的時候一定要考慮到瀏覽者的習慣。

• 導航要簡單明了，避免奇怪的布局。

上面這個導航不是說做得不好看，而是找交互的設計用起來讓用戶會有點不舒服，導航下拉時，除頭部內容整個頁面整體下移，這也可能就是設計師特意做的效果，但是很明顯，效果不是特別出彩。

• 導航點擊狀態下的樣式和普通樣式需要有明顯區別。

上面的這個導航，點擊狀態下和正常顯示的樣式效果區別不大，所以識別性不夠高。

• 導航的層級關系設計簡單點，最好不要超過三級。

現在很多導航設計都將二級導航和三級導航放在一起，這樣受眾在瀏覽的時候也可以更清晰網站的架構。

優秀的網站，通常在用戶體驗上非常用心，而網站良好的客戶體驗除了優秀的界面設計、合理簡潔的框架布局，還有一點至關重要——網頁的可讀性。

藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

 藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

去年荷蘭搞了一個活動，叫「風格派100年」，意思是從1917年開始計算到2017年，而海報上面就用了一個人物，就是蒙德里安。而且最后還將2017年定為「蒙德里安年」。

其實按歷史上的蓋棺論定，風格派的創始人是杜斯伯格，那為什么海報不放杜先生呢？原理很簡單，就是蒙德里安比杜斯伯格要紅。

蒙德里安最廣為人知的特點自然就是畫格子和討厭綠色，畫格子好理解，但為什么要討厭綠色呢？他討厭綠色的程度到要將家里的綠色植物的葉子涂成白色，作為一個男人如此討厭綠色難道是跟他的一些人生經歷有關系嗎，這些自然是一個謎團，但是多數人愿意接受的一個答案是，他討厭自然。

蒙德里安被稱為「一輩子畫格子的男人」其實是一種誤解，他并非接觸畫畫就開始畫格子的，反而是畫他后來被認為很討厭的大自然。比方畫荷蘭風車、教堂、蘋果樹，色彩鮮明，造型準確，所以20出頭已經是繪畫界的一股清流及潛力股，但為什么后來他變了呢，據說是因為一個男人。

這個男人出現在1911年，那就是西班牙鼎鼎大名的畫家畢加索先生，畢加索和布拉克在荷蘭的阿姆斯特丹舉辦了一場立體主義畫派展。在設計史太濃當中如果大家注意一些年份數字就會發現原來如此多的大師是在同一個時期存在、彼此認識或者彼此影響的，如果要歸納原因只能說是時勢造英雄，因為時勢的形成會讓一些有共同特點的人同時順應機會出現。比方中國90年代的搖滾人物，及后來中國互聯網創業大潮中的騰訊百度及阿里巴巴等，都成為順勢而為的既得利益者。

蒙德里安參觀了畢加索跟布拉克的畫展，被他們的作品感動到一塌糊涂，因為立體派講究的立體事實和明確客觀都是蒙德里安當時希望追求的目標，于是他那根潛在的抽象神經開始膨脹和律動，他如饑似渴地吸收著立體主義的養分，同年畫出了一張習作叫《灰色的樹》。畫中的樹帶有一些橢圓形構圖，這是模仿了畢加索與布拉克的立體派風格，但其仍然帶有不少具象元素，而他在1912年創作的相似尺寸的樹系列習作《花叢中的蘋果樹》（Apple Tree in Flower），雖然大致構圖和《灰色的樹》很相似，但這幅畫已經明顯更加抽象，更具形式感，畫面被一個個小的塊面魚鱗般拼接起來。

坦白說從《花叢中的蘋果樹》開始，蒙德里安就不容易看懂，這個時候的蒙德里安去了巴黎發展，因為他覺得那邊的環境更加適合從事藝術探索，在法國巴黎他遇到一群同他一樣在尋求現代性、革新藝術形式的藝術家、作家、思想家，對他的蛻變產生了不同程度的影響。

隨著對立體主義的探索跟創作，他又慢慢覺得立體主義仍然達不到自己想要的純粹實在，他希望有更加本質的表達。玩熱抽象的康定斯基跟玩冷抽象的蒙德里安都十分熱愛音樂，他們都曾借用音樂的概念放到自身的創作上，比方節奏與韻律。康定斯基本身就是一名業余大提琴手，而蒙德里安人生中最后的一張作品就叫《百老匯爵士樂》。

在巴黎的那段歲月后期蒙德里安已經開始嘗試從立體主義繪畫變成一個畫格子的男人，只是這個時期的格子一般都沒有鮮明的顏色，體現的只是類似音樂里的節奏與韻律。

1914年時候，蒙德里安因為第一次世界大戰所以回到荷蘭，遇到他生命中第二個重要的男人，就是杜斯伯格，兩人在抽象藝術上有很多共同話題，越來越欣賞對方，于是決定組隊一起玩。他們在一次很偶然的機會中見到一名彩色玻璃藝術家的作品，其中僅僅使用三原色的色彩計劃讓蒙德里安深受啟發，而這個時候，時間已經來到1917年，他跟杜斯伯格創立了一本奠定風格派江湖地位的雜志，就叫《風格》。而這一年也正是里特維爾德創作「紅藍椅」的同一年，而更準確的說法是，這個椅子在早幾年已經創作出形態結構，而受《風格》雜志的影響，才涂上了紅藍黃顏色，不知道這算不算靠蹭熱點成名的典型案例。

這個時候的蒙德里安就開始一直創作不同的紅黃藍格子畫，這些畫甚至連名字都懶得改，基本就是《紅黃藍》大哥，二嫂，表弟，堂弟之類的關系，普遍以《紅黃藍構圖》加數字來命名。我們看到這批作品時，會想這不就是扁平化風格的鼻祖大師嗎？

好了，這個時候我們要留一點戲份給杜斯伯格。杜斯伯格1883年出生于荷蘭的烏得勒之。他在早期撰寫過寓言、劇本以及通過臨摹博物館的名畫自學繪畫。25歲那年，他首次舉行個人作品展。其后，他開始發表藝術評論，創作詩歌作品《滿月》，說明是有文學根基的。自1916年（33歲）起，他參加了先鋒派的所有重要活動，這個時候他已經認識了回國的蒙德里安，隨后和他在荷蘭萊德創建「風格派」及其同名雜志。

所以嚴格一點來說，杜斯伯格類似搶注域名的性質，這個風格可以說是他跟蒙德里安一起探索形成的，但是他拿到了奠基人名分。當然我們也可以看看杜斯伯格的作品，其實跟蒙德里安的作品非常接近，都喜歡玩格子，區別是我們會在他的作品中看到一樣差異，就是他玩了斜線與對角線，這一點后來導致了他跟蒙德里安的決裂。

這個時候時間已經去到1920年，也就是德國包豪斯也已經成立了，而蒙德里安在跟杜斯伯格鬧翻后去了巴黎，在巴黎他因為這種全新的藝術形態加上不斷通過寫作、演講、發表作品等方式而成了大名，并成為風格派的代表人物，所以在搶注域名這個競爭中，蒙德里安順利地掰回了一局。

而1921年時候杜斯伯格也開始到德國包豪斯參觀，期間他對這所學校非常感興趣，甚至決定將《風格》雜志遷移到包豪斯來出版，他在講學中高度贊揚包豪斯的行動，卻又同時批評包豪斯的發展方向。他的《風格》雜志就類似現在的自媒體大號，擁有非常巨大的影響力，所以這對格羅皮烏斯也造成困擾，這也是杜斯伯格一直以來的性格，就是性情變幻無常。當時也正值俄國構成主義觀光團在德國游學，他可以當天對他們的作品高度贊揚，但是隔天又提出猛烈批評，完全不按常規套路出牌。另外關于他的一些故事也可以詳見《用一篇超全面的好文，帶你了解包豪斯的前世與今生》，他跟包豪斯的伊頓在著裝上喜歡一黑一白，相映成趣。

包豪斯里有一位著名的教員叫費寧格，他倒是喜歡杜斯伯格直接凌厲的性情，因為杜斯伯格雖然不按常規套路出牌，但是批評的時候理據都非常充分在理，而且杜斯伯格本身具備深厚扎實的藝術素養，并且當時他擁有自媒體大號，被他罵也是出名的一種渠道，所以費寧格建議格羅皮烏斯可以游說杜斯伯格干脆在包豪斯開課程，成為特聘教員，開明的格羅皮烏斯同意了這個建議。

但是這樣導致了包豪斯一場噩夢，因為杜斯伯格雖然在藝術理論上有主張，但是教學上傾向無政府主義，說白了就是完全不服從組織的管理與安排。當時位于德國魏瑪的包豪斯搞結構主義與達達主義大會，但是在教學上這些激進思想并沒有給學生帶來太多實質性的支持與幫助，課堂上的杜斯伯格大吵大叫，而他的夫人則在一旁用鋼琴演奏構成主義的非調性音樂。關于什么是無調性音樂，大家可以看看網易云音樂這些朋友的評論：

所以現場非?；靵y，簡直無法進行下去，而且他還經常在包豪斯的課堂上批評包豪斯是非理性的，是浪漫主義的，而自身卻在進行非理性的行為。于是在1922年，格羅皮烏斯跟其他教員都實在無法忍受，決定由格羅皮烏斯為代表對杜斯伯格進行勸退，最后杜斯伯格雖然是離開了包豪斯，但很快就在包豪斯附近建立自己的培訓學校。他傳授「風格派」抽象主義藝術思想與創作原則，這也吸引了大量的包豪斯學生前去聽他的講學，但期間他繼續對包豪斯的教學方向進行批評，可謂是非常執著。

但不管如何，杜斯伯格是將風格派思想帶到德國包豪斯的關鍵人物，他主張的「風格派」（style-less），期望找到更加簡單、更加國際的術語來建立國際風格基礎。

這種藝術觀點為包豪斯所吸納并產生重大影響，抽象藝術也因此逐漸成為現代設計的一種國際風格，引導了整個20世紀的產品造型。他其實也通過包豪斯提升了「風格派」在國際上的地位，所以相輔相成?！革L格派」也因此與俄國的「構成主義」、德國現代設計運動一起成為現代藝術設計運動的重要組成部分。

杜斯伯格與蒙德里安在個性及氣質上形成比較鮮明的對比：蒙德里安溫和且有耐性，總是緩慢前進，不斷精益求精；杜斯伯格則常常顯得沖動，性格中更多的是挑釁性和攻擊性，而較少有建設性成分。

但不管如何，兩人仍是風格派中的twins，缺一不可。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

首先我們來了解一下，風格派的特點是什么。其實風格派單單看名稱就特別牛氣，比方我們會說這個汽車叫奔馳，或者這個汽車叫捷豹，不會說這個汽車叫汽車，然而當我們說起風格派時跟這個汽車叫汽車一樣，這個風格就叫風格派。

風格派有一句名言，出自杜斯伯格，叫「剝去本質的外形，你就會得到風格?！?

這句話有點抽象，但有這種感覺已經對了，因為風格派確實是抽象的，而且屬于「冷抽象」，關于冷熱抽象這個概念大家可以回顧我們之前的分享《用一篇超全面的好文，帶你了解俄羅斯設計史的前世今生》，因為這種冷是相對俄國康定斯基的熱抽象而言的。

冷抽象大致是這樣的：

這是多數人對風格派的一種理解及印象，說白了就是紅黃藍三原色的組合設計，然后很多縱橫錯落的線條。因為風格派幾乎沒有曲線，直線讓人感覺很冷靜，很理性，很穩定，所以被定義為冷酷抽象。

我們再看看下面這幾個圖：

其實這也叫風格派設計，但并沒有出現紅黃藍，所以風格派設計一定就有紅黃藍是一個認識誤區，其實風格派的形式定義是這樣的：

把傳統建筑、家具、產品、繪畫、雕塑的特征完全去除，變成最基本的元素集合，甚至把某個元素單獨孤立起來絕對化，這些元素最后基本都以幾何形態呈現，形成簡單的結構組合，強調縱橫運用及不對稱，并且只使用三原色及黑白色（極色）。

看完這個解釋再回味杜斯伯格那句「剝去本質的外形，你就會得到風格」就相對好理解了。

那么這種風格到底是怎么形成的呢，說來話長，但可以確定的是不絕對源于某一個人，某一個時間及地點，它就像一個集體完成的雕塑，其實大部分的風格都是如此，但自然離不開一些關鍵的大咖。

在敘述這些大咖之前，我們先來了解一下時代背景，在什么樣的外部環境中孕育了風格派。

在第一次世界大戰，1914-1918年期間，歐洲列強為了重新瓜分殖民地及爭奪世界霸權而打得不可開交時，位于西歐的荷蘭宣稱保持中立，意思是各位兄弟你們可以在我附近打架，但盡量保持安靜，歐洲列強自然清楚荷蘭曾經也是海上霸主及殖民地大國，并非省油的燈，所以荷蘭就在一戰期間獲得了安靜發展文化的環境。

由于中立，荷蘭成為歐洲各國藝術家的避難圣地，一時間人才濟濟，各種野獸主義、立體主義、未來主義等現代探索名家開始紛紛在此聚義，趁世界大亂之際研究如何形成一種新的藝術形式，因此慢慢就有風格派的雛形。風格派的萌芽基于了這幾個主義的風格及思想。

這個時候出現了一位人物，叫托馬斯·里特維爾德，他1888年生于荷蘭烏得勒支，是一位木工的兒子，從小自學繪畫，后來從事建筑設計。似乎那個年代的設計師都是建筑設計師起家，或者具備建筑設計技能，就好比當代很多UI設計師都是平面設計出身居多，這也屬于時代發展的一種特征。里特維爾德在1917年做了一件大事，設計了一個劃時代的椅子叫「紅藍椅」，這個椅子被視為家具設計史上第一件現代家具，在色彩上幾乎就是紅黃藍加極色（黑白）。雖然是一百年前的椅子，但就算放到當代展覽館也一點不顯得過時。

紅藍椅整體是木結構，13根木條互相垂直，組成椅子的空間結構，結構間用螺絲緊固而非傳統的榫接方式，最初曾經是灰黑色的，后來里特維爾德希望用單純明亮的色彩來強化結構，于是參考了蒙德里安的三原色風格，而且被認為簡直是蒙德里安《紅黃藍相間》這個繪畫系列作品的立體版。椅子就這樣產生了紅色的靠背和藍色的坐墊，但手和椅腿仍保持黑色，少量黃色被用來強化斷面，于是成了一個典型的風格派作品。

但這個作品其實歷史意義與形式主義大于其功能意義，因為很多有機會試坐這個椅子的人都感覺坐得很不舒服，特別對腰椎間盤突出者來講簡直是災難。我們很多時候衡量一個設計作品靠的主要是兩把尺子，就是形式與功能，有時候很難去界定哪一個更加重要，但總的來說很多人是能夠忍受形式上的缺憾而無法忍受功能上的不足。比方你可以忍受一對鞋子顏色不太滿意，但無法忍受它比你的腳少了3碼，所以很多時候這兩者是優先級問題，假設三雙鞋子都合腳，那么你選擇的時候形式就很重要了。

在設計紅藍椅之前里特維爾德還是一個無名之輩，他的工作仍然以建筑及室內設計方面為主。比方為一名與丈夫分居的女士設計房間，讓這位女士對其設計水平非?？隙?，直到1917年后里特維爾德成名，這位女士也成了寡婦，憑借過往交情，她希望里特維爾德能為其孤兒寡母再設計一棟生活的寓所，并且任由里特維爾德發揮，于是歷時五年這個房子在1924年落成，就是歷史上非常著名的「施羅德住宅」：

而經過五年相處，里特維爾德與這名女士日久生情，兩人談起戀愛并且在這座共同完成的房子生活了一輩子，直到1964年里特維爾德去世，而這名女士一直在這所房子里活到95歲。

我們可以看看房子內部，簡潔的體塊，大片的玻璃，明快的三原色，錯落的線條，被視為現代設計建筑及室內設計教科書級的作品，同時也是風格派建筑當中重要的代表作品之一。

其實在我印象中，似乎九十年代初的廣東地區有很多住宅或者室內設計是模仿了這種風格的，特別是一些工裝設計，所以一直有莫名的熟悉感，而且也分不出是在電影里看到還是現實中見過，不知道屏幕前的廣東朋友是否有同感。

跟里特維爾德差不多時期，有一名畫家叫萊克，畫風是這樣的：

很多人第一眼看到這種作品通常都會驚訝，他將很多視覺元素降低到了的界限，基本上就是使用三角形、四邊形和不規則的多邊形來表達，可謂是將設計上的減法做到了。網上已經很難找到這位畫家的詳細資料，但當時風格派已經形成氣候，所以很多人都開始使用這種風格來進行探索。

很多人看到風格派的表達形式時都覺得很容易偽裝，其實這種想法是很天真的，比方我們看看某個房產項目在模仿風格派時的建筑效果圖，就明白東施效顰的含義：

風格派有另外一個別稱叫新造型主義，至于風格派的形成除了客觀的一戰時代背景外，也跟其核心思想有關，曾經有一種分析認為，風格派的思想與哲學里的「二元論」有關，至于什么是二元論，簡單來說就是物質與精神都是世界的本原，好比風格派里堅持使用的橫線與豎線，但是把設計說到這個份上就很容易上神壇，而且很多時候也是后來者的一種臆想或者牽強附會，這并非史太濃傾向的敘述方式。風格派里的重要人物蒙德里安有過一些接觸通神論的經歷，所以他認為設計與藝術是一種純粹自我的精神表達，因而放棄寫實風格，而重視內心世界的表達一直是荷蘭人的一種藝術特色。

我們在最后來總結一下風格派的作品特點，一共有三點：

• 縱橫交錯的簡約構建方式。
• 形式元素間的平衡構成和諧整體。
• 三原色（紅黃藍）的選用是內心世界的最精簡表達。

• 藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

  
  

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

有句話叫：神造了世界，而荷蘭人用設計造了荷蘭。到底怎么回事呢，今天一起來探討吧。

話說現代主義設計的形成離不開三駕馬車，分別是德國包豪斯、俄國構成主義跟荷蘭風格派，包豪斯及俄國構成主義我們均已在之前的分享里詳細談過，所以今天我們聊一聊最后一架馬車——荷蘭設計。

相比英國、美國及日本，荷蘭這個國家于大部分設計師而言未免有點陌生，但如果歐洲的設計圈要按國家排座次的話，撇開愛國熱情，史太濃認為荷蘭挺進前三甲是毫無毛病的，關于荷蘭設計水平發達的原因有幾種說法，其中廣受公認的是因為荷蘭的生存空間太狹窄。

荷蘭41000平方公里的土地上容納了1675萬人口（2018數據），成為人口密度最高的國家之一，因為土地資源的缺乏，所以在1920年政府動手排干一個叫伊塞米地區的海水，形成低于海平面的人造陸地，是歐洲最大的填海工程之一，項目成功后荷蘭故技重施，陸陸續續進行填海，最后有四分之一的陸地低于海平面，所以整個國家在跟大自然搏斗中不得不進行各種設計思考，否則生存都成為問題，于是荷蘭設計總體而言發展到當代變得特別功能主義及理性主義。

荷蘭的發展歷史

荷蘭位于西歐，東接德國，南接比利時，有悠久的文明歷史，文藝復興之后還曾經一度是海上霸權國家，比方印度尼西亞就是它的殖民地之一。第二次世界大戰后的荷蘭開始高速發展資本主義，經過幾十年進取，進入「世界最富有國家」俱樂部。

荷蘭的社會福利在江湖上令很多國家聞風喪膽，比方我隨便列舉三個第一：

• 全球養老金指數世界第一
• 歐盟各國醫療體系排名第一
• 全球兒童福利世界排名第一

這樣可能有點不夠具體，我羅列一個兒童福利的具體數據，比方小孩從出生至18歲，政府每月發放約300多歐元（大致2500元人民幣）兒女金，政府補貼兒童日托或幼兒園的費用達70％，而且從小學到大學一直享受超過學費的現金補貼，說白了就是以各種不同形式給你錢花，等于說父母只是負責生，政府來養，甚至一不小心還能賺到錢。

荷蘭是一個工業高度發達的國家，比方擁有1891年成立的百年跨國大企業飛利浦，全球員工13萬人，在28個國家擁有生產基地，所以飛利浦是荷蘭的國家電器制造業中心，同時也是歐洲及世界最大的電器企業之一。它的設計系統非常完善，屬于戰后早期成立內部設計部的大型企業之一，設計帶動了整個公司的發展，甚至在戰后一度成為荷蘭的經濟核心，能與德國的 AEG（德國現代設計之父彼得貝倫斯設計世界最早的vi系統就是AEG）及西門子公司競爭，其中荷蘭有45%的出口產品都是飛利浦公司的，所以地位非常顯赫。

由于荷蘭的「風格派」設計過于知名，所以一談荷蘭設計大家都認為是紅黃藍類型，也正因為如此所以很多荷蘭當代杰出的設計師往往不為荷蘭以外的國家所熟知，但這不能完全怪罪風格派，造成這個狀況還有一個更重要的原因，就是荷蘭政府跟社會太過重視設計了。

除了設計師本身，荷蘭很多產品也不為世界普遍認識，比方汽車，荷蘭有一個跑車品牌叫「世爵（spyker）」，在中國基本看不到，我在網上找了很久才找到一個深圳二手車信息：

這臺09款的汽車原價550萬，9年后仍需要200萬出手，沒錯，「世爵」的跑車全部只做純手工定制，所以只服務美國、西歐、中東及一些小型而富裕的國家，比方瑞士跟摩納哥，我們也可以從下面的圖片感受一下荷蘭的奢華汽車設計，還有純手工打造的內飾質感：

因為設計與荷蘭的國計民生密切相關，比方大量的圍海造田，強大安全的排水系統，農村的防潮汐堤壩，擁堵城市的合理交通網絡，都需要高水平的精心設計。荷蘭人民的歷史就是一場以設計建立生存空間的斗爭史，荷蘭鹿特丹布寧根博物館館長威廉·科羅威爾曾經說過：只有依靠設計，我們才能使我們的國家成為一個可以日日生存的地方。

所以荷蘭設計師在國內地位非常高，也因為如此設計市場非常繁榮，所以單單政府與市場需要消化的設計項目就忙不過來，也就少到其它國家行走，自然在名聲上也相對局限。

荷蘭政府對設計的重視猶如中國人對面子的重視，我們搞的是面子工程，而他們則搞的工程都是面子。

比方以下幾個荷蘭本土項目，被視為世界上「教科書級」的設計范本。

荷蘭「教科書級」的設計范本

1. 貨幣設計

全世界的貨幣設計都有一種無言的默契，就是愛使用名人肖像為設計的中心元素，而荷蘭的貨幣設計是第一個打破這種規則，不使用任何人物的，如果一個國家并非重視設計行業，并非充分尊重設計師的話，這完全是匪夷所思的事情。

荷蘭的貨幣由財政部統一管理，在荷蘭財政部當中的設計管理部門的提議與組織下，聘請了荷蘭最知名的平面設計師來參與，其中也有不少獨立設計師，比方在去年很遺憾離世的荷蘭紙幣設計大師奧克斯納，他曾經在1964年受邀參加紙幣設計，他回憶說：每種面額紙鈔的設計周期需要3年，所以當最后一種面額投入流通，距離我剛剛開始紙鈔設計工作相隔整整30周年。

不以人物為中心的荷蘭貨幣設計主要是使用抽象圖案進行創作，體現出荷蘭從「風格派」以來的立體主義、構成主義形式傳統，所以世界上有諸多收藏家是專門收藏荷蘭紙幣的，比方250吉德（荷蘭貨幣單位）被視為藝術品，極具收藏價值，這是世界貨幣設計中的一種創舉。

2. 西佛爾國際機場

荷蘭的首都阿姆斯特丹國際機場又稱為西佛爾國際機場，它的設計面貌完整代表了荷蘭戰后政府對于基本建設及現代設計的積極態度和正確引導。

荷蘭長期以來一直沒有卷入地區性或者世界性的戰爭，比方第一次世界大戰它始終保持中立，但無奈第二次世界大戰中被德國短暫占領，時間為1940-1945年，隨后繼續獨立。西佛爾機場就是戰后1967年4月建成及投入運營的，當時世界各國都在著手建立自己的國際機場，但是一個為世界服務的現代化機場需要什么特征與設計考慮呢，幾乎沒有一個國家可以拿出成熟的方案。

荷蘭政府牽頭組織了大量社會的優秀設計人員，技術人員成立項目組，充分考慮機場未來的交通流量、國際乘客的共同性要求及乘客特征，盡量讓機場達成中性、合理、理想等設計特點，跟著名的國際主義設計特點吻合，達到了能為廣泛乘客服務的目的，機場落成之后在整體性與完整性功能性上都讓歐洲國家感到震驚，這座巨大的標志性建筑在建筑設計、室內設計、平面設計及導視設計等方面所具備的現代主義風格在長達20年的時間里，都成為歐洲國家設計國際機場時的重要參考依據。

所以當時的荷蘭設計師完全可以喊一個口號，叫：厲害了，我的機場！

3. 鐵路系統

荷蘭的鐵路系統是在機場完工之后相繼落成的，荷蘭設計有一個非常厲害的特點就是總體化規劃。如果設計師是演員，那么總體化規劃就是導演技能，荷蘭設計師善于此道，所以它的鐵路系統視覺化高度統一，形象與導視系統清晰簡明，功能性強，而且設計項目中包含的內容非常多，比方火車廂、火車站、客戶內部、車票、路牌、標識、乘務員制服等等，所以如果缺乏總體規劃，這是一項難以出色完成的設計工作。

經過一段時間的運營，荷蘭的這個鐵路系統在效率、安全性、舒適性上在全球都名列前茅。甚至被評為世界上設計得最完善的鐵路系統。

荷蘭的設計業為何如此的發達成熟，原因總的來說有幾個方面，比方國家相對比較小，擁有悠久的藝術歷史，比如產生倫勃朗、梵高、蒙德里安等世界知名藝術家，同時經濟富裕繁榮，需要通過設計思考與自然搏斗等幾個綜合因素，形成具有很濃厚創作性的社會氛圍。

其中尤為重要的還有荷蘭政府對文化事業非?？犊?，形成一個寬松的文化贊助系統，設計師在一個資金充裕的環境里工作，很多時候不太需要考慮經濟效益，所以更加專注于設計的合理性及藝術性上，自然就有更高層次的輸出。

談到荷蘭設計自然無法繞過其標簽式的「風格派」運動，因為當代設計其實受其影響非常深遠，史太濃這次使用倒敘手法，先看結果再找原因，所以下一期我們將會聊一聊荷蘭的風格派產生、特點、代表人物及對現代設計的影響。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

在中國繪畫中，有所謂章法、布局。中國繪畫最講究“經營位置”，因而有了中國畫高遠，深遠，平遠獨特意境的畫風體系。大家學習的設計體系中對構圖的分析就更加的全面，比如大家都了解的形式美學法則：均衡與對稱、漸次與重復、對比與調和、比例與尺度、節奏與韻律、體與主體、微差與統調、特異與秩序、前者多顯示生動型，而后者顯示秩序型。

那為什么會總結出這些理論與法則？究竟又是什么在影響著我們的觀察與思考呢？有時候我們會不會遇到這些問題：

1. 有時候我們在面對需求，需要強理論支撐自己的設計，但又找不到切入點，總會拿什么對比，對稱，韻律說事，需求方卻不為所動……

2. 在平時的設計工作當中，大家不可避免的會參考和研習其他設計大師，同行的各類設計作品，大家肯定會有各自關注的點，創意，排版，顏色，細節刻畫等等等等，無論是那種類型的設計作品（平面，招貼，海報，H5，banner等），有時候會不會感到：看了好多作品，臨摹了好多作品，依然做不好設計；問題出在哪里呢？

3. 我們總會收集一大堆的素材參考，那你的評判方式是什么？你又是如何分析畫面？為什么好，好又好在哪里？……

接下來我們透過視覺表象，揭開那些神秘的面紗，希望通過我自己的學習和研究，能夠對大家有所幫助。

為了更快地解析周圍的世界，大腦會投機取巧地偷懶。大腦每秒要接收約4000萬次的感官信息輸入，并試圖完全解析出它們的意義，所以它會根據以往的經驗，猜測我們看見了什么。 

經典再現，看左邊的圖，第一眼能看到一個黑邊三角形，上面疊了一個白色倒三角，右邊的圖，你能明顯感知到一個矩形。

卡尼薩三角

這是1955年，由意大利心理學家發現，并以她名字命名的“卡尼薩三角”。這個視錯覺表明我們的大腦把實際上不存在的三角形輪廓線畫了出來。

我們把根本不存在的輪廓線稱為主觀輪廓。

對于識別具體物體來說，中央視覺是最重要的；

對于認知整體場景而言，周邊視覺更為關鍵 ；

通過電腦屏幕觀看網頁，你并不用刻意瀏覽，而是整體掃過就能判斷整個頁面的內容。所以大多數人都低估了周邊視覺對于我們理解事物的重要性，人對場景的認知似乎都來自周邊視覺。

發現規律有助于快速處理時刻接收的感官信息。

看上面的圖，你會很自然的將其分成4組，每兩個點一組，共8個點，而不是上來就直接定義有8個點。

大腦視覺皮質中的細胞分工不同，分別只對橫線、豎線、邊線和特定角度的線作出反應。  

講完上述三個心理學常識，我們看下這三個點對應到我們設計當中又是如何一番情景，看下圖：

輪廓

之所以將第一個心理學觀點與輪廓關聯，是因為在我們設計過程中任何一個形式的產生都會形成一個輪廓，那畫面元素多起來之后，畫面就會被這些輪廓分割成一個負向空間，很多時候我們都會忽視這個隱藏存在的形式，有時大家怎么調整一個設計元素本身，都會感覺不盡如人意，其實有一種可能是：這個元素在整個畫面中所形成的輪廓并沒有達到同步的和諧；

如下圖插畫，一個女性形象，畫風簡潔干凈，畫面給人很強的整體感與完整型。如果是我們，會不會更多的去關注這個插畫的精彩之處是比基尼處理很生動，人物陰影細節刻畫的很到位？但是關鍵點是這些嗎？

繼續分析，如下圖：

圖A，把整個圖形黑白化后，想想我們的第一個心理學觀點，一幅畫面第一影響我們的是腦海里形成的這個輪廓。像這個畫面，一個完整近似幾何般的人物輪廓（樣圖白色部分），同時這個輪廓所分割形成的空間（樣圖黑色部分），讓整個畫面安靜有序規則，讓人的視線能夠自然流淌，不會輕易地跳動轉換；所以圖B，你會發覺，不管我如何填充紋理圖片，這樣一個畫面是始終和諧，沒有違和感的。再比較下圖：

筆者隨機處理的一個形狀，有沒有發覺，在沒有一個有序優美的輪廓之下，縱然你把內部的修飾刻畫的再如何精彩，這個畫面依然是索然無味，毫無生氣的。

設計元素要注重輪廓的修飾提煉——在設計表達過程中，不管是何種設計，我們都要注重每個呈現元素的輪廓是否精巧，注意腦海里主觀輪廓之外的負空間是否舒服與和諧，畫面是通過這些彼此聯系的，不要一上來就關注所謂的細節，經營你的形狀。

留白

第二個心理學觀點與留白相關，是因為整體認知與周邊視覺關聯極大，看下圖：

好了，大家能夠認知到什么程度，這是什么？怕是大家怎么猜都不會確定這個是什么。

當筆者呈現完整圖畫后，大家是不是一下子就豁然開朗了。留白是至關重要的，留白很重要的一點是加強了元素與元素之間的關系，我們通過創建輪廓來形成元素，元素與元素之間的關系，通過留白-元素之間形成的負空間，來相互影響，最終形成協調的畫面。留白可以形成空間，引導，形狀等多種可能，讓作品更生動更有呼吸。

看上圖，蘋果設計對留白的使用很了，通過產品嚴謹的排布，大家可以很清晰的感受到物體分割畫面后，留白的清晰走向以及秩序，你的視線會通過大腦的分析呈現出無限擴展的空間，安靜空靈不干擾，更能彰顯蘋果設備本身的高端屬性。再簡單一點解釋，通過弱化周邊視覺的干擾，讓人更多的聚焦中央視覺，讓你對產品的感知更加深刻。這時候留白是空間，烘托畫面，安靜的美少女。

看上述網頁設計作品，畫面通過主視覺形成的輪廓之后，呈現出大面積的留白空間，在這些空間基礎上，進行了核心信息的展示。注意左圖黑色主輪廓的部分并沒有信息呈現（集中展示了品牌形象氣息），而在留白部分展示了文字信息加以說明；右圖部分則在折線這條主輪廓型的兩側，有序展示了信息。這樣的設計，在網頁滑屏過程中，增加了畫面的動感效果，更重要的一點是在引導視線過程中，你會更關注內容的信息呈現，想想我們的視覺，對于認知整體場景而言，周邊視覺更為關鍵；因為你會很不經意的在意留在中央視覺（在設計中就是刻意設計引導你視覺的主輪廓）之外的東西，這時候留白是引導，展示信息，完美的指揮家。

再看這組作品，理解這組留白相對比較復雜，注意筆者圖示位置的留白，很多時候，我們都習慣把畫滿一個畫面當作第一要務，填滿是可以保證我們看到的畫面至少是飽滿不空的，但是往往適得其反就是亂和沒有靈氣，所以一些設計作品試圖去突破一些視覺固式，那這時候留白就是一個極好的幫手，無形中啟到一個形狀的作用，補充畫面達到畫面的和諧統一，又增加韻味。像左圖就是通過一個紅色面積的模塊留白，與標題呼應的同時，讓畫面方圓能夠更自然的流淌，增強畫面的靈動感，右圖則通過添加元素，讓留白區域形成某種場景或者縱深，這樣就對文字形成了一種補充，烘托文字的效果，增強感受，兩者看似有明顯空白，但是整體又是完整的?？聪聢D，其實這又牽扯到我們第一個講到的心理學：眼見非腦見，我們的大腦會自動去找尋某種輪廓。而這里輪廓的形成是通過留白去幫助實現的。這時候，留白是形狀，參與構成，積極的組織者。

留白，是形式的延展...空間，引導，形狀——元素在構成畫面中一定會產生留白，留白對畫面的意義在于可以幫助我們更好的展示內容，幫助我們營造空間，創造聯系，配合形式，讓畫面更加有序有感。

構成

講到構成，這個名詞大家都不陌生：一定的形態元素，按照視覺規律、力學原理、心理特性、審美法則進行的創造性的組合。很顯然跟我們的心理學原理三不謀而合，人是習慣尋找規律，也很習慣創造規律，所以在設計領域，才有了對點，線，面等不斷的研究與實踐，在抽象的形、色、質的造型方法上不斷追求與探索。

看上圖，這是一張展覽海報，海報簡潔干凈，穩重大氣，沒有太多筆墨渲染，背景圖的選擇，以靜制動，讓整個海報有種高山流水，知音無限的濃郁氣息。先想下我們之前的說明：大腦視覺皮質中的細胞分工不同，分別只對橫線、豎線、邊線和特定角度的線作出反應。再結合下點線面構成的知識。首先畫面三個大字，這是點，然后由上到下一個“之”字形排開，斜線至此形成，你的第一視感規律完結，接下來注意畫面背景圖的選擇，瀑布從上而下，這個水流的動勢極大得幫助和引導了我們的視線閱讀，豎線至此形。畫面感就形成了，你會很自然舒服的去閱讀這個海報。

但是就此就結束了，視線總體流動是這樣的，為什么設計師要把字放到畫面這個位置，而不是其他位置呢？想想剛剛說的規律，人喜歡規律，創造找尋規律，并以此為根據去實踐，這里就牽扯出了大自然里最神奇的定律黃金分割（今天的文章暫時不講，之后我會帶來關于黃金分割的文章分享哦），繼續看下圖，

首先，A1，A2這是畫面橫向寬度上兩條黃金風格線，B1，B2，B3這是畫面縱向按順序的三條黃金風格線，當畫出這幾條黃金分割線，是不是一目了然，海報作者把核心元素有序安排在黃金風格線及焦點之上，和諧之美，一張看似簡單的海報蘊藏著如此豐富的魅力，我們也可以感悟到設計師本身嚴謹的氣息和對構成形式的細心推敲。如果是我們，又會是怎樣的呢？

再看上圖，大家可以自行按照上述的方式去分析一下。下圖海報可能更復雜些，但是其中的規律也是可以尋找的，畫面通過兩組不同斜面創造大的規律動勢（右圖黑紅示意），同時巧妙的利用交叉后形成的三角形，形成點的元素，作為人物畫像的載體之用，因而三角形是從整體上而來，有序而有組織，相互有關系，不會顯得亂。

更令人驚奇的是，當我也使用黃金分割試圖去進一步分析和理解畫面的時候，你會發現人物的面部表情—眼神，全在分割線上，所以有沒有覺得，這個海報的每個人都感覺實在你在對視，莫名的一種震撼，畫面的張力，不得不佩服國外設計師的嚴謹。

合理使用點線面，引導組織畫面——優秀的畫面從來不是無組織無秩序的，都是通過點線面的仔細經營來創造最佳的視覺效果，而這個視覺效果，是能夠自發的去引導觀眾的視線，讓規律自然被閱讀，達到形神合一。

今天通過三個心理學，引出設計中三個設計要點輪廓，留白，構成，其實彼此之間是一個遞進聯系，有了元素就會產生形狀，躍然紙上，則需要足夠的留白去為元素講故事，然后這個故事就是構成，你使用如何的手段，讓他更豐富更有內涵，一目了然。三者的有機結合就形成了我們所說的構圖，視覺語言中構圖是非常重要的底層環節，相比華麗的細節和各種炫目的效果，畫面中隱藏的構圖實際上才是視覺設計的核心！

看一下這些電影場景，是不是恍然大悟，看似復雜的場景，都建立在這些幾何圖形的基礎骨架之上，回憶下文章之初的心理學觀點，其實設計知識背后是人類讀取信息幾千年來形成的習慣以及現代社會約定俗成的閱讀方式和心理學等，要想成為一個優秀的設計師，我們需要進一步地了解設計背后的原理以及表達信息的多種方法，就像研究表明，人類能識別 24 種基本形體，這些基礎形狀稱為幾何離子（方形，圓形，三角形，圓柱體，圓錐體等），這就落回到我們講到的心理學：我們眼睛能夠尋找的規律，而上圖的電影畫面也都構建在此基礎之上，因為這樣的形式更容易讓我們的視覺去捕捉去理解。

講了這么多，就是希望能夠幫助大家在平時的設計工作和日常的學習積累過程中，能夠有一種思路和方法，去判斷和解讀作品，去分析這個設計為什么好，好在哪里，去把設計進行有效的分解（元素本身的樣式，元素所在空間的留白，以及彼此之間的關聯）給你自己的設計說明增加籌碼，以便更加得擲地有聲。

最后，既然我們知道了這些心理學知識，了解到了我們的觀察習慣，在之后的設計過程中我們就需要努力做到以下幾點：

1.  經營好元素的輪廓和位置；

2.  人會不由自主地尋找規律，那就盡量多使用規律，利用分組和間隔創造規律；

3.  要讓某個物體(例如圖標)易于識別，就用簡單的幾何圖形來畫它。這會讓構成物體的幾何離子更明顯，從而使人更快、更輕松地識別該物體；

4.  控制好你的形式，形式在內容之下，形式服務內容。文繁則質衰，末勝則本虧，過分強調文飾與修辭，內容就會受到遮蔽而顯得軟弱無力，形式重于內容，其實就是舍本逐末。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

文章目錄

• 水晶宮與拉斯金
• 現代設計之父誕生
• 工藝美術運動中的平面設計
• 總結

水晶宮與拉斯金

談這個運動之前，我們先來交代一下背景，150年前的歐洲版圖大致有法國、奧匈帝國、英國、西班牙、荷蘭、波蘭等國家，由于后來世界大戰打來打去相互瓜分，所以對這些國家目前的領土范圍、名稱等不需要特別較真。

18世紀初期的英國還處于農業經濟時代，經濟發展取決于勞動力資源的占有和配置。比方你家有100人在干活，理論上經濟效益就比隔壁老王10個人干活要強許多。

然后到了18世界中葉，也就是1765年珍妮紡紗機的發明標志了第一次工業革命在英國開始，由此100年間，英國就像被開光加持，走上發展快車道，一下子躍升為世界大國。

這個時候我們橫向看看中國的情況，18世紀的中國正處在清朝統治之下，清朝歷史上最著名的康乾盛世就是在18世紀中期（乾隆早期）達到頂峰，當時 GDP 占世界總量的三分之一，也很厲害。我們可以從建筑面貌，生活場景，商店來感受一下當時中國的生活水平與設計面貌。

工業革命在英國發展了100年后，正好來到英國著名的維多利亞女皇時代，維多利亞時代前接喬治時代，后啟愛德華時代，被認為是英國工業革命和大英帝國的巔峰。它的時限一般定義為1851年～1901年長達50年，這個時期的英帝國走向世界之巔，領土達到3600萬平方公里，給大家一個參考數據，咱們大中國目前的領土面積960萬平方公里，僅僅是當時的英國領土的四分之一，而經濟占了全球的70%，貿易出口更是比全世界其他國家的總和還多上幾倍。

所以，現代設計由此時此地發生萌芽，似乎是合情合理。

這個時期英國的設計風格就是鼎鼎大名的「維多利亞風格」，后世對這個風格進行歸納后認為，它屬于一種古典藝術復辟整合的風格，因為你可以從維多利亞設計風格的產物中，看到：哥特樣式、文藝復興樣式、都鐸樣式甚至意大利風格樣式。維多利亞時期通過融合當代審美元素及使用了新建筑材料等方式，重新演繹及完善這些風格，因為糅合了眾多古典風格，所以在視覺上顯得矯揉造作，裝飾繁瑣，色彩豐富細膩，顯得唯美主義。

也正是1851年，英國為了向世界炫耀工業革命成果決定搞點事情，于是聯合歐洲各大國，舉辦歷史上有名的倫敦世界博覽會，而籌辦這個博覽會的又是歷史上有名的阿爾伯特親王，下面請注意我介紹他和維多利亞女皇之間的關系。

阿爾伯特是德國薩克森-科堡-哥達公爵恩斯特一世的小兒子。比利時國王利奧波德一世是維多利亞的舅舅和阿爾伯特的叔叔。維多利亞的母親和利奧波德一世是姐弟，所以阿爾伯特是與他的表姐維多利亞女王結婚，是否有點小燒腦，沒關系，你只要知道他們是夫妻，然后屬于近親結婚。

他們一共生育了九個孩子，因為近親結婚的緣故，四個王子中的三個都是血友病患者，所幸的是五位公主個個健康美麗，但也是血友病基因攜帶者，關于他們更多的故事請自行搜集，因為咱們今天是來聊倫敦世界博覽會的。

阿爾伯特一直對設計方面的事務非常感興趣，所以很積極籌辦這次博覽會，但期間碰到一個極大的難題，就是當其它國家往英國運送大型工業設計產品時，比方火車頭、蒸汽機，建筑模型等東西時，英國暫時沒有如此龐大的場地進行安放，并且當發現這個問題時距離對外宣布開展的日期只剩不到半年，按正常流程壓根無法完成這樣的場館，問一眾大臣無人敢吭聲，阿爾伯特心急如焚，某天他在花園里眉頭緊皺思考這個問題時，一位皇室花農的兒子忍不住問親王怎么回事，親王跟他簡單說了情況，沒想到這個花農的兒子居然說：如果親王相信我，不如讓我試試看吧。這位花農兒子就是后來英國著名的建筑師：伯克斯頓。

基于花卉種植的技術，伯克斯頓大膽運用了種植花卉的溫室結構原理，使用鋼鐵與玻璃為原料，快捷實用又經濟并且采光一流的方式做了這個場館，那就是后來一開展立刻震驚全世界，歷史上著名的「水晶宮」，這個建筑物也被后世視為現代設計拉開帷幕的標志性產物，也被視為「工藝美術運動」的開始。

水晶宮在1854年曾經從倫敦中心遷址南部，無奈在1936年的一場大火中被付之一炬。英國前首相丘吉爾曾表示它的燒毀是「一個時代的終結」。

這個世界知名的博覽會所展覽的作品以工業產品為主，并且全部都沒有一點現代設計風格的影子。那我們不是在聊現代設計的萌芽嗎，對的，這個博覽會的最大作用是反面刺激，因為展出的產品大部分非常粗陋，原因很多，其一是誰也沒經驗做工業產品，好比香港第一屆特首，前無古人很難做好；其二是工業發展本來就是初期，工藝水準遠遠沒有成熟。

而在一些人看來最要命的是為工業產品強制添加裝飾，比方把哥特式的紋樣刻到鑄鐵的蒸汽機體上，在金屬椅子上面畫個油漆畫，在縫紉機上面加一個丘比特造型等等，完全是不實用并且談不上美觀的設計。

這種情況在意見上形成兩面派，比方愛國者立場的人大唱頌歌，甚至要寫詩來贊美，比方英國大詩人丁尼生就為這個博覽會專門創作了頌詩。

而另一派自然就是批評者，批評的角度是博覽會大部分產品都缺乏一種從整體出發的設計構思，形式遠遠大于功能，能夠意識到這種問題的人其實已經具備了新設計思想，但很可悲的是他們又多數是機械否定論者，意思就是反對工業，崇尚手工，顯然違背了社會發展規律。

這群反對者當中有一位后來非常著名的人，最后成為「工藝美術運動」的理論指導者，他就是約翰·拉斯金。

在博覽會現場，32歲的約翰拉斯金已經是英國成名作家，藝術評論家，同時也是教師及業余地質學家，成名作是1843年寫作的《現代畫家》，他看到水晶宮的展覽后，發出感概：藝術家已經脫離了日常生活，只是沉醉在古希臘及意大利的迷夢當中，如果這些產品只能被少數人理解而脫離大眾，藝術沒什么作用，真正的藝術必須是為人民創作，不然就是一件無聊的東西。

其實按現代的觀點，我們補充一下拉斯金這個說法，他提到的藝術嚴格來說應該就是當代定義的設計，因為160年前不存在設計的說法，設計跟藝術之間的定義非常模糊。

當時會場中的拉斯金可以說是憤怒的，隨后幾年，他開始通過著書跟演講來宣傳他的設計美學概念，比方他提出設計的實用性目的，他認為：世界上最偉大的作品都要適用于某一特定場合，從屬某種目的。這個觀點說出設計的功能性問題，屬于初步的現代設計思想。

同時拉斯金極力反對精英主義，強調設計的民主特性，強調設計為大眾服務，這一點也是后來德國包豪斯非常重要的思想內核之一，拉斯金認為以往的美術都被貴族的利己主義控制，范圍一直局限在上層社會，如今不應該再為取悅公爵太太們，而應該更多的關注農村中的勞動人民，為他們生產一些實實在在的東西。

約翰·拉斯金1819年生于倫敦。是個獨生子加富二代，因為父親是成功的蘇格蘭雪利酒商人，父母對拉斯金要求嚴格，把所有的希望和理想都寄托在約翰·拉斯金身上。他的父親一直鼓勵他從事繪畫和詩歌創作等文藝工作，而母親卻希望他能做一名牧師。年少的他一般在家庭和基督教堂學習。每年夏天隨父母游覽名山大川，參觀古代建筑和名畫，培養了對自然和藝術的愛好。

拉斯金在1836年進入牛津大學基督學院，1840年因病退學。此后兩年在意大利養病，同時搜集資料從事著述。其實拉斯金本身也做部分藝術創作，比方繪畫，但后期專注于理論研究及普及設計思想。但拉斯金的設計思想非常龐雜，也有一部分對時代消極的內容存在，但我們這里基本不談及。

現代設計之父誕生

生平不識莫里斯，設計十年也枉然。

就在水晶宮誕生的前幾年，1848年世界上也發生一件大事，就是德國的卡爾馬克思先生發表了他的重要著作《共產黨宣言》，因為工業化發展過程中，造成了很多社會問題，比方貧民窟的出現，因為機器代替了人力，大部分工人下崗了，換到我們身處的時代，隱隱感覺人工智能與大數據的迅速發展是一樣的，機器人及信息化工具也將取替大量人力，比方無人汽車，無人機送貨，餐館的二維碼下單及收款等，都會讓一批勞動力被取代。

當時發展工業革命的歐洲國家，資本主義開始產生及成熟化，于是就產生了兩個對立階級，就是著名的無產階級與資產階級，無產階級的生活條件及工作條件隨著工業革命發展，逐步惡化得非常惡劣，這就是當時「工藝美術運動」發展的時代背景。

我們第一部分談及了「工藝美術運動」的理論指導者約翰拉斯金，他在1953年出版了一本書籍叫《威尼斯的石頭》，這本書講述了中世紀設計精華的思想內容，深刻影響了一位年輕人，這位年輕人后來通過自己的努力，掀起工藝美術運動，成為了現代設計的奠基人，他就是大神威廉莫里斯先生，他同時是世界第一所設計事務所的開設人，所以他也被視為現代設計之父。

不過關于這個說法其實存在爭議，因為工藝美術運動被后世認為在思想上是倒退的，因為他們的意識形態是反工業，重塑手工藝的，主張從自然和哥德風格中找尋出路，比方「向自然學習」就是工藝美術運動的重要口號之一，而我們回顧當時的諸多作品，我們也發現大量動植物紋樣的設計形式，同時這個運動其實也受東方風格的影響，特別是日本的浮世繪，我們后面會論述這塊。

1951年的倫敦世界博覽會期間，威廉莫里斯也到過現場觀看，那時的他年僅17歲，他對于工業化產出的丑陋產品感到非常震驚與厭惡，根據小道消息記錄，他在觀看時候曾經放聲大哭。雖然這種反應未免有夸張之嫌，但是確實在那次經歷之后，莫里斯就立志開始學習設計，希望通過自己的努力來扭轉這種設計頹敗的局面。

跟約翰拉斯金一樣，1934年出生的威廉莫里斯也是一名富二代，有一個富足的家庭跟一位經商的父親，所以起點高一直不是壞事，特別是起點高的同時還有一位重視教育的父親，莫里斯的父親對他學習情況非常關心，一直嚴格要求莫里斯，所以1851年博覽會后莫里斯順利考入牛津大學建筑系。早期的設計師基本都是搞建筑為主，比方德國包豪斯的幾位校長都是建筑師。

在牛津大學畢業后的莫里斯去了一所專門從事哥德風格建筑設計的事務所里工作，這個期間他對哥德風格有了實踐上的深刻認識，但是莫里斯的內心其實對繪畫及詩歌（莫里斯本身也是一位成熟的詩人，曾出版《地上樂園》等詩集）更為熱衷，他感覺自己并沒有對建筑的熱忱，所以他呆了不夠8個月就走了，隨后參加了著名的「拉斐爾前派兄弟會」。

拉斐爾前派是1848年由3名年輕的英國畫家亨特、羅塞蒂和米萊斯在英國倫敦所發起組織的一個藝術團體，目的是為了改變其時的藝術潮流，反對在米開朗基羅和拉斐爾的時代之后偏向機械論的風格主義畫家。總的來說，他們的風格偏向傳統寫實，主張忠于自然，所以跟拉斯金及莫里斯的理念都接近，莫里斯在此期間創作了一些畫作，其中比較有代表性的是《岡尼芙皇后》，畫風已經明顯有設計的裝飾性感覺。

參加拉斐爾前派后的莫里斯不久就馬上要步入人生另一個階段——結婚，而對象是下面這位非常擅長配合攝影師擺pose 的美女簡·伯頓，深諳現代頭疼腳疼肚子疼三大法則，莫里斯第一次見到她時是這樣描述的：美艷動人，身材高挑，皮膚黝黑，有一種野性美，留有自然的鬈發，長著細長的脖子、大大的眼睛和性感的雙唇，與當時優雅而傳統的美女很不相同，有標準的模特風范。

所以拉斐爾前派的成員之一羅塞蒂就經常以她為繪畫模特進行創作，后來兩人也因此鬧出了不少緋聞，導致莫里斯和簡伯頓的關系出現裂縫。

另外關注設計史太濃的朋友知道，我們的內容一直不乏美女身影，比方包豪斯創始人格羅皮烏斯的太太，神一樣存在的阿爾馬·馬勒，關于她的傳奇故事可以詳見《用一篇超全面的好文，帶你了解包豪斯的前世與今生》。

莫里斯跟簡伯頓的婚姻對整個世界的設計發展來說都是一件大事，因為他們的婚姻促使了莫里斯開始從繪畫轉向設計方向，同時被視為現代設計開端的代表性建筑「紅屋」也誕生，事情的經過是這樣的：

莫里斯跟簡伯頓確立關系后決定在1859年喜結連理，而成家就要立室，說白了就是需要買房子，于是莫里斯開始在倫敦市區及郊區到處尋找合適的住宅，但是經過多輪的折騰，一直沒有找到自己滿意的住宅，以及對住宅的用品也十分不滿，因為當時存在的建筑跟家居用品都充斥維多利亞風格的繁瑣，不然就是極度簡陋。

于是莫里斯開始產生自己動手建房子的想法，他邀請了一位叫威伯的朋友幫忙，在郊區肯特郡弄了塊地，周圍是果園，擁有非常開闊的視野與景色，符合莫里斯喜好接近大自然的性格，也符合新婚夫婦對浪漫的訴求，他們開始在這里做自己想要的房子。這個房子一開始的定位就是非常規的套路，比方結構是非對稱的，然后表面沒有粉飾，并且充分考慮了居住的功能性，其中最突出的特征就是房子全部使用紅磚修建，既是材料，又成為裝飾動機，所以史稱「紅屋」，其中也使用了諸多莫里斯喜歡的哥特元素雕飾細節，比方塔樓、尖拱入口等。我們來看看歷史上紅屋的樣子：

其實紅屋最特別的部分在于，除了房子本身的建筑外，里面全部家具、燈具、地毯、裝飾品、墻紙、掛畫都是莫里斯親手設計的，就是現代俗稱的硬裝與軟裝，莫里斯都一手包辦，所以風格非常統一協調，而且別具一格，這種風格也被視為工藝美術運動的代表性風格。

時間已經去到1860年，紅屋的落成讓周邊的人好奇與驚訝，紛紛來參觀，慢慢在英國設計界開始引發廣泛的興趣與贊譽，好的設計、講究功能的設計自然會激發大眾的熱情與需求，越來越多人詢問他能否也幫忙設計一些家具用品，他開始萌生為大家提供設計服務這樣的想法，此時的他只是跟朋友經營畫室搞創作，屬于一個沒有固定職業的下崗人員，于是他決定破天荒的成立一間獨立設計事務所，這是世界上最早由藝術家經營的設計事務所，也就是現在所有設計公司的前身。

剛開始他是跟兩位朋友一起合伙經營，幾年后奇貨可居，業務蒸蒸日上，他果斷將另外兩位朋友的股份買下，在1864年更名為「莫里斯設計事務所」。其實西方大部分品牌、公司都會以靈魂人物的名稱來命名，比方沃爾瑪、惠普、戴爾、保時捷、迪斯尼等等，遍及各行各業，這在我看來屬于部落文化，也是羅振宇說的人格體，在設計行業其實也越來越多這種現象，中國這種情況較少，但香港已經有諸多成功的示例，比方陳幼堅設計有限公司，香港李永銓設計有限公司等， 內地深圳有韓家英、王粵飛等，老板的氣質就是企業的氣質，老板的風格就是作品的風格。

莫里斯的設計事務所為顧客提供各種各樣的設計服務，范圍包括家具、地毯、毛毯、墻紙、書籍、海報、建筑等，涵蓋全面而完整，后期莫里斯越來越善于經營，聯合工廠直接生產自己設計的產品，包括陶瓷、玻璃、地毯等，再直接銷售給客戶，所以這也是一個用設計創造財富的典型例子，值得現代設計師借鑒。

莫里斯的設計風格有別于當時的維多利亞風格，獨樹一幟，后來史稱「工藝美術」運動風格，特征包含了以下幾點：

• 強調手工藝，明確反對機械化生產（這算是違背社會發展規律的倒退觀念）。
• 反對矯揉造作、繁瑣、裝飾過度的維多利亞風格，及其它古典、傳統的復興風格（這是進步的觀念）。
• 提倡哥德風格，講究簡單、樸實，重視功能（這特點具備現代設計思想）。
• 推崇自然主義、裝飾上借鑒東方藝術，比方日本的華年魚蟲。

工藝美術運動中的平面設計

第二部分聊到威廉莫里斯自從跟簡伯頓結婚后，親力親為修建一間紅屋，引發了設計圈轟動，隨后他成立了自己的設計事務所后，引領出「工藝美術」運動風格，從1860年到1880年達到運動高峰，帶動歐洲各國的同類設計運動，但因為本次的主題是英國設計，所以我們主要先聊英國情況，關于這場運動歐洲其它各國的狀況我們將會在其它分享里講述。

莫里斯初期主要的設計方向是家具、墻紙、家居用品等，墻紙設計是其最具代表性的作品之一，而且風格上特別容易識別，就是使用大量植物紋樣，我們通過下面的圖片來大致感受一下，現代的產品假設使用這種特征很容易重現莫里斯風格：

但后來英國出版界發生了一些事情，讓莫里斯在平面設計范圍也開始有極大拓展，并且發展出強大的影響力，進一步深化工藝美術運動的范疇。

事情的起因是19世紀以來，因為工業革命發展，引入機器操作后書籍開始大批量發行出版，導致書籍設計的粗制濫造情況越發嚴重，開始讓當時一批平面設計家感到很焦慮，情況就跟現在區塊鏈的急速發展，產生大量粗制濫造的app、網站平臺的情況雷同，讓做UI設計的我們也感覺局促不安。

所謂時勢造英雄，總有一些人要被歷史選中，比方有一位出版家叫威廉帕克林，在24歲時候開設了自己的書店，專門經營善本（泛指刻印較早、流傳較少的精美古籍）和古本圖書，后來他跟朋友合伙經營出版社，自行設計與出版書籍，多數與散文及詩集為主，他們對書籍有非常嚴格跟精細的要求，而且也使用了哥德風格結合簡單明快的方式進行設計，符合工藝美術運動的特點，給出版界帶來一股清流。

在這種風氣影響下，慢慢的又出現另一位人物，就是建筑家出身的阿瑟·瑪克穆多，他出生于1851年，就是水晶宮面世同一年，在26歲時候他認識了43歲的莫里斯，受到當時已經成大名的莫里斯的思想影響，決心追隨他發展工藝美術設計改革，他專注于平面設計，并且體現在書籍設計上。

1882年他成立了自己的設計公司「世紀行會」，然后在1884年出版了一本《玩具馬》刊物，這是最早最系統，利用文字方式宣傳工藝美術運動主張的出版物。但非?？上шP于這方面的圖片資料在互聯網上已經無法找到。

這本刊物是工藝美術運動當中平面設計的最典型作品，刊物當中的封面及插圖、排版裝飾使用了吸收日本浮世繪元素，從植物紋樣當中提煉出抽象圖案，并采用一些中世紀的裝飾動機，流暢、生動，形成一種特別，能代表工藝美術運動的平面設計風格。

做這個刊物時候瑪克穆多曾經多次跟莫里斯探討版面編排、空間布局比例，文字間距、字體風格、紙張材質等具體的設計問題，這個過程讓莫里斯很興奮，因為莫里斯對工藝美術運動風格可以應用到書籍平面設計當中感到很高興，于是他又決定搞點事情了。

這個時候時間已經去到1888年，莫里斯的事業已經發展很成功，說白了就是通過設計獲得了財務自由，一旦財務自由就可以比較任性的做一些事情，比方將精力從家具、墻紙、工業產品方面轉移到平面設計，而且本來他就是一名文學愛好者，所以他一轉身就成立了個人出版社，雇傭了一批鑄字工人及印刷工人，起名為克姆斯各特出版社。

這個出版社一成立，基于莫里斯本人的影響力馬上就生產出一本成功的書籍，就是莫里斯與插圖畫家克萊因合作，設計出版的英國傳說故事《呼嘯平原的故事》，第一次出版了200冊紙張本跟6本羊皮紙本，這本書設計非常精美，而且完全符合工藝美術運動風格，一上市就吸引了英國讀者的強烈興趣，并且將克姆斯各特出版社的名頭一炮打響。

莫里斯這個出版社在英國的「工藝美術」運動當中發展起到非常重要的作用，因為在莫里斯的帶領下，出版社是這個運動當中平面設計領域最集中的體現，影響了其它出版公司，甚至影響到歐美各國的印刷出版行業。

克姆斯各特出版社無疑是威廉莫里斯的平面設計大本營，他的大部分書籍都是由這家出版社完成，不過他的設計充滿了企圖恢復古典，中世紀哥特時期的風格特征，版面編排非常擁擠，很多細節也比較繁瑣，并且因為對質量的追求，所以產量低，價格高，有經濟能力購買的群體不多，于是慢慢引起一些評論家的指責，可見名人做事情是要受社會監督的，比方英國有一位平面設計家劉易斯·戴依就曾經在1899年的《東方雜志》這個期刊中撰文批評威廉莫里斯。

他認為莫里斯后期的書籍設計完成沉溺在復古主義，完全違背了他一貫主張和倡導的設計社會化、民主化、大眾化的立場與原則，讓書籍無法成為普及大眾的讀物，而淪落為少數收藏家的藏品。而此時莫里斯其實已經離世，莫里斯是在1896年因為病患去世的，而克姆斯各特出版社從1891年經營到1898年，期間一共出版53種圖書，總印刷量達到18000本，這個數量在英國及歐洲都是可觀的，在莫里斯離世兩年后，因為缺乏靈魂人物，出版社因為經營不善就關閉了。

后來這位批評莫里斯的設計大師戴依聯合了插圖畫家杰西·金及格里那維，三人合作創造出一種以兒童為受眾的讀物設計風格，設計當中充滿了天真風格、色彩浪漫，無論字體、插圖風格跟布局排版都輕松可愛，廣受當時的兒童歡迎。

他們的目的是希望書籍設計能夠真正為廣大讀者服務，改變書籍長期被少數人掌控的局面，也力圖改變莫里斯那種比較凝重的考古味道。這三人都基于為大眾的共同立場，但是各自有自身的風格，他們為眾人皆知的一些英國童話故事設計書籍，人物、動物、植物跟風景都栩栩如生，生動活潑，是工藝美術運動后期平面設計范圍里一個重大的發展與突破。

他們的設計直接影響了下一代的平面設計師及插畫家，比方我們在包豪斯那期分享里聊到的比利時設計師亨利·凡德·威爾德。

莫里斯離世之后余威尚在，很多年輕設計師受他的影響，都成立了一些小型出版公司來探索書籍平面設計，被后世稱為「私營出版運動」，其中有一個比較突出的機構叫「手工藝行會」，領導人是杰出建筑師查爾斯·阿什比，同時他也從事首飾跟銀器設計，他跟三位朋友一起，僅僅使用50英鎊成立了這個行會。

手工藝行會的風格在工藝美術風格基礎上再次產生了一些突破，比方把古埃及及古羅馬的風格也融合平面設計，特別是字體設計上重視書法效果，他們的設計業務和制作業務都發展得很繁榮，訂單接踵而來。

另一個比較突出的「私營印刷運動」組織是多佛出版社，他們有一個很具進步性的設計思想觀點，認為平面設計的核心并非單純的視覺美好，而是準確的形象信息傳達，在良好的傳達前提下，達成設計美觀的目的。他們的代表作是1903年的《圣經》，字體和版面編排都非常方便閱讀，插圖講究，達到功能與形式的完美平衡，是工藝美術運動后期越發成熟的代表作品之一。

以約翰拉斯金的指導思想為基礎，威廉莫里斯設計為代表所發起的英國「工藝美術」運動，雖然思想跟形式上也有倒退的部分，但仍有諸多具備現代設計的先進思想，比方希望設計普及大眾、重視功能等，所以對西方各國的設計發展都有促進與推動作用，并且在歷史上被視為現代設計的開端。

總結

整個分享我們大致談了三部分內容。

現代設計的起源發生于英國，倫敦博覽會水晶宮的出現刺激了設計理論先驅約翰拉斯金對設計的思考，并發展出具有進步及前瞻性的現代設計思想。

設計師威廉莫里斯建造紅屋這件事，拉開現代設計的序幕，并引發出工藝美術運動，該運動風格特征以莫里斯借鑒東方植物紋樣的元素，形式簡單明快，講究功能等特點為代表。

工藝美術運動在平面設計上，特別是在書籍上具體體現，莫里斯同樣擔當領軍人物，并由此對歐洲各國的平面設計產生深刻影響。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。