基于扁平化的界面設(shè)計美學(xué)思想的探討

楊帆

摘要：界面的美充分體現(xiàn)了人機(jī)交互作用中人的特性與意圖，越來越多的用戶將通過具有吸引力而令人愉快的人機(jī)界面與計算機(jī)打交道。而作為界面上的各種主題的符號有不同的表現(xiàn)形式，比如扁平化和擬物化等，兩種所表現(xiàn)出來的效果和美學(xué)也不相同，本文將針對基于扁平化的界面設(shè)計美學(xué)思想進(jìn)行探討。

關(guān)鍵詞：扁平化；界面設(shè)計；美學(xué)思想界面設(shè)計的形式可以根據(jù)學(xué)習(xí)對象的年齡、專業(yè)等不同的特點(diǎn)而有所不同。但是不論界面的設(shè)計形式如何變化，界面設(shè)計標(biāo)準(zhǔn)和界面中的對話設(shè)計形式應(yīng)該有一個基本的統(tǒng)一。[1]什么是扁平化的界面設(shè)計？在實(shí)際當(dāng)中，“扁平化設(shè)計”一詞所指的是拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果，從而打造出一種看上去更“平”的界面。

1界面設(shè)計美學(xué)思想的標(biāo)準(zhǔn)

在任務(wù)實(shí)際完成后，就需要選擇界面設(shè)計的形式。這是一個需要認(rèn)真決策的過程，必須在系統(tǒng)任務(wù)和軟硬件的約束之下，使界面設(shè)計形式符合學(xué)習(xí)者的特點(diǎn)。許多不同類型的界面設(shè)計形式已在人機(jī)界面中得到應(yīng)用，它們的質(zhì)量與功用也各不相同。界面設(shè)計人員必須熟悉各種界面形式的特點(diǎn)。大多數(shù)界面使用一種以上的設(shè)計形式，每一種形式滿足一組任務(wù)的要求。設(shè)計的復(fù)雜程度要合適，以便支持所有的學(xué)習(xí)者。人們對美的向往和追求是與生俱有的。顯然沒有人愿意丑化自己的程序，也沒有用戶嗜好丑陋的界面。軟件開發(fā)者要設(shè)計美，用戶要享受美，所以界面的美是開發(fā)者與用戶的共同需求。界面美的概念很抽象，以致讓人無法說清楚什么是界面的美。但它同時又很現(xiàn)實(shí)，以致人人都可以去欣賞和感受界面美，并且挑剔美中之不足。美學(xué)不是一種量化的學(xué)問，如果因此而輕視美學(xué)指導(dǎo)，必將導(dǎo)致在設(shè)計過程中光依賴程序員個人的經(jīng)驗(yàn)與感覺。由于程序員接受的教育主要是如何使計算機(jī)完成工作，而不是人如何工作，因此僅靠程序員主觀想象設(shè)計而成的界面往往得不到大眾用戶的認(rèn)可。美的界面能消除用戶由感覺引起的乏味、緊張和疲勞（情緒低落），大大提高用戶的工作效率，從而進(jìn)一步為發(fā)揮用戶技能和為用戶完成任務(wù)做出貢獻(xiàn)。從人機(jī)界面發(fā)展歷史與趨勢上可以看出人們對界面美的需求，以及美在界面設(shè)計中的導(dǎo)向作用。界面設(shè)計已經(jīng)經(jīng)歷了兩個界限分明的時代。第一代是以文本為基礎(chǔ)的簡單交互，如常見的命令行，字符菜單等。由于第一代界面考慮人的因素太少，用戶興趣不高。隨著技術(shù)的發(fā)展，出現(xiàn)了第二代直接操縱的界面。[2]它大量使用圖形、語音和其他交互媒介，充分地考慮了人對美的需求。直接操縱的界面使用視聽、觸摸等技術(shù)，讓人可以憑借生活常識、經(jīng)歷和推理來操縱軟件，愉快地完成任務(wù)。更高層次的界面甚至模擬了人的生活空間，如虛擬現(xiàn)實(shí)環(huán)境。

2扁平化界面設(shè)計的美學(xué)思想

最近流行的扁平化設(shè)計也是利用條件反射的原則，營造出顯示中的“平”場景，拉開了用戶和應(yīng)用程序的距離，讓用戶在拋棄現(xiàn)實(shí)中的感受。圖符是一種類似顯示菜單那樣在顯示器上表示不同功能的圖像，如Windows視窗界面上的圖符。學(xué)習(xí)者若要選擇某一功能，只要用鼠標(biāo)等指示裝置把光標(biāo)指向圖符即可。如果圖符設(shè)計得非常逼真，它將是一種非常有效的技術(shù)。對有經(jīng)驗(yàn)和無經(jīng)驗(yàn)的學(xué)習(xí)者，其學(xué)習(xí)和操作時間都會大大減少。圖符也可說是一種超越語言障礙的國際對話語言。由于對圖符的解釋存在著很大的個體差異，因此，圖符必須配有一定的文字說明。圖符通過擬物化來產(chǎn)生意義，這對某些對象很容易實(shí)現(xiàn)，但對一些抽象的概念卻很難表達(dá)。若圖符所表示的對象是惟一的或無異義的，它的作用就很大。但是當(dāng)用圖符表示幾個類似的項(xiàng)目時，界面設(shè)計者要設(shè)計可區(qū)別且有意義的圖形就不太容易。iOS設(shè)備例如iPhone的首屏的UI設(shè)計很好地處理了應(yīng)用程序和背景的關(guān)系。突出了應(yīng)用程序，而且滿足了用戶的個性化。在UI界面設(shè)計中，圖形背景的關(guān)系非常重要，避免UI界面沒有主次。[3]盡管界面的美并沒有增加軟件的功能與性能，卻又是必不可少的。用戶使用界面時，除了直接的感官美感外，還有很大一部分美感是間接的，它們存在于人們的使用體驗(yàn)中，例如方便、實(shí)用等。與圖形用戶界面相比，命令行是最原始的界面，它難記又難看。但對于熟練的用戶而言，他們樂于使用命令行以獲得高效率。命令行因具有高效率而贏得了專業(yè)人士的喜愛，早期的UNIX系統(tǒng)就是徹頭徹尾的命令系統(tǒng)。可以說，一切有利于人機(jī)交互的界面設(shè)計因素都具有廣義美。從實(shí)質(zhì)上講，眾多才藝、技能和感覺聯(lián)合構(gòu)成用戶看到的實(shí)際內(nèi)容；在觀念上，用戶界面反映了這些部分的總和而非這些部分本身。若多媒體產(chǎn)品意味著展示或傳達(dá)許多不同的思想，那么用戶界面就是使用所有這些思想的中心點(diǎn)。若多媒體產(chǎn)品傳達(dá)或展示僅僅一種思想，界面須使開發(fā)中的所有元素為這一個目標(biāo)服務(wù)。按照Minsky的全方位觀點(diǎn)，成功的界面設(shè)計不僅僅依賴于圖片或聲音，還依賴于比圖片和聲音更精細(xì)的元素。對于不同的開發(fā)商和產(chǎn)品來說理想的界面有著多種不同的意義，換言之，惟一的理想界面并不存在。可是為了最終用戶，你必須做出最佳選擇，因?yàn)檫@種選擇在用戶從視覺和感知方面接觸多媒體時起著重要作用。[4]用戶界面是內(nèi)容對與其交互者產(chǎn)生最初和持續(xù)印象的地方，它包括整個產(chǎn)品的視覺和感覺效果，更進(jìn)一步，包括對開發(fā)設(shè)計者的視覺和感覺。用戶界面是如此重要，它能決定一個游戲是有趣還是乏味，也可以決定一個參考資料性多媒體產(chǎn)品是有用還是無用。產(chǎn)品內(nèi)容充實(shí)但界面無吸引力或笨拙仍是一種失敗：反之，一個令人注目的界面能使很普通的內(nèi)容看起來比它實(shí)際上更有吸引力。[5]從扁平化的視覺效果上看，扁平化正是與擬物化的形式是相反的一種風(fēng)格，平面和立體的功能是兩種不同的美學(xué)思想，不同的用戶根據(jù)自己的要求有不同的理念和思想，通過交互操作和體驗(yàn)，可以讓用戶真正實(shí)現(xiàn)界面的美學(xué)，并達(dá)到一種非常有效的設(shè)計思想，通過扁平化的設(shè)計思想能夠讓用戶所運(yùn)用的界面實(shí)行簡潔化，但也存在一定的風(fēng)險性，因?yàn)樵诂F(xiàn)代仿真技術(shù)的發(fā)展，3D界面的開發(fā)與利用對扁平化設(shè)計也是一種沖擊，這種界面設(shè)計是否會迎合一些用戶的需求，還需要市場的檢驗(yàn)，但這種設(shè)計思想有一定的理念。[6]

3結(jié)論

真正豐富多彩的是用戶和多媒體本身（即計算機(jī)）帶到工作臺來的期望度。這些期望構(gòu)成了用戶和機(jī)器會話的每一個方面，可以將機(jī)器稱作硬件和軟件的統(tǒng)一體。當(dāng)然，機(jī)器，如個人計算機(jī)，其內(nèi)存有限，只能有這么多的預(yù)置程序。這些預(yù)置程序可能非常簡單而且毫不寬容；每一個多媒體產(chǎn)品都有最低的硬件要求，這可以很好地說明人的期望是受限制的并且要視機(jī)器而定。參考文獻(xiàn)：

[1] 馬娜娜.簡潔而不乏味——淺談扁平化界面設(shè)計[J].大眾文藝，2013（16）：137138.

[2] 韓曉墨.繼承與發(fā)展并重——論扁平化設(shè)計的席卷[J].現(xiàn)代裝飾（理論），2013（07）：90.

[3] 張蕓.扁平化設(shè)計在網(wǎng)頁上應(yīng)用的優(yōu)勢[J].藝術(shù)科技，2013（06）：229.

[4] 宋方，金錦虹，逯新輝.析“扁平化”手機(jī)界面設(shè)計[J].包裝工程，2012（14）：6063.

[5] 李為強(qiáng).扁平化管理：方案設(shè)計與認(rèn)識誤區(qū)[J].農(nóng)村金融研究，2003（10）：323324.

[6] 張遠(yuǎn).基于可視化的扁平化組織結(jié)構(gòu)設(shè)計[J].科技資訊，2013（12）：169170.