論“互聯(lián)網(wǎng)+”時(shí)代下的UI設(shè)計(jì)發(fā)展趨勢(shì)

王田

摘 要：“互聯(lián)網(wǎng)+”時(shí)代，各行業(yè)紛紛搭建網(wǎng)絡(luò)渠道，互聯(lián)網(wǎng)形象設(shè)計(jì)成為行業(yè)上網(wǎng)的關(guān)鍵。因此，社會(huì)需求與實(shí)踐機(jī)會(huì)使得UI設(shè)計(jì)內(nèi)涵得到充分拓展。以下總結(jié)近年該時(shí)代下UI設(shè)計(jì)的變化與發(fā)展趨勢(shì)，望對(duì)UI行業(yè)發(fā)展及從業(yè)者設(shè)計(jì)工作提供一定的借鑒思路。

關(guān)鍵詞：互聯(lián)網(wǎng);UI設(shè)計(jì);分析

引言

UI設(shè)計(jì)是一個(gè)整體性概念，主要表現(xiàn)為交互操作和界面觀感。在互聯(lián)網(wǎng)誕生之初，界面設(shè)計(jì)就相伴產(chǎn)生。隨著各行業(yè)鋪設(shè)“互聯(lián)網(wǎng)+”，界面設(shè)計(jì)逐漸從主要的軟件、游戲開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)制作等領(lǐng)域擴(kuò)展到各個(gè)領(lǐng)域。因此，UI設(shè)計(jì)應(yīng)用領(lǐng)域擴(kuò)大，市場(chǎng)發(fā)展前景良好。對(duì)于從業(yè)者及整個(gè)UI設(shè)計(jì)行業(yè)而言，需總結(jié)回顧近年來(lái)UI設(shè)計(jì)的發(fā)展變化，作出恰當(dāng)?shù)内厔?shì)預(yù)設(shè)，為行業(yè)發(fā)展提供可行方向。

一、“互聯(lián)網(wǎng)+”時(shí)代UI設(shè)計(jì)變化

近年來(lái)，隨著技術(shù)的迭代更新，UI設(shè)計(jì)有了更多可能。如支付寶集五福中可以看到UI設(shè)計(jì)添加運(yùn)用了交互，雙十一的疊貓貓等新玩法運(yùn)用了大量的插畫(huà)。各類(lèi)技術(shù)助推界面設(shè)計(jì)從靜態(tài)、平面轉(zhuǎn)向動(dòng)態(tài)、多維。從色彩上看，UI設(shè)計(jì)顏色逐漸大膽，較多產(chǎn)品使用了各種漸變?cè)亍Ｈ鐐涫苜澴u(yù)的蘋(píng)果系列產(chǎn)品，近年發(fā)布的手機(jī)在外形上就采用了彩虹漸變的形式，引領(lǐng)了手機(jī)行業(yè)外形設(shè)計(jì)的創(chuàng)新，漸變色彩凸顯了產(chǎn)品活力，符合品牌年輕化定位。從界面設(shè)計(jì)指導(dǎo)原則上看，以往UI設(shè)計(jì)雖考慮用戶(hù)需求與觀感，但仍較多聽(tīng)命于甲方喜好，用戶(hù)地位不高。現(xiàn)如今，以用戶(hù)為中心的UI設(shè)計(jì)理念已深入人心。在手機(jī)智能終端成為人們主要的互聯(lián)網(wǎng)接入口，不少企業(yè)察覺(jué)到用戶(hù)面對(duì)手機(jī)易產(chǎn)生的疲憊感，因而主動(dòng)上線黑暗模式，保障用戶(hù)用眼健康。回顧近年UI設(shè)計(jì)的變化，可以說(shuō)，UI設(shè)計(jì)繞不開(kāi)技術(shù)與用戶(hù)兩大核心因素。

二、互聯(lián)網(wǎng)+”時(shí)代UI設(shè)計(jì)發(fā)展趨勢(shì)

1.持續(xù)把握移動(dòng)互聯(lián)趨勢(shì)

摩根斯坦利認(rèn)為，技術(shù)發(fā)展周期一般有十年的時(shí)間，當(dāng)前技術(shù)發(fā)展周期已經(jīng)進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代。互聯(lián)網(wǎng)從最初的門(mén)戶(hù)時(shí)代到移動(dòng)互聯(lián)時(shí)代以及現(xiàn)在朝著第web3.0過(guò)渡。未來(lái)移動(dòng)互聯(lián)、萬(wàn)物互聯(lián)將成為媒介交互新趨勢(shì)。當(dāng)下，UI設(shè)計(jì)主要應(yīng)用于電腦、手機(jī)及平板等智能終端，相信隨著科技的進(jìn)步，家具、車(chē)載等物件也將成為UI設(shè)計(jì)呈現(xiàn)平臺(tái)。這對(duì)UI設(shè)計(jì)中的人機(jī)交互設(shè)計(jì)以及用戶(hù)需求窺探提出了更高的要求。如何把握移動(dòng)互聯(lián)及場(chǎng)景化呈現(xiàn)，是UI設(shè)計(jì)者們應(yīng)思考與解決的問(wèn)題。

2.用戶(hù)需求指導(dǎo)設(shè)計(jì)創(chuàng)新

隨著大數(shù)據(jù)時(shí)代來(lái)臨，移動(dòng)互聯(lián)網(wǎng)信息浩瀚繁雜，爭(zhēng)奪用戶(hù)注意力成為UI設(shè)計(jì)的首要指標(biāo)。在當(dāng)下，UI設(shè)計(jì)行業(yè)已基本實(shí)現(xiàn)以用戶(hù)為中心的設(shè)計(jì)理念。未來(lái)，UI設(shè)計(jì)也將持續(xù)沿用該理念，并以此指導(dǎo)自身設(shè)計(jì)創(chuàng)新。正如前文所提及的“黑暗模式”，自谷歌等知名應(yīng)用開(kāi)始提供黑暗模式后，微信、淘寶等軟件也相繼推出黑暗模式。此舉不僅提高了內(nèi)容可讀性，還能減少用戶(hù)疲勞，節(jié)約電量，即滿足用戶(hù)需求也降低了產(chǎn)品運(yùn)行成本。用戶(hù)需求、用戶(hù)體驗(yàn)是UI設(shè)計(jì)的靈感源泉，因此，未來(lái)仍需將用戶(hù)需求與用戶(hù)觀感擺在首位，并以之指導(dǎo)UI設(shè)計(jì)創(chuàng)新。

3.重視用戶(hù)情感與動(dòng)態(tài)交互設(shè)計(jì)

美國(guó)著名設(shè)計(jì)師普羅斯曾言，設(shè)計(jì)除具備美學(xué)、技術(shù)以及經(jīng)濟(jì)三屬性之外，還包含第四個(gè)維度——人性。實(shí)際上，在對(duì)人性的考察上，UI設(shè)計(jì)已不能停留在用戶(hù)注意力與使用觀感，應(yīng)向情感角度挖掘延伸。因此，未來(lái)UI設(shè)計(jì)要更加注重對(duì)用戶(hù)情感訴求的把握，尤其是要和用戶(hù)建立起情感連接，提高產(chǎn)品使用度與忠誠(chéng)度。此外，互聯(lián)網(wǎng)時(shí)代正呈現(xiàn)出視覺(jué)化、動(dòng)態(tài)化轉(zhuǎn)向。因此，UI設(shè)計(jì)也應(yīng)與時(shí)俱進(jìn)，增設(shè)動(dòng)態(tài)交互，增加設(shè)計(jì)的趣味性與可玩性。如網(wǎng)易云因部分留言過(guò)于傷感而被冠上網(wǎng)抑云的稱(chēng)號(hào)，而后網(wǎng)易云作出回應(yīng)，上線“抱一抱”交互功能，受到廣大用戶(hù)的好評(píng)。其成功的關(guān)鍵在于洞察了部分用戶(hù)夜間情感狀態(tài)，用戶(hù)可通過(guò)點(diǎn)擊抱一抱，以模擬身體擁抱的UI設(shè)計(jì)來(lái)填補(bǔ)使用者的孤獨(dú)的情感缺口。

4.插畫(huà)元素助力品牌故事化表達(dá)

以往UI設(shè)計(jì)主要是點(diǎn)、線以及各類(lèi)圖形的變換組合，如今在技術(shù)與屏幕分辨迭代升級(jí)的當(dāng)下，出現(xiàn)了更多可使用元素。插畫(huà)是近期較為流行的一種表達(dá)方式，內(nèi)涵豐富，故事性強(qiáng)。早前，Uber就采用了插畫(huà)的形式來(lái)描述用車(chē)安全特性，頁(yè)面主要運(yùn)用安全藍(lán)，通過(guò)簡(jiǎn)潔畫(huà)面突出打車(chē)服務(wù)中的安全要素。實(shí)際上，插畫(huà)并非僅為靜態(tài)式的表達(dá)，在技術(shù)的支撐下也可以實(shí)現(xiàn)動(dòng)態(tài)化呈現(xiàn)，如等距插畫(huà)以及粘土插畫(huà)等。天貓雙十一電商活動(dòng)中交互城就是典型的等距插畫(huà)，具有較強(qiáng)的故事性和畫(huà)面感，用戶(hù)使用感良好。未來(lái)，也許插畫(huà)元素會(huì)被替代，但故事性、畫(huà)面感將成為UI設(shè)計(jì)新元素挑選與使用的關(guān)鍵。

5.扁平化、極簡(jiǎn)風(fēng)永不過(guò)時(shí)

當(dāng)下是一個(gè)注意力爭(zhēng)奪和品牌形象塑造的時(shí)代。在經(jīng)歷色彩大膽、動(dòng)態(tài)特效繁多等界面現(xiàn)狀，扁平化、極簡(jiǎn)風(fēng)的UI設(shè)計(jì)尤顯難能可貴。因此，這將成為UI設(shè)計(jì)發(fā)展的另一趨勢(shì)。扁平化設(shè)計(jì)即無(wú)過(guò)多的裝飾效果和無(wú)用元素，邊界自然干凈利落，極簡(jiǎn)風(fēng)也是如此。扁平化與極簡(jiǎn)風(fēng)在情感和內(nèi)容表達(dá)上不占優(yōu)勢(shì)，但這種提供想象空間的表達(dá)正式扁平化、極簡(jiǎn)風(fēng)的內(nèi)涵。此外，除了界面呈現(xiàn)上的美觀之外，扁平、極簡(jiǎn)的設(shè)計(jì)還可實(shí)現(xiàn)降低功效、提高軟件運(yùn)轉(zhuǎn)效率等實(shí)際功能，即以元素的簡(jiǎn)練創(chuàng)造功能的最大化，效率的最大化。蘋(píng)果公司是典型的極簡(jiǎn)主義踐行者，自創(chuàng)立初期，便一直延續(xù)此類(lèi)風(fēng)格，吸引了一批忠實(shí)“果粉”。大道至簡(jiǎn)，相信無(wú)論在何時(shí)，扁平化和極簡(jiǎn)風(fēng)在仍UI設(shè)計(jì)市場(chǎng)仍具有一席之地。

三、總結(jié)

喬布斯曾說(shuō)過(guò)，創(chuàng)新就是把各種事物整合在一起，有的人只是看到了一些聯(lián)系，然后總能看出各種事物之間的聯(lián)系，再整合成新的東西，這就是創(chuàng)新。“互聯(lián)網(wǎng)+”時(shí)代，UI設(shè)計(jì)看似得到了較大的變化與發(fā)展，但是實(shí)際上仍繞不開(kāi)用戶(hù)、技術(shù)以及創(chuàng)意等設(shè)計(jì)核心理念。因此，可以說(shuō)，這些因素也預(yù)示著未來(lái)UI設(shè)計(jì)的發(fā)展趨勢(shì)。

參考文獻(xiàn)：

[1]徐亞非， 王勤勤. “互聯(lián)網(wǎng)+”時(shí)代下的UI設(shè)計(jì)發(fā)展趨勢(shì)[J]. 藝術(shù)科技， 2015（9）：248.

[2]吳翊楠. “互聯(lián)網(wǎng)+”時(shí)代下的UI設(shè)計(jì)發(fā)展趨勢(shì)[J]. 散文百家， 2019，389（11）：216.

[3]張黎豪. “互聯(lián)網(wǎng)+”時(shí)代下高職院校UI界面設(shè)計(jì)課程創(chuàng)想與探究[J]. 科教導(dǎo)刊-電子版（上旬）， 2019（9）：3.