范敬超

摘 要：文章介紹了互聯(lián)網(wǎng)移動(dòng)終端UI扁平化設(shè)計(jì)的形式特點(diǎn)，通過(guò)與之前主流的擬物化設(shè)計(jì)進(jìn)行比較，論述了兩種界面風(fēng)格在信息傳達(dá)及情感層面對(duì)交互的影響和意義；在對(duì)扁平化設(shè)計(jì)思想追本溯源的同時(shí)分析了它在移動(dòng)終端流行的驅(qū)動(dòng)因素；以此為基礎(chǔ)，從用戶體驗(yàn)角度和移動(dòng)界面未來(lái)的發(fā)展趨勢(shì)來(lái)探討扁平化設(shè)計(jì)理念在移動(dòng)終端UI設(shè)計(jì)中的應(yīng)用與價(jià)值。

關(guān)鍵詞：界面；交互；扁平化設(shè)計(jì)；擬物化設(shè)計(jì)；用戶體驗(yàn)

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2016）24-0160-01

隨著2014年6月蘋果最新一代的移動(dòng)操作系統(tǒng)iOS8的發(fā)布，“扁平化”設(shè)計(jì)風(fēng)格又一次成為焦點(diǎn)。這種設(shè)計(jì)理念使整個(gè)系統(tǒng)看上去更加簡(jiǎn)潔，卻不再華麗，它正好是蘋果一度推崇的擬物化設(shè)計(jì)的反面極致。此前，微軟以Windows UI最大化地呈現(xiàn)了“扁平化”設(shè)計(jì)理念，它源自國(guó)際主義平面設(shè)計(jì)風(fēng)格，具有整潔、嚴(yán)謹(jǐn)、理性化的特征，一絲不茍，傳達(dá)準(zhǔn)確。隨著移動(dòng)互聯(lián)網(wǎng)的崛起，扁平化的設(shè)計(jì)界面風(fēng)格，無(wú)論系統(tǒng)、網(wǎng)站還是軟件的設(shè)計(jì)者，似乎都急于拋棄擬物化，迎接扁平化時(shí)代的到來(lái)。從本質(zhì)上看，這不僅僅是一種視覺風(fēng)格的改變，更是一種設(shè)計(jì)語(yǔ)言和思維方式的轉(zhuǎn)變。

一、 UI的擬物化研究

擬物既是在界面設(shè)計(jì)中對(duì)實(shí)物的模仿，它使數(shù)字對(duì)象看起來(lái)更接近真實(shí)，蘋果官方的人機(jī)界面指南中認(rèn)為界面的擬物設(shè)計(jì)有利于改善應(yīng)用程序的用戶體驗(yàn)：“界面和行為看起來(lái)越接近現(xiàn)實(shí)生活中的事物，用戶就越容易理解他們的運(yùn)行方式，使用起來(lái)也就越簡(jiǎn)單。”界面中的擬物化設(shè)計(jì)包括模擬現(xiàn)實(shí)世界物體的形態(tài)（如質(zhì)感、紋理、聲音等），以及它和人之間的交互方式。擬物在模擬形態(tài)時(shí)，表現(xiàn)的直觀高效，并可以增加界面的美感，善于營(yíng)造“華麗的視覺效果”，它更多的滿足了用戶的娛樂(lè)需求和情感需求。iOS 之前，用戶界面上形態(tài)的擬物寫實(shí)設(shè)計(jì)多出現(xiàn)在游戲界面，為了營(yíng)造玩家在游戲中的沉浸感，設(shè)計(jì)師很早就開始精心修飾他們的用戶界面。游戲界面框體中會(huì)大量運(yùn)用與游戲場(chǎng)景中年代、風(fēng)格一致的羊皮紙、巖石、金屬的紋理及質(zhì)感，甚至以建筑，雕塑紋樣來(lái)進(jìn)行裝飾，光標(biāo)的狀態(tài)也會(huì)設(shè)計(jì)成質(zhì)感強(qiáng)烈的冰刃或者寶石，這種對(duì)真實(shí)世界感知的還原，在藝術(shù)效果上的提升，有助于沉浸感的實(shí)現(xiàn)，并使用戶感到愉悅。

二、UI的扁平化設(shè)計(jì)

在視覺及傳達(dá)層面，密斯·凡德羅的“少即是多”這句悖論式的箴言無(wú)疑是UI扁平化的最有力的的描述，他主張形式簡(jiǎn)單、高度功能化與理性化的設(shè)計(jì)，反對(duì)裝飾化的設(shè)計(jì)風(fēng)格。

放棄任何附加效果，突出重要信息，簡(jiǎn)化交互的流程。視覺層面，UI扁平化設(shè)計(jì)可以通俗地理解為：不包含三維屬性，諸如紋理、投影、斜面、羽化邊緣、浮雕等特效都不在設(shè)計(jì)中使用。從本質(zhì)上講，UI扁平化設(shè)計(jì)的核心是強(qiáng)調(diào)信息本身，而不是冗余的界面元素。比如Windows UI的設(shè)計(jì)靈感來(lái)自交通系統(tǒng)：他需要幫助人們能夠在短時(shí)間內(nèi)，快速找到自己所需的信息。扁平化界面目的不僅僅是為了創(chuàng)造視覺刺激，而是解決干擾，內(nèi)容優(yōu)于形式，在屏幕上僅留下用戶當(dāng)前最關(guān)注的信息，讓用戶沉浸在他們喜歡的內(nèi)容中，注重通過(guò)對(duì)齊來(lái)呈現(xiàn)簡(jiǎn)潔、易讀的內(nèi)容，把精力集中到最核心內(nèi)容上。減少概念與界面層級(jí)的視覺裝飾，更多地使用用戶已經(jīng)掌握的交互行為。

三、 移動(dòng)互聯(lián)網(wǎng)發(fā)展對(duì)UI設(shè)計(jì)風(fēng)格的影響

擬物風(fēng)格軟件界面中如果僅僅模仿實(shí)物的形態(tài)，而并不指向其原本的功能，就會(huì)對(duì)用戶形成誤導(dǎo)。比如日歷軟件框體邊緣模仿紙的撕邊效果或者電話薄邊緣金屬扣環(huán)就是如此，這樣設(shè)計(jì)容易使用戶對(duì)其功能誤解或受到不必要的干擾，即使同樣概念準(zhǔn)確也會(huì)有傳達(dá)效果的不同。對(duì)于界面的一致性而言，雖然iOS通過(guò)單個(gè)程序全屏運(yùn)行的方式避免了不同的視覺風(fēng)格的應(yīng)用同時(shí)在屏幕上出現(xiàn)所造成的強(qiáng)烈對(duì)比，而扁平化的設(shè)計(jì)使得功能化的界面之間更具有視覺上的一致性和連貫性，并允許它們一起在主界面顯示內(nèi)容和信息。此外，在界面設(shè)計(jì)上不僅要簡(jiǎn)潔、高效，也需要應(yīng)用國(guó)際通識(shí)的視覺語(yǔ)言，正如當(dāng)年由于國(guó)際交往、國(guó)際貿(mào)易的劇增促進(jìn)了國(guó)際主義設(shè)計(jì)風(fēng)格的形成，界面扁平化也成為時(shí)代的需要?，F(xiàn)在，移動(dòng)互聯(lián)網(wǎng)帶給我們最大的變化是把虛擬世界跟現(xiàn)實(shí)世界進(jìn)行融合。增強(qiáng)現(xiàn)實(shí)技術(shù)在移動(dòng)互聯(lián)網(wǎng)上的應(yīng)用是未來(lái)的一大趨勢(shì)，其應(yīng)用形式主要體現(xiàn)在實(shí)景上的信息增強(qiáng)，既將現(xiàn)有互聯(lián)網(wǎng)信息附加顯示在現(xiàn)實(shí)信心中。扁平化的界面風(fēng)格相對(duì)于擬物風(fēng)格更容易做到，也更能減少冗余信息的干擾，呈現(xiàn)主要的信息，同時(shí)也更需要將交互過(guò)程進(jìn)一步簡(jiǎn)化，既操作界面的扁平化。

用戶的審美、視覺經(jīng)驗(yàn)、交互經(jīng)驗(yàn)各不相同，選擇哪一種設(shè)計(jì)風(fēng)格，關(guān)鍵在能不能適應(yīng)用戶當(dāng)前的需求。這兩種設(shè)計(jì)思維在設(shè)計(jì)過(guò)程中反復(fù)交替地出現(xiàn)，需要設(shè)計(jì)師從中找到平衡點(diǎn)，也就是兩種設(shè)計(jì)風(fēng)格的交匯點(diǎn)。隨著交互技術(shù)的飛速發(fā)展，UI設(shè)計(jì)師們總在探索和挑戰(zhàn)新的設(shè)計(jì)風(fēng)格，也熱衷于看到不斷變化的趨勢(shì)和進(jìn)步。扁平與擬物的取與舍，需要以用戶為中心，目標(biāo)為導(dǎo)向，不同用戶群體、硬件類型、功能訴求和情感訴求都決定界面的結(jié)構(gòu)與形式。我們應(yīng)時(shí)刻關(guān)注用戶的需求，以用戶為出發(fā)點(diǎn)進(jìn)行設(shè)計(jì)，才能構(gòu)建一個(gè)舒適、方便、易用高效的界面。更有助于產(chǎn)品和用戶建立一個(gè)穩(wěn)定、和諧的關(guān)系，真正使科學(xué)服務(wù)于人。

指導(dǎo)老師：劉宏芹

參考文獻(xiàn)：

[1]王受之.世界現(xiàn)代設(shè)計(jì)史（第2版）[M].深圳：新世紀(jì)出版社，2001.

[2]唐納德·A諾曼（美）.付秋芳，程進(jìn)三（譯）.情感化設(shè)計(jì)（第3版）[M].北京：電子工業(yè)出版社，2006.