編者按：今天的這篇極簡(jiǎn)風(fēng)格歷史小科普建議同學(xué)們都讀一下，讀史漲的不僅是姿勢(shì)，重要的是能追根溯源，幫你掌握到極簡(jiǎn)設(shè)計(jì)的初心，不會(huì)迷失在當(dāng)下各式各樣隨意閹割的“極簡(jiǎn)設(shè)計(jì)”中。全文以時(shí)間為線索，能讓同學(xué)們有一個(gè)清晰的認(rèn)知，而且絲毫沒有翻譯腔兒，讀起來特別舒服。

扁平化、巨幅背景圖片、默認(rèn)隱藏的全局導(dǎo)航…當(dāng)前盛行的很多設(shè)計(jì)風(fēng)格都直接或間接的受到2000年左右開始的極簡(jiǎn)網(wǎng)頁設(shè)計(jì)運(yùn)動(dòng)的影響。向前追溯，這些風(fēng)格背后的簡(jiǎn)約哲學(xué)則來源于美術(shù)及人機(jī)交互領(lǐng)域當(dāng)中的一些早期運(yùn)動(dòng)。

對(duì)于界面設(shè)計(jì)而言，極簡(jiǎn)風(fēng)格，或是說“最小化設(shè)計(jì)”，其根本目的是最大化的突出內(nèi)容本身，而非界面框架。如果設(shè)計(jì)的得當(dāng)，極簡(jiǎn)風(fēng)格可以使重要信息及功能更容易被聚焦，從而提升界面整體的易用性。

然而如今，很多設(shè)計(jì)師錯(cuò)誤的將“極簡(jiǎn)”理解成了一種單純意義上的視覺設(shè)計(jì)風(fēng)格 - 他們將重要的界面元素移除或隱藏起來，為了追求極簡(jiǎn)的視覺效果而忽視了那些需要從整體上綜合考慮的其他因素，包括可用性、易用性、產(chǎn)品設(shè)計(jì)策略等等。他們忽略了極簡(jiǎn)風(fēng)格的核心哲學(xué)以及最初孕育了這種風(fēng)格的歷史情境，其結(jié)果就是，從產(chǎn)品整體的角度來看，復(fù)雜度非但沒有被降低，反而被進(jìn)一步提升了。

為了更好的理解和運(yùn)用最小化設(shè)計(jì)的方法原則，我們有必要花些時(shí)間去了解極簡(jiǎn)風(fēng)格的起源及其基本特性。我們將通過兩篇文章來探索這一話題：本文是第一篇，主要聚焦在風(fēng)格定義和歷史發(fā)展這兩個(gè)方面，對(duì)最小化設(shè)計(jì)風(fēng)格與可用性問題之間的關(guān)聯(lián)也會(huì)稍作討論；第二篇?jiǎng)t會(huì)從深層次上分析最小化設(shè)計(jì)的特性對(duì)于界面及產(chǎn)品可用性的影響作用。

什么是最小化界面設(shè)計(jì)？

最小化界面設(shè)計(jì)的目標(biāo)是盡可能的移除干擾元素，以一種最簡(jiǎn)單和直接的方式將內(nèi)容與功能一目了然的呈現(xiàn)出來。這種策略下最常見的設(shè)計(jì)方法就是做減法，即移除那些與界面的核心功能無關(guān)的內(nèi)容與功能。

我們難以通過某種統(tǒng)一的量化標(biāo)準(zhǔn)來判斷某個(gè)界面是否屬于最小化設(shè)計(jì)，畢竟這不是一種可以精確定義的概念，不過大體上還是有一些共同特征是能夠得到大家的認(rèn)同的，包括扁平化的背景材質(zhì)、簡(jiǎn)化的配色、大量的負(fù)空間（留白）等等。關(guān)于這些設(shè)計(jì)要素以及它們?cè)谧钚』O(shè)計(jì)當(dāng)中的運(yùn)用方式，我們將在第二篇文章中詳細(xì)討論。

設(shè)計(jì)師Brian Danaher的個(gè)人網(wǎng)站，在15寸MacBook Pro上瀏覽時(shí)，留白占據(jù)了絕大部分空間；不同灰度的文字搭配一種關(guān)鍵色 - 屬于很多設(shè)計(jì)師所公認(rèn)的那種比較典型的極簡(jiǎn)風(fēng)格。

在Danaher的站點(diǎn)中幾乎看不到任何與內(nèi)容無關(guān)的裝飾性元素，界面的干擾性極低。極簡(jiǎn)風(fēng)格很適用于這種類型的網(wǎng)站或應(yīng)用，即功能復(fù)雜度較低，內(nèi)容類型簡(jiǎn)單。而將極簡(jiǎn)風(fēng)格運(yùn)用到復(fù)雜度較高的產(chǎn)品當(dāng)中則沒有這么容易了。

可以說，最小化設(shè)計(jì)是對(duì)從前過于臃腫的、“最大化”設(shè)計(jì)風(fēng)格的回應(yīng)，包括我們?cè)?jīng)熟悉的漫長(zhǎng)Flash進(jìn)場(chǎng)、各種毫無意義的動(dòng)畫、質(zhì)感沉重的界面元素、臃腫不堪的功能等等。

極簡(jiǎn)風(fēng)格的興起

極簡(jiǎn)主義起始于第二次世界大戰(zhàn)之后的視覺藝術(shù)運(yùn)動(dòng)，與當(dāng)時(shí)以混亂的顏色、動(dòng)感等要素為代表的抽象表現(xiàn)主義形成鮮明的對(duì)比。極簡(jiǎn)主義受到當(dāng)時(shí)著名的包豪斯藝術(shù)運(yùn)動(dòng)的影響，聚焦于簡(jiǎn)約而不失功能性的設(shè)計(jì)。

60年代

在上世紀(jì)60年代，極簡(jiǎn)主義開始流行于眾多領(lǐng)域，特別是在美術(shù)及建筑設(shè)計(jì)方面。在視覺藝術(shù)領(lǐng)域，單色和幾何圖形、工業(yè)材質(zhì)的運(yùn)用都成為極簡(jiǎn)主義的代表性要素。

當(dāng)時(shí)比較著名的極簡(jiǎn)派大師包括平面設(shè)計(jì)師Josef Müller-Brockmann，畫家Ellsworth Kelly以及工業(yè)設(shè)計(jì)師Dieter Rams等等。看一看下面幾個(gè)案例之間的共同特征 - 簡(jiǎn)約清晰的線條、慎用的配色等 - 雖然領(lǐng)域有所不同，但它們體現(xiàn)出的風(fēng)格共性是顯而易見的。

Ellsworth Kelly的“布魯克林大橋 VII”，1962

Dieter Rams為Braun(博朗)設(shè)計(jì)的收音機(jī)，1961

Ludwig Mies van der Rohe設(shè)計(jì)的S.R. Crown Hall，1956

著名建筑設(shè)計(jì)師Ludwig Mies van der Rohe的那句“少即是多”完美的概括了極簡(jiǎn)主義的表達(dá)方式。眾所周知，這句話后來也成為互聯(lián)網(wǎng)及軟件設(shè)計(jì)領(lǐng)域當(dāng)中的極簡(jiǎn)主義者們的口頭禪及精神支柱 - 至少表面上是這樣。

1980至2000年

在20世紀(jì)末的20年當(dāng)中，極簡(jiǎn)主義逐漸在人機(jī)交互領(lǐng)域形成了獨(dú)立的分支。

1983年，數(shù)據(jù)可視化專家Edward Tufte提出了“數(shù)據(jù)墨水比例(Data-Ink Ratio)”的概念。在印刷媒介當(dāng)中，這個(gè)概念指的是用于打印數(shù)據(jù)的墨水量與總墨水用量之間的比例。Tufte主張通過移除那些不會(huì)影響數(shù)據(jù)信息顯示的元素來最大化的提升數(shù)據(jù)墨水比例。

將數(shù)據(jù)墨水比例的概念移植到界面設(shè)計(jì)領(lǐng)域，我們可以將其稱為“內(nèi)容元素比例” - 用于呈現(xiàn)有價(jià)值內(nèi)容的元素與界面當(dāng)中全部元素之間的比例。我們的設(shè)計(jì)目標(biāo)就是最大程度的提升內(nèi)容元素比例。

1990年，人機(jī)交互研究專家John M.Carroll研究了人們是怎樣閱讀科技產(chǎn)品使用手冊(cè)的，并尋求改善方式。通過研究，他提出了一套最小化理論，建議通過合理的設(shè)計(jì)來簡(jiǎn)潔的傳達(dá)信息，幫助人們快速獲取并運(yùn)用到實(shí)踐行為當(dāng)中。

Carroll強(qiáng)調(diào)，單純的將設(shè)計(jì)方案精簡(jiǎn)到只保留基礎(chǔ)元素的程度并非最小化設(shè)計(jì)的最終目標(biāo) - 以目標(biāo)任務(wù)結(jié)果為導(dǎo)向的簡(jiǎn)潔才是根本。對(duì)界面設(shè)計(jì)而言，這意味著界面框架本身對(duì)于用戶完成目標(biāo)任務(wù)的行為來說應(yīng)該是無形的，只應(yīng)起到承載內(nèi)容的作用，幫助用戶更好的完成任務(wù)而不是帶來干擾。

1995年，Jakob Nielsen在他的十大可用性原則當(dāng)中提到了最小化設(shè)計(jì)的重要性，建議通過移除界面當(dāng)中不相關(guān)的信息要素來提升可用性，本質(zhì)與Tufte及Carroll關(guān)于最小化的看法相一致。

2000至2010年

在21世紀(jì)的第一個(gè)十年里，極簡(jiǎn)主義運(yùn)動(dòng)開始出現(xiàn)在網(wǎng)頁設(shè)計(jì)領(lǐng)域 - 包括大量的頁面留白、少量精簡(jiǎn)的內(nèi)容、嚴(yán)格限制的配色方案等等特征。Google經(jīng)常被譽(yù)為最小化頁面設(shè)計(jì)的先驅(qū)，因?yàn)樗麄儚纳鲜兰o(jì)90年代剛剛推出beta版本的時(shí)候開始就一直體現(xiàn)著簡(jiǎn)潔而聚焦的設(shè)計(jì)思想。

Google首頁，1999

即便如今Google為全世界用戶提供著各式各樣的產(chǎn)品，從Google Drive到Y(jié)ouTube、Gmail、Google Maps等等，他們的首頁依然保持著最初的特征：除了基本的搜索功能以外，只有屈指可數(shù)的幾個(gè)顯性導(dǎo)航項(xiàng)；要訪問其余的功能，用戶需要通過右上角的菜單圖標(biāo)進(jìn)入。

Google首頁，2015

盡管有Google這樣的早期先驅(qū)，但是最小化設(shè)計(jì)思想還是花了很多年才普及到界面設(shè)計(jì)領(lǐng)域。2000年前后，各種追求表面浮華的混亂頁面仍然統(tǒng)治著互聯(lián)網(wǎng)。記得在我們當(dāng)時(shí)所做的測(cè)試當(dāng)中，用戶們無不被那些看上去“忙碌急躁”的頁面搞的暈頭轉(zhuǎn)向。

雖然步伐遲緩，但極簡(jiǎn)主義的思想還是被早期實(shí)踐者 - 包括網(wǎng)頁設(shè)計(jì)師、平面設(shè)計(jì)師、藝術(shù)家、攝影師、建筑師和開發(fā)者們所不斷的探索和思考著。設(shè)計(jì)師和博主Emily Change在2006年的一篇關(guān)于最小化設(shè)計(jì)思想崛起的博文當(dāng)中寫道：

或許是因?yàn)镚oogle的成功，或是最近十年我們受夠了各種閃爍的banner和惱人的彈出廣告，當(dāng)然也有可能受到了Jonathan Ive的影響 - 設(shè)計(jì)師、開發(fā)者和用戶們似乎開始認(rèn)同Mies van der Rohe的名言’少即是多’應(yīng)該成為界面設(shè)計(jì)當(dāng)中的新準(zhǔn)則了。

雖然Chang對(duì)于互聯(lián)網(wǎng)從業(yè)者及用戶即將全面擁抱極簡(jiǎn)主義的預(yù)言在如今看來也是略顯樂觀，但是她的觀點(diǎn)確實(shí)符合最小化設(shè)計(jì)被越來越多擁護(hù)前沿設(shè)計(jì)趨勢(shì)的人所支持的現(xiàn)狀。

2010至2013年

2010年左右出現(xiàn)的響應(yīng)式設(shè)計(jì)推動(dòng)了最小化思路的普及。想要有效的運(yùn)用響應(yīng)式設(shè)計(jì)技術(shù)，人們必須認(rèn)真思考界面當(dāng)中內(nèi)容的優(yōu)先級(jí)問題，以及怎樣移除與內(nèi)容不相關(guān)的干擾元素 - 那些在桌面設(shè)備當(dāng)中無足輕重的干擾元素，放在移動(dòng)設(shè)備當(dāng)中瀏覽時(shí)就會(huì)成為極大的障礙。

設(shè)計(jì)師和用戶們逐漸的開始接受最小化設(shè)計(jì)的概念。這期間，兩大業(yè)界巨頭推出的重設(shè)計(jì)方案更是促進(jìn)了巨變的產(chǎn)生 - 2011年微軟推出的Metro，以及2013年Apple發(fā)布的iOS 7系統(tǒng)。

微軟在2011年發(fā)布的Windows 8可以說是近幾十年里計(jì)算設(shè)備操作系統(tǒng)發(fā)展歷程當(dāng)中的一次重大的重設(shè)計(jì)案例。他們宣布了“現(xiàn)代化設(shè)計(jì)”的新哲學(xué)，一種來源于極簡(jiǎn)藝術(shù)運(yùn)動(dòng)的很典型的最小化設(shè)計(jì)哲學(xué)。微軟在其設(shè)計(jì)文檔當(dāng)中甚至坦言包豪斯理念正是這套系統(tǒng)最基本的設(shè)計(jì)支柱之一。

另一方面，雖然Apple一直在努力貫徹著簡(jiǎn)化的設(shè)計(jì)思維，但他們的軟件設(shè)計(jì)師對(duì)于傳統(tǒng)擬物化的風(fēng)格卻是有著長(zhǎng)久的、頗具爭(zhēng)議的偏愛。在2013年，他們顛覆性的推出了iOS 7，這種帶有自我革命味道的設(shè)計(jì)決策極大的推動(dòng)了最小化風(fēng)格在業(yè)界當(dāng)中的普及。

2014至2015年

最小化設(shè)計(jì)的理念開始全面的開花結(jié)果，甚至包括電商、在線媒體和互聯(lián)網(wǎng)教育等等類型的產(chǎn)品都開始加入到這一行列。在最小化理念的推動(dòng)下，扁平化風(fēng)、響應(yīng)式等設(shè)計(jì)開發(fā)概念都開始成為一種新的業(yè)界標(biāo)準(zhǔn)，進(jìn)入到各類在線領(lǐng)域當(dāng)中。

關(guān)于可用性的爭(zhēng)論：極簡(jiǎn)風(fēng)格對(duì)用戶是否有利？

最小化設(shè)計(jì)的理念將對(duì)產(chǎn)品的信息架構(gòu)決策產(chǎn)生重大的影響，進(jìn)而決定著最終界面的可用性與易用性。毫無疑問，近些年來關(guān)于最小化設(shè)計(jì)風(fēng)格的可用性問題已經(jīng)成為業(yè)界當(dāng)中最具爭(zhēng)議的話題之一。

支持者們認(rèn)為最小化的設(shè)計(jì)思路可以有效的降低界面當(dāng)中的信息負(fù)載，并且能為用戶帶來正面情緒的體驗(yàn) - 人們對(duì)于外觀優(yōu)雅的界面總是會(huì)產(chǎn)生積極的響應(yīng)。正如Don Norman指出，在使用這樣的界面時(shí)，人們對(duì)于可用性問題的容忍度往往更高，只要那些問題不是非常的嚴(yán)重。

我們自從1998年開始就一直反對(duì)復(fù)雜而無意義的“最大化設(shè)計(jì)”，說到這里你一定會(huì)認(rèn)為我們是最小化設(shè)計(jì)的堅(jiān)定簇?fù)碚?- 但實(shí)際情況也并非如此。

當(dāng)設(shè)計(jì)師們有意的、刻板的遵循著他們所理解的最小化設(shè)計(jì)思維時(shí)，最終往往會(huì)導(dǎo)致嚴(yán)重的可發(fā)現(xiàn)性和可用性問題。實(shí)際上，極端的最小化理念可以作為某種設(shè)計(jì)練習(xí)，但不宜片面的運(yùn)用到實(shí)際產(chǎn)品當(dāng)中。要有節(jié)制的嘗試最小化設(shè)計(jì)原則，通過適度的簡(jiǎn)化來降低界面復(fù)雜度和使用的摩擦力，不要忘記界面設(shè)計(jì)的最終目標(biāo)：幫助用戶更好的完成任務(wù)。

一些建議

在實(shí)際工作中，首先要認(rèn)真的思考最小化設(shè)計(jì)風(fēng)格是否真的適用于你的產(chǎn)品和品牌，是否有可能造成嚴(yán)重的負(fù)面損害。如果確實(shí)適用，考慮以下幾點(diǎn)原則：

• 恰當(dāng)?shù)睦斫夂拓瀼亍吧偌词嵌唷钡脑瓌t，不要為了添加元素而添加元素，這個(gè)規(guī)則無論對(duì)于功能設(shè)計(jì)、界面設(shè)計(jì)還是內(nèi)容策劃都適用。
• 移除界面中那些對(duì)于重要信息的呈現(xiàn)沒有任何實(shí)際支持作用的裝飾性元素(記得“內(nèi)容元素比例”)。
• 移除功能、簡(jiǎn)化元素只是手段，核心目標(biāo)是解決用戶的需求，通過形式上的手段真正的聚焦信息，簡(jiǎn)化流程。
• 時(shí)刻記得，如果僅從視覺的角度進(jìn)行最小化處理，而忽視了界面整體對(duì)于用戶理解信息、完成任務(wù)的支持作用，那么最后的設(shè)計(jì)方案不會(huì)帶來成功。

【了解偉大企業(yè)的歷史變遷】

“不作惡”企業(yè)谷歌的首頁變遷史
《生日快樂！那些年我們用過的谷歌首頁》

設(shè)計(jì)的趨勢(shì)從此可見一斑！
《漲姿勢(shì)！從蘋果官網(wǎng)細(xì)看20年設(shè)計(jì)變遷史》

連邀請(qǐng)函都有濃濃的設(shè)計(jì)范兒！
《向經(jīng)典致敬！帶你看十年來蘋果發(fā)布會(huì)的邀請(qǐng)函》

原文地址：nngroup
譯文地址：beforweb

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量97萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：