陸天奕

UI設(shè)計(jì)變革探析

陸天奕

一、UI設(shè)計(jì)中交互思維的涵義

UI即User Interface（用戶界面）的簡(jiǎn)稱。交互思維對(duì)UI設(shè)計(jì)起著決定性的作用。其基本內(nèi)涵可以作如下幾方面分析。

（一）人與機(jī)器交互

計(jì)算機(jī)剛發(fā)明時(shí)，由于受機(jī)器硬件的制約，人與機(jī)器的關(guān)系僅僅限于對(duì)機(jī)器“控制”。隨著科學(xué)技術(shù)的快速發(fā)展及硬件和軟件的完善，人與機(jī)器的關(guān)系變得越來越友善。如今，電腦、手機(jī)成了人們生活工作中密不可分的伙伴?；ヂ?lián)網(wǎng)時(shí)代的到來，特別是移動(dòng)互聯(lián)網(wǎng)的普及，實(shí)現(xiàn)了人與機(jī)器之間的真正交互。

（二）科學(xué)與藝術(shù)交互

UI設(shè)計(jì)是科學(xué)與藝術(shù)的學(xué)科交叉融通。現(xiàn)代UI設(shè)計(jì)師既有軟件工程師理性邏輯思維能力，也具備藝術(shù)家感性形象思維能力；他們既有嚴(yán)密的理性分析、判斷能力，又具有豐富的想象力和創(chuàng)造力，懂得形式美法則，并且能夠使兩者有機(jī)融合，互為促進(jìn)、互為轉(zhuǎn)化。

（三）傳播媒介交互

電腦、手機(jī)等互聯(lián)網(wǎng)終端設(shè)備具有多種傳播媒介，設(shè)計(jì)師可以充分發(fā)揮各種傳播媒介的交互傳播作用，利用文字、圖片、音頻、視頻等元素運(yùn)用于動(dòng)態(tài)、靜態(tài)形式，亦可充分發(fā)揮眼、耳、手等感覺器官的功能，設(shè)計(jì)出看、點(diǎn)、劃、拖、搖等感官動(dòng)作，讓使用者得到立體、交叉的感受。

（四）設(shè)計(jì)與用戶交互

判斷UI設(shè)計(jì)優(yōu)劣的主體應(yīng)該是用戶。“為了做出優(yōu)秀的設(shè)計(jì)，你必須貼近用戶，始終寸步不離，永遠(yuǎn)站在用戶的角度調(diào)整自己的構(gòu)想”[1]，因此，UI設(shè)計(jì)過程，也是設(shè)計(jì)師與用戶不斷交互、溝通的過程。其設(shè)計(jì)原創(chuàng)點(diǎn)來自用戶需求，其設(shè)計(jì)結(jié)果也必須得到用戶的認(rèn)可。小米手機(jī)新品發(fā)布前，會(huì)組織鐵 粉絲進(jìn)行小范圍的圈內(nèi)測(cè)試體驗(yàn)，聽取米粉的使用體驗(yàn)作為改進(jìn)的依據(jù)。

（五）用戶之間交互

UI設(shè)計(jì)創(chuàng)造工具，提供平臺(tái)。這種交互快捷、便利、高效，得到用戶的廣泛使用，深受用戶好評(píng)。中國(guó)自主創(chuàng)造的微信工具，因?yàn)槠浣换スδ軓?qiáng)大、自組織功能獨(dú)特，受到用戶熱捧，其成功的奧密就在于運(yùn)用交互思維，采用互動(dòng)方式，調(diào)動(dòng)了全民參與的積極性。交互思維社會(huì)基礎(chǔ)之廣博由此可見一斑。

二、交互思維影響下的UI設(shè)計(jì)趨勢(shì)

在交互思維的推進(jìn)下，UI設(shè)計(jì)正向著“扁平化設(shè)計(jì)”方向發(fā)展。扁平化設(shè)計(jì)不僅是設(shè)計(jì)形式的變革，更是設(shè)計(jì)思維的變革。其追求的目標(biāo)是：高效、醒目。其主要設(shè)計(jì)元素是版面、圖標(biāo)、文字、色彩等。

（一）簡(jiǎn)明

在信息泛濫的今天，要使自己的UI設(shè)計(jì)能夠脫穎而出，制勝的方法首先是“簡(jiǎn)明”，在寶貴的版面上留出大量空白，讓瀏覽者過量的視覺刺激在空間得到釋放，不由自主地在此多停留一刻。

圖標(biāo)設(shè)計(jì)采用平面化，明確直白地傳達(dá)信息，用戶能排除視覺干擾，很快尋找到自己需要的內(nèi)容。簡(jiǎn)明的圖標(biāo)設(shè)計(jì)同時(shí)節(jié)省了內(nèi)存容量，為機(jī)器的快速運(yùn)行提供方便。如蘋果iOS 7的UI界面設(shè)計(jì)中，英文字體選用了 Helvetica Neue Ultra Light字體,其特點(diǎn)是無襯線、筆劃間隙均衡、字重適中、字形弧度統(tǒng)一、視覺效果簡(jiǎn)明順暢。（圖例1、2）

（二）親和

界面設(shè)計(jì)不但為方便用戶使用，還要讓他喜歡你、愛你，離不開你?！皫缀跛袃?yōu)秀的系統(tǒng)設(shè)計(jì)和成功的信息產(chǎn)品都必定涉及到富含視覺美學(xué)的人機(jī)界面”[2]。優(yōu)秀的界面設(shè)計(jì)應(yīng)該根據(jù)不同的使用對(duì)象，采用不同的設(shè)計(jì)語言和設(shè)計(jì)形式。比如管理者、經(jīng)營(yíng)者、科研工作者習(xí)慣于理性思維，要求條理清晰、數(shù)據(jù)明確、真實(shí)可信?？鋸垺⒂哪?、調(diào)侃、搞笑、卡通等手法均是拉近與用戶心理距離、產(chǎn)生親和感覺的手法。

（三）美觀

“美觀的界面設(shè)計(jì)、高質(zhì)量的信息構(gòu)建和流暢的交互操作是優(yōu)質(zhì)用戶體驗(yàn)的根本”[3]。優(yōu)秀的界面設(shè)計(jì)，能夠吸引點(diǎn)擊率、保持駐留率、爭(zhēng)取回頭率。目前，對(duì)UI設(shè)計(jì)的優(yōu)劣，已經(jīng)成為消費(fèi)者選擇互聯(lián)網(wǎng)終端品牌的決定因素之一(圖例3)。

（四）流暢

優(yōu)秀的UI設(shè)計(jì)不但表現(xiàn)在界面形式上，同時(shí)也表現(xiàn)在操作的流暢度上。UI設(shè)計(jì)必須同時(shí)考慮軟件本身的交互設(shè)計(jì)與外顯操作指令的一致性，以最優(yōu)選的后臺(tái)算法，保證界面操作的快捷、順暢?？茖W(xué)的UI設(shè)計(jì)，并不一定需要最高的配置、占用大量的內(nèi)存資源，關(guān)鍵是相互之間的匹配和協(xié)調(diào)。

（五）易記

無論是網(wǎng)頁(yè)UI、APP UI，還是軟件界面UI，鮮明的個(gè)性、明顯的差異是拒絕平庸的重要方法。外化的形式特征能夠充分體現(xiàn)出軟件、網(wǎng)站等內(nèi)在意義，有助于它們的傳播和擴(kuò)散。一旦用戶記住了獨(dú)特的UI設(shè)計(jì)，印象會(huì)自然引導(dǎo)他（她）今后的上網(wǎng)路徑，最終成為它的忠實(shí)粉絲。

（六）習(xí)慣

在UI設(shè)計(jì)創(chuàng)新時(shí)，以用戶的使用習(xí)慣為起點(diǎn)做好導(dǎo)向是必要的環(huán)節(jié)，每個(gè)人都習(xí)慣于原有的操作順序和操作界面，同時(shí)對(duì)陌生的新鮮事物又不乏興趣和懼怕的雙重感覺。因勢(shì)利導(dǎo)讓原有的熟點(diǎn)作為撬動(dòng)全新領(lǐng)域的支點(diǎn)，不至于讓原來的老用戶迷失方向而灰心喪氣。他們進(jìn)入通道，新UI設(shè)計(jì)呈現(xiàn)的強(qiáng)大功能和方便快捷的操作又會(huì)形成新的習(xí)慣，成為新的起點(diǎn)。

三、結(jié) 語

面對(duì)高科技產(chǎn)品的人性化設(shè)計(jì)，現(xiàn)代UI設(shè)計(jì)繼續(xù)走高科技與高情感相結(jié)合、多樣化與個(gè)性化相結(jié)合的道路。網(wǎng)頁(yè)UI、軟件界面UI、APP UI等等領(lǐng)域的設(shè)計(jì)，有待于我們以左向推理、右向創(chuàng)意的全腦交互思維不斷開拓。

＊ 本文為江蘇省哲學(xué)社會(huì)科學(xué)界聯(lián)合會(huì)應(yīng)用研究精品工程研究項(xiàng)目《全媒體時(shí)代吳文化傳播策略研究》 編號(hào)：14SWC--151的階段成果。

注釋：

[1]［美］Paul Graham.黑客與畫家[A].阮一峰譯.北京：人民郵電出版社.2011:216.

[2]江平.“給空間留白”[J].當(dāng)代藝術(shù).2012:62--64.

[3]辜居一.數(shù)字化藝術(shù)論壇[M].杭州：浙江人民美術(shù)出版社.2002.

陸天奕：常州信息職業(yè)技術(shù)學(xué)院副教授