由交互形式演化看極簡化設(shè)計之扁平化風格

劉 健

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

由交互形式演化看極簡化設(shè)計之扁平化風格

劉 健

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

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

極簡化設(shè)計；扁平化風格；交互設(shè)計；UI設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

四、扁平化體驗

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

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

五、“還有誰？”

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

總結(jié)

向工具傾注感情，真是人類有趣的地方之一。甚至會有很多天真的典故、童話不惜將工具去擬人化，除使用工具的交互外，還將其進行人格化模擬；今天的交互關(guān)系下，人類寄予數(shù)字技術(shù)的人工智能，將工具設(shè)計成自主判斷選擇。人機對話、人機交互當然不是童話的再現(xiàn)，而是生產(chǎn)技術(shù)發(fā)展和人類想象力發(fā)展的又一個高峰，同時交互關(guān)系也隨之變化。

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

注釋：

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

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

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

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

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

[5]張蕓.扁平化設(shè)計在網(wǎng)頁上應(yīng)用的優(yōu)勢.藝術(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

［責任編輯：董 維］

2014-03-10

劉 ?。?978-），男，江蘇揚州人，一級教師，從事美術(shù)教育、藝術(shù)設(shè)計方向的研究。