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

楊帆

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

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

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

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

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

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

3結(jié)論

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

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

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

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

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

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

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