王田

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

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

引言

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

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

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

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

1.持續(xù)把握移動互聯(lián)趨勢

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

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

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

3.重視用戶情感與動態(tài)交互設(shè)計

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

4.插畫元素助力品牌故事化表達

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

5.扁平化、極簡風(fēng)永不過時

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

三、總結(jié)

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

參考文獻：

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

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

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