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

劉 健

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

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

劉 健

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

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

極簡化設計；扁平化風格；交互設計；UI設計

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

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

一、“Less is more”——路德維希·密斯·凡德羅

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

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

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

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

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

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

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

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

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

如此看來，扁平化設計風格不僅僅是來自于極簡主義設計原則的影響。“扁平化”的管理模式和設計者體驗者的需求，對極簡主義風格再次席卷我們的視野，也起到了一定的作用。

四、扁平化體驗

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

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

五、“還有誰？”

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

總結

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

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

注釋：

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

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

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

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

[4]軟件開發聯合會組織制定JPEG定義.

[5]張蕓.扁平化設計在網頁上應用的優勢.藝術科技,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

劉 健（1978-），男，江蘇揚州人，一級教師，從事美術教育、藝術設計方向的研究。