對(duì)扁平化簡(jiǎn)約風(fēng)格在中西方UI設(shè)計(jì)中運(yùn)用的合理性論述

莫楚盈

摘要：從網(wǎng)站到手機(jī)APP、智能穿戴設(shè)備，界面越來(lái)越頻繁地出現(xiàn)在用戶的視線中。UI（界面）設(shè)計(jì)，經(jīng)過(guò)幾十年的發(fā)展，如今扁平化簡(jiǎn)約風(fēng)占據(jù)了絕對(duì)的優(yōu)勢(shì)。國(guó)內(nèi)設(shè)計(jì)師學(xué)習(xí)、效仿國(guó)外的設(shè)計(jì)，緊跟潮流，進(jìn)行扁平化簡(jiǎn)約設(shè)計(jì)。從根源說(shuō)起，囿于中西方文化、行為習(xí)慣的不同，中西方設(shè)計(jì)本來(lái)就呈現(xiàn)出各自的特點(diǎn)。在扁平化簡(jiǎn)約風(fēng)格的包裹下，呈現(xiàn)出來(lái)的風(fēng)格特點(diǎn)也不盡相同。

關(guān)鍵詞：UI（界面）設(shè)計(jì);扁平化簡(jiǎn)約風(fēng)格

1引言

用戶接觸多種多樣的UI（界面）產(chǎn)品，現(xiàn)如今，無(wú)論中西，市面上的產(chǎn)品多為扁平化簡(jiǎn)約風(fēng)格。從業(yè)人員在選擇一種設(shè)計(jì)風(fēng)格的時(shí)候，存在一定的合理性，通過(guò)對(duì)比，論述其中的合理性。

2什么是Ui設(shè)計(jì)

UI設(shè)計(jì)（或稱界面設(shè)計(jì)），是人和機(jī)器交互并不可少的中介，機(jī)器把信息顯示在界面上，用戶通過(guò)操作界面，告訴機(jī)器它應(yīng)該做什么，并且一直這樣一來(lái)一去的互動(dòng)。UI設(shè)計(jì)多用于手機(jī)APP界面和網(wǎng)站界面。好的UI設(shè)計(jì)，能在信息充分展示、用戶毫無(wú)解讀負(fù)擔(dān)、利于用戶操作順暢的同時(shí)，展現(xiàn)出產(chǎn)品的獨(dú)特定位和審美品味。

3ui的發(fā)展歷史

雖然現(xiàn)在的人們更多地從界面中體驗(yàn)UI，但是UI的初衷是方便人與機(jī)器進(jìn)行互動(dòng)交流。

人類歷史上第一臺(tái)成功的商業(yè)微型電腦，就是由物理按鈕和燈泡組成。所有人機(jī)交互的設(shè)備，操作界面都是由這樣物理物件組成的。直到電子行業(yè)和光成像的發(fā)展，帶來(lái)了平面屏幕。計(jì)算機(jī)從業(yè)人員用計(jì)算機(jī)可以識(shí)別的字符，發(fā)明了計(jì)算機(jī)語(yǔ)言。計(jì)算機(jī)從業(yè)人員通過(guò)計(jì)算機(jī)語(yǔ)言和計(jì)算機(jī)進(jìn)行交流，如何和一個(gè)外國(guó)人交流一般，但是這樣并不利于計(jì)算機(jī)推廣被更多人使用。直到后來(lái)，圖像代替了冗雜的文字，成為用戶和計(jì)算機(jī)交流的最好的語(yǔ)言。UI就是指圖形化界面GUI。

后來(lái)隨著鍵盤和鼠標(biāo)的出現(xiàn)，給用戶與計(jì)算機(jī)的交互帶來(lái)更多便利性，結(jié)合GUI圖形，也出現(xiàn)了更多創(chuàng)新的交互方式。

2007年，蘋果帶著iphone產(chǎn)品砸向智能用戶群體，觸摸屏的交互界面第一次問(wèn)題，這一創(chuàng)造性的發(fā)明，讓交互界面越來(lái)越遠(yuǎn)離物理的立體和復(fù)雜性，讓人機(jī)交互越來(lái)越自然、簡(jiǎn)單，玻璃屏下的icon仿佛觸手可及。GUI的創(chuàng)新也順勢(shì)而生。

為人機(jī)交互而生的界面，隨著一輪輪智能終端的發(fā)展，從無(wú)屏到有屏，再到面臨“去屏”的危機(jī)。因?yàn)楹髞?lái)，語(yǔ)音交互方式也迎頭趕上。顯然，這一交互方式甚至比界面更為智能和自然簡(jiǎn)單。

更多的交互媒介將會(huì)逐漸出現(xiàn)在用戶面前，但現(xiàn)如今，界面仍然是最主要的并且必不可少的媒介。

如此同時(shí)，國(guó)內(nèi)的UI行業(yè)，也隨著移動(dòng)智能手機(jī)和互聯(lián)網(wǎng)的發(fā)展，蓬勃發(fā)展。

4中西方UI風(fēng)格現(xiàn)狀和合理性論述

國(guó)外的UI主流是扁平簡(jiǎn)約風(fēng)格，我們打開(kāi)國(guó)外的UI設(shè)計(jì)作品網(wǎng)站也多為這種風(fēng)格。而國(guó)內(nèi)不乏很多更為“接地氣”的產(chǎn)品落地，例如淘寶，褒貶不一，也會(huì)有用戶認(rèn)為這是“土氣”。同時(shí)小眾的產(chǎn)品更愿意采用極簡(jiǎn)、小資的風(fēng)格，設(shè)計(jì)作品網(wǎng)站中很多愛(ài)好者也會(huì)采用這種風(fēng)格，甚至?xí)氐靥砑佑⑽脑谄渲小２稍L發(fā)現(xiàn)，究其原因是他們認(rèn)為這樣更具美感、更有“高級(jí)感”，甚至有些老師教學(xué)也是套用國(guó)外的優(yōu)秀例子來(lái)進(jìn)行教學(xué)。

4.1扁平化的原因

一是因?yàn)檫\(yùn)用扁平化的設(shè)計(jì)，設(shè)計(jì)元素隨意增大縮小，所占用的系統(tǒng)資源都是一定的。相比擬物占用更少的系統(tǒng)資源、系統(tǒng)空間，調(diào)用資源占用更少的內(nèi)存，產(chǎn)品在運(yùn)行效率上能給用戶帶來(lái)良好的體驗(yàn)。二是在同一設(shè)備中的延展性更好。擬物化的元素在伸縮太過(guò)，則會(huì)出現(xiàn)漸變色帶問(wèn)題，而扁平化設(shè)計(jì)元素則是穩(wěn)定不變的，可以復(fù)用的。三是在不同設(shè)備中的延展性更好。隨著穿戴設(shè)備的發(fā)展和使用，更小的界面對(duì)GUI的精細(xì)度提出了更高的要求。如何讓更小的屏幕承載更多的更穩(wěn)定的信息，扁平化設(shè)計(jì)更為符合要求。何況還出現(xiàn)了曾經(jīng)走進(jìn)大眾視野，一時(shí)無(wú)兩的曲面屏。設(shè)備和屏幕都在追求極致用戶體驗(yàn)的道路上迅速發(fā)展，扁平化的GUI設(shè)計(jì)無(wú)疑還是保持絕對(duì)優(yōu)勢(shì)。而未來(lái)，它時(shí)被驗(yàn)證為最佳還是遭受挑戰(zhàn)，值得用戶拭目以待。

所以扁平化是隨著對(duì)智能機(jī)的操作需要而產(chǎn)生的，是對(duì)信息承載更為友好的，是兩者都可以共同使用的。

4.2西文和方塊漢字的排版差異

界面中最基本的元素文字，包括字體設(shè)計(jì)、版式布局、圖文編排，是美感的重要元素。很多人認(rèn)為，西文在線性排版中比起方塊漢字蘊(yùn)含的更多的錯(cuò)落節(jié)奏感。這是因?yàn)閺臍W洲工藝美術(shù)設(shè)計(jì)的現(xiàn)代化發(fā)端至今，西文文字設(shè)計(jì)積淀了深厚的文化理念和優(yōu)良的方法理論。無(wú)論是技術(shù)技藝的知識(shí)儲(chǔ)備、還是素材資源的可選范圍，都比中文文字設(shè)計(jì)有更多決定性的優(yōu)勢(shì)。

4.3界面中的空間感：

平面的和交互的設(shè)計(jì)很多時(shí)候是我們生活中空間的體現(xiàn)。國(guó)內(nèi)乃至周圍亞洲國(guó)家，因?yàn)槿丝谕恋氐脑?，更多地呈現(xiàn)出擁擠、熱鬧喧嘩的環(huán)境，而大眾也習(xí)慣了從信息量巨大的環(huán)境中獲取信息。而西方國(guó)家則更多地呈現(xiàn)出空曠、有序的環(huán)境。遷移到各自的信息環(huán)境中，也更符合當(dāng)?shù)赜脩舻男睦碓V求和行為習(xí)慣。

4.4信息天然在傳遞風(fēng)格

當(dāng)我們?cè)谡務(wù)撘恍┰O(shè)計(jì)技巧的時(shí)候，很容易忽略的是天然在傳遞風(fēng)格的信息本身。一張圖片里面的人、物、景，一段我們能夠讀懂的中文，這些本身就營(yíng)造了一種語(yǔ)境、氛圍。乍一看西文，傳遞給我們的更多是一種字符。

國(guó)外的UI 比起國(guó)內(nèi)起步要早，跟隨潮流學(xué)習(xí)本沒(méi)有錯(cuò)，但由于中西方有如此多差異的原因，如果不加消化地套用國(guó)外的流行模式，把不同風(fēng)格美感的東西組合在一起只會(huì)顯得違和。

原因不止一個(gè)，而產(chǎn)品的開(kāi)發(fā)中，設(shè)計(jì)所占有的話語(yǔ)權(quán)又相對(duì)較低，不但服務(wù)于需求、技術(shù)、公司利益，甚至還要更多地聽(tīng)從上級(jí)和甲方的意見(jiàn)。

最為嚴(yán)重的是，我們的審美教育體系、UI 設(shè)計(jì)人員的產(chǎn)出體系并不完善。低門檻、大需求，讓很多從業(yè)人員毫無(wú)儲(chǔ)備地進(jìn)入到這個(gè)行業(yè)。

5總結(jié)：

扁平化簡(jiǎn)約的風(fēng)格無(wú)疑對(duì)功能和信息承載都是友好的，但是運(yùn)用到不同的語(yǔ)境更應(yīng)該有不同的展現(xiàn)方式。不理解這個(gè)初衷，就是沒(méi)有理解UI設(shè)計(jì)中的“交互”屬性，它不是信息的展示而應(yīng)該服務(wù)于用戶。但是不加消化地套用，則不能很好地達(dá)到用戶的審美和心理預(yù)期。究其根本，設(shè)計(jì)師還是應(yīng)該從UI設(shè)計(jì)中的基本元素--點(diǎn)、線、面、文字、圖像、排版、布局，和設(shè)計(jì)的基本準(zhǔn)則--一致性、可用性等出發(fā)，延展出更為適合的當(dāng)?shù)卣Z(yǔ)境的扁平化簡(jiǎn)約風(fēng)格。

參考文獻(xiàn)

[1]王蓉芳.淺談UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺(jué)思維[J].今古文創(chuàng)，2021（05）：82-83.

[2]劉申.新擬態(tài)風(fēng)格的手機(jī)UI界面設(shè)計(jì)[J].百科知識(shí)，2020（36）：25-26.