劉 健

（蘇州大學(xué)藝術(shù)學(xué)院 江蘇蘇州 215123；江陰市華士實(shí)驗(yàn)小學(xué) 江蘇江陰 214421）

由交互形式演化看極簡(jiǎn)化設(shè)計(jì)之扁平化風(fēng)格

劉 健

（蘇州大學(xué)藝術(shù)學(xué)院 江蘇蘇州 215123；江陰市華士實(shí)驗(yàn)小學(xué) 江蘇江陰 214421）

人類創(chuàng)造工具為滿足自身所需，這是亙古不變的工具制造的終極目標(biāo)。脫離這個(gè)目標(biāo)的工具制造，必是毫無意義地。追憶人類的工具發(fā)展史，人與工具之間的互動(dòng)關(guān)系演化，給今日之智能交互終端設(shè)備帶來了扁平化設(shè)計(jì)風(fēng)格特點(diǎn)。扁平化設(shè)計(jì)風(fēng)格根植于極簡(jiǎn)化風(fēng)格設(shè)計(jì)思維、遵循于優(yōu)化原則、汲養(yǎng)于人因工學(xué)，是因人類需求所生；也必因人類精神物質(zhì)需求變化所變、所滅。

極簡(jiǎn)化設(shè)計(jì)；扁平化風(fēng)格；交互設(shè)計(jì)；UI設(shè)計(jì)

真想知道第一個(gè)敲制石斧的人，當(dāng)時(shí)都想了些什么。不過無論如何人類從此與工具再也分不開了。從打制石器→金屬鑄器→機(jī)械造器→電子智能，人類與工具的交互關(guān)系在每一次生產(chǎn)革命中演化前進(jìn)。進(jìn)入今天電子智能歷史階段，人類與工具關(guān)系不斷發(fā)生著微妙變化。工具從單一的物理性反饋而擁有了智能的判斷性交互。最初人類敲擊石器時(shí)，石頭除了震麻我們的雙臂外，絕對(duì)不會(huì)問你要選擇圓形還是矩形。今天的現(xiàn)代人面對(duì)UI(USER INTERFACE)時(shí)需要什么，恐怕只有自己知道。

雖然我們無法知道別人在想什么，但是設(shè)計(jì)者卻能在用戶界面提供了我們很多選擇，創(chuàng)造優(yōu)秀的UE(USER EXPERIENCE)。人機(jī)交互歸根結(jié)底就是人與工具的交互、人與物的交互。隨著ISO 7和win8 Metro正式露面，一直頗具爭(zhēng)議的扁平化風(fēng)格被大家欣然接受?！氨馄交彪m然沒有一個(gè)正式“官方概念①”，但當(dāng)只要一提及它，就令人聯(lián)想到那放棄陰影、透視、紋理、漸變等裝飾效果的整潔界面。正如前文所指扁平化之風(fēng)業(yè)已吹到了諸如Windows、iSO以及Android的頭上。此點(diǎn)也足見扁平化之熱了?？v觀人機(jī)環(huán)境的歷史與現(xiàn)狀，面對(duì)扁平化猶骨鯁在喉不吐不快。

一、“Less is more”——路德維?！っ芩埂し驳铝_

密斯借英國(guó)詩人Robert Browning 詩中一句話，“l(fā)ess is more——少即是多”來表達(dá)他的設(shè)計(jì)哲學(xué)立場(chǎng)。這不禁讓人聯(lián)想到道家文化影響的中國(guó)畫意境和惜墨如金上來；實(shí)際上對(duì)“多”“少”的轉(zhuǎn)化東西方的出發(fā)點(diǎn)是截然不同。中國(guó)畫的留白是一種超然，其哲學(xué)本源是“為”與“不為”，而二十世紀(jì)的這位包豪斯校長(zhǎng)，對(duì)此“多”“少”的理解是他近乎苛刻的嚴(yán)謹(jǐn)。

現(xiàn)代派帶來的極簡(jiǎn)主義也不是空穴來風(fēng)，也許真被老子說中了，這就是此消彼長(zhǎng)、周而復(fù)始。在西方建筑的各種形式中，繁多的飾件、復(fù)雜的雕花和冗飾的線腳隨處可見?，F(xiàn)代派的反其道而行之，讓我們?cè)谟懻摻裉斓臉O簡(jiǎn)風(fēng)格UI時(shí)，不得不再次將其提及。把扁平化設(shè)計(jì)當(dāng)作是對(duì)擬物化設(shè)計(jì)繁文縟節(jié)背景下的逆襲英雄。

扁平化先驅(qū)Windows phone正如那第一個(gè)打石塊的人，最初簡(jiǎn)化XAML詳細(xì)定位文本、按鈕、圖像、列表框等也許只是為了方便開發(fā)人員和設(shè)計(jì)人員的溝通。然而這個(gè)改變卻為極簡(jiǎn)主義設(shè)計(jì)對(duì)交互界面超有利方向發(fā)展。從發(fā)展先后的角度來看，扁平化迎頭趕上它的假想敵擬物化，并有把之?dāng)D下馬來的趨勢(shì)。其實(shí)這只是證明極簡(jiǎn)主義的扁平化設(shè)計(jì)思維，是交互關(guān)系發(fā)展的一個(gè)當(dāng)下選擇。無需對(duì)某階段性的選擇做一個(gè)孰優(yōu)孰劣的二分法判定。

二、“輕松易見”一眼看到扁平化

扁平化就這么來了。如今的交互關(guān)系似乎就是這樣形成的，不管你是否喜歡，它已經(jīng)出現(xiàn)在大量的iSO、Android的app和網(wǎng)頁中，將用戶和體驗(yàn)者包圍。

扁平化風(fēng)格毫不掩飾其極簡(jiǎn)主義風(fēng)格特點(diǎn)，也許正是因?yàn)楹?jiǎn)潔到了極致，以至于用戶和體驗(yàn)者能根據(jù)其特點(diǎn)來輕易辨識(shí)出是否采用極簡(jiǎn)主義設(shè)計(jì)風(fēng)格。那種摒棄高光、陰影、透視、漸變，通過抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)交互內(nèi)容；使用矩形色塊、大字體，去除不必要的圖像、色彩、文字抽象表現(xiàn)內(nèi)容結(jié)構(gòu)本身。極簡(jiǎn)主義下的扁平化僅僅為受眾帶來一個(gè)簡(jiǎn)潔明朗的界面嗎？

滿足視覺傳達(dá)最重要的首先是能被眼睛看見。根據(jù)視覺原理，視覺細(xì)胞最敏感的是亮度，滿足一定亮度后，才能對(duì)物像做一定的識(shí)別和判斷。這種針對(duì)輪廓的形象思維能力在多個(gè)領(lǐng)域被交叉證明。從人類視覺原理和心理學(xué)角度看，哪些使用極簡(jiǎn)化風(fēng)格的界面標(biāo)題和按鈕等，都能在視覺傳達(dá)中對(duì)其形象順利感知，最終方便交互體驗(yàn)；受眾對(duì)扁平化設(shè)計(jì)元素輕松辨識(shí)方便，其形成的抽象記憶輪廓更是深刻持久。如此極簡(jiǎn)主義的扁平化風(fēng)格在視覺傳達(dá)設(shè)計(jì)中具備了實(shí)際應(yīng)用的價(jià)值。

三、“恐龍因巨大而亡？”

有設(shè)計(jì)開發(fā)經(jīng)驗(yàn)的人一定能夠理解，windows phone開發(fā)人員和設(shè)計(jì)人員最初為什么要簡(jiǎn)化XAML，去詳細(xì)定位文本、按鈕、圖像、列表框。因?yàn)樵O(shè)計(jì)開發(fā)過程中，不斷地反復(fù)溝通尺寸、大小確實(shí)讓人覺得有些繁瑣，若把尺寸、大小確定下來便成為贏得高效溝通的一個(gè)手段?！氨馄交O(shè)計(jì)”因?yàn)樾问胶?jiǎn)單，被詬以懶人設(shè)計(jì)，但其有利于設(shè)計(jì)和開發(fā)人員頭痛的特點(diǎn)，成為保證設(shè)計(jì)開發(fā)進(jìn)度一個(gè)重要保證。另外為了能夠更快的傳播，扁平化設(shè)計(jì)是能夠被受眾更快速的認(rèn)知的形式之一。針對(duì)圖片壓縮原理視覺傳達(dá)研究中，色彩、明暗、漸變都會(huì)增大圖片的大小。對(duì)于有限的數(shù)字處理速度、傳輸帶寬來說，減小文件的大小，也是設(shè)計(jì)者為體驗(yàn)者考慮的范湊之一。

如此看來，扁平化設(shè)計(jì)風(fēng)格不僅僅是來自于極簡(jiǎn)主義設(shè)計(jì)原則的影響?！氨馄交钡墓芾砟Ｊ胶驮O(shè)計(jì)者體驗(yàn)者的需求，對(duì)極簡(jiǎn)主義風(fēng)格再次席卷我們的視野，也起到了一定的作用。

四、扁平化體驗(yàn)

擬物化譏笑扁平化形式簡(jiǎn)單，扁平化又反嘲擬物化過度設(shè)計(jì)，用二分法判斷藝術(shù)形式特點(diǎn)只會(huì)誤入歧途。擬物化界面對(duì)由現(xiàn)實(shí)生活進(jìn)入數(shù)字交互來講，其效果逼真、操作親和。但是，現(xiàn)實(shí)的操作者往往已近具有一定交互體驗(yàn)經(jīng)驗(yàn)，所以熟悉和操作扁平化界面的學(xué)習(xí)成本并不高。扁平化更像是備忘錄的便簽、目錄樹的標(biāo)簽頭、框架劃分式標(biāo)題、管理學(xué)中的任務(wù)框。扁平化設(shè)計(jì)強(qiáng)調(diào)的是信息本身，而不是繁復(fù)多余的界面元素，正如很多人會(huì)給重要的任務(wù)、記事添加個(gè)方框或者圓圈而已。這種將文字圖形化的方式就是最直接和簡(jiǎn)單的扁平化。

扁平化無論是文字、色彩、圖形都將信息都進(jìn)行簡(jiǎn)化，不需要冗余繁雜的修飾。通過色彩對(duì)比、放大文字、簡(jiǎn)單圖標(biāo)就是告訴用戶“這是什么”。使用戶能夠輕易分辨出重點(diǎn)、按鈕、導(dǎo)航等等。

五、“還有誰？”

無論如何，扁平化已經(jīng)占據(jù)了我們很多用戶界面。體驗(yàn)者從擬物化過渡到扁平化也沒有辯論中那么困難。這就是交互演化，沒有成敗，它就是一個(gè)歷史過程的選擇而已。不要貶低舊形式，也不應(yīng)當(dāng)譏笑新的形式。因?yàn)榻裉煅姥缹W(xué)語的孩兒，將來也會(huì)拄拐蹣跚。新舊形式之爭(zhēng)就是一個(gè)變化的過程、選擇的過程，不應(yīng)作孰優(yōu)孰劣的粗陋評(píng)判，設(shè)計(jì)者和開發(fā)者還是應(yīng)當(dāng)繼續(xù)琢磨用戶的需求、交互的模式等，迎接下個(gè)呱呱墜地的新生。

總結(jié)

向工具傾注感情，真是人類有趣的地方之一。甚至?xí)泻芏嗵煺娴牡涔省⑼挷幌⒐ぞ呷M人化，除使用工具的交互外，還將其進(jìn)行人格化模擬；今天的交互關(guān)系下，人類寄予數(shù)字技術(shù)的人工智能，將工具設(shè)計(jì)成自主判斷選擇。人機(jī)對(duì)話、人機(jī)交互當(dāng)然不是童話的再現(xiàn)，而是生產(chǎn)技術(shù)發(fā)展和人類想象力發(fā)展的又一個(gè)高峰，同時(shí)交互關(guān)系也隨之變化。

交互關(guān)系演化影響下的用戶界面必定會(huì)適應(yīng)時(shí)代的要求，擬物也好，扁平化也好，適用于用戶選擇才是最終的真理。

注釋：

①“flat design”(扁平化設(shè)計(jì))這個(gè)名字存在著諸多爭(zhēng)論。不同的公司團(tuán)體都嘗試用過其他名稱，例如minimal design, honest design，而微軟公司甚至稱它作 “authentically digital”。

[1]李銘.視覺原理.世界圖書出版公司,2012,6.ISBN：9787510042379

[2][美]邁耶.CSS權(quán)威指南.中國(guó)電力出版社,2007.

[3]王成城,杜鵬程,李敏.扁平化管理下優(yōu)化中層管理人員與組織交換關(guān)系的挑戰(zhàn)及對(duì)策.中國(guó)人力資源開發(fā),2012(2).

[4]軟件開發(fā)聯(lián)合會(huì)組織制定JPEG定義.

[5]張蕓.扁平化設(shè)計(jì)在網(wǎng)頁上應(yīng)用的優(yōu)勢(shì).藝術(shù)科技,2013(6).

On simplified design of the flat style from the interaction form evolution

Liu Jian

(Art Institute of Suzhou University, Suzhou Jiangsu, 215123, China; Jiangyin Huashi Experimental Primary School, Jiangyin Jiangsu, 214421, China)

Human create tools to meet their needs, this was the ultimate goal of timeless tool manufacturing. From the target tool manufacturing, will be meaningless. Recalling the tools of human history, was meaningless. The evolution of the interaction between human beings and tools, brought flat design style to today's smart interactive terminal. The flat design style was rooted in a simplified style design thinking, to follow the principle of optimization, is the human needs; also because of changes in mental material needs, human become consumed.

simplified design; flat style; interaction design; UI design

J813.1

A

1000-9795（2014）05-0076-02

［責(zé)任編輯：董 維］

2014-03-10

劉 健（1978-），男，江蘇揚(yáng)州人，一級(jí)教師，從事美術(shù)教育、藝術(shù)設(shè)計(jì)方向的研究。