UI設(shè)計(jì)的交互性與界面視覺設(shè)計(jì)研究

吳一珉

UI設(shè)計(jì)的現(xiàn)狀

國內(nèi)對于UI設(shè)計(jì)還是一個(gè)逐漸發(fā)展和成長的過程，企業(yè)對于UI設(shè)計(jì)的認(rèn)識大都停留在界面的美工，平面設(shè)計(jì)上。我們經(jīng)常會看到有些公司的招聘廣告上面寫著：招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。國內(nèi)市場不嚴(yán)謹(jǐn)?shù)膶I設(shè)計(jì)的理解放在美術(shù)的設(shè)計(jì)方面，認(rèn)為UI設(shè)計(jì)師從事的不過是些描邊畫線的工作與網(wǎng)絡(luò)的制作設(shè)計(jì)無關(guān)，缺少網(wǎng)絡(luò)界面與用戶之間相互交流的互動性；另一方面在軟件的應(yīng)用開發(fā)過程里還嚴(yán)重存在只注重技術(shù)的開發(fā)而不注重界面設(shè)計(jì)圖形應(yīng)用的問題。

UI設(shè)計(jì)的交互功能與應(yīng)用

UI設(shè)計(jì)真正的價(jià)值又體現(xiàn)在哪里呢？對于UI設(shè)計(jì)的交互性功能，它是UI設(shè)計(jì)所要發(fā)展的一個(gè)必經(jīng)過程。我們以現(xiàn)在商業(yè)手機(jī)為例，當(dāng)手機(jī)成為信息時(shí)代不可或缺的一部分時(shí)，幾乎很多與生活息息相關(guān)的重要活動都會通過它來完成，隨著不斷的推崇出新，大家并不會為了手機(jī)的故障而舍棄現(xiàn)有手機(jī)，而是在發(fā)現(xiàn)新上市的手機(jī)所擁有的強(qiáng)大的娛樂，游戲，信息功能。這些功能從界面的設(shè)計(jì)與使用的操作上都更新穎更具有人性化，以及它卓越的外觀。而技術(shù)層面上的信號、待機(jī)時(shí)間、壽命等方面早已成為各種手機(jī)所共有的特色。商家在推出新款手機(jī)的時(shí)候往往把創(chuàng)意賣點(diǎn)以及競爭力放在推出游戲、APP、攝像頭、應(yīng)用軟件的開發(fā)上。而這些賣點(diǎn)都成為產(chǎn)品的美觀、個(gè)性、易用、易學(xué)、人性化的主體開發(fā)元素。每一種類別我們都要為它設(shè)計(jì)精美的圖標(biāo)與圖像使用界面。一種具有視覺觀賞性的圖形化界面與合理易用的交互方式給我們的商品乃至企業(yè)帶來莫大的經(jīng)濟(jì)效益，它為用戶提供了一個(gè)全新的展示及使用空間。所以在現(xiàn)在的網(wǎng)絡(luò)軟件開發(fā)的年代我們更注重的是軟件的開發(fā)和應(yīng)用，而核心技術(shù)慢慢成為基本要素，可比性不如前者。

UI設(shè)計(jì)的社會價(jià)值與發(fā)展前景

現(xiàn)階段我們不得不承認(rèn)在很多領(lǐng)域都與西方發(fā)達(dá)國家有較大的差距，軟件產(chǎn)品開發(fā)的核心問題是以人為本。提高軟件UI設(shè)計(jì)師在軟件應(yīng)用以及設(shè)計(jì)能力是我們首要解決的關(guān)鍵問題，我們不能將眼光僅僅停留在平面化的設(shè)計(jì)層面，而要注重軟件的界面風(fēng)格設(shè)計(jì)以及圖標(biāo)的創(chuàng)新設(shè)計(jì)，界面版式的編排設(shè)計(jì)等等。然而各院校還沒有為UI設(shè)計(jì)設(shè)立一個(gè)專業(yè)的學(xué)科環(huán)境，在網(wǎng)站的建設(shè)和使用當(dāng)中也沒有重視起來，而最關(guān)鍵在于沒有提供一個(gè)良好的學(xué)習(xí)與交流的環(huán)境。雖然現(xiàn)在已經(jīng)有一些專業(yè)的設(shè)計(jì)交流網(wǎng)站，分類介紹工業(yè)設(shè)計(jì)、平面設(shè)計(jì)、服裝設(shè)計(jì)、繪畫藝術(shù)、多媒體flash等，可是UI設(shè)計(jì)卻一直沒有得到人們的關(guān)注，它被歸類在數(shù)碼設(shè)計(jì)或者平面網(wǎng)頁設(shè)計(jì)的范疇中，這種極其匱乏的資源對培養(yǎng)優(yōu)秀的設(shè)計(jì)師，給他們提供一個(gè)良好的學(xué)習(xí)創(chuàng)作環(huán)境還遠(yuǎn)遠(yuǎn)不夠，我們必須為此建立一個(gè)資源豐富、信息快捷、設(shè)計(jì)水平一流、專業(yè)權(quán)威的UI設(shè)計(jì)學(xué)習(xí)與交流的空間，才能不斷地去適應(yīng)漸漸成熟的UI市場和設(shè)計(jì)師團(tuán)隊(duì)的需要。

市場經(jīng)濟(jì)的發(fā)展給我們帶來一個(gè)競爭空間，而我們?nèi)绾稳ジ偁帲@就需要不斷的開發(fā)新的技術(shù)從而來提高產(chǎn)品的競爭力度，搶占市場，開拓產(chǎn)品的市場環(huán)境。早在2000年國內(nèi)就有了UI設(shè)計(jì)，但那時(shí)的UI設(shè)計(jì)正處在萌芽階段，當(dāng)時(shí)被大多數(shù)人當(dāng)做平面設(shè)計(jì)來處理，而這種設(shè)計(jì)形式主要體現(xiàn)在靜態(tài)網(wǎng)頁頁面設(shè)計(jì)上，后來隨著軟件的不斷開發(fā)和更新，隨著flash二維動畫應(yīng)用越來越廣泛，一部分從事UI設(shè)計(jì)的設(shè)計(jì)師們開始去思考網(wǎng)絡(luò)的互動性。在進(jìn)入2002年一些企業(yè)將網(wǎng)站的開發(fā)設(shè)計(jì)的重心放在了UI設(shè)計(jì)上，這是UI部門漸漸的從軟件編碼團(tuán)隊(duì)里分離出來，逐漸成立以針對軟件產(chǎn)品的圖形設(shè)計(jì)師和交互設(shè)計(jì)師的行業(yè)。從2004年以后隨著新興電子技術(shù)的開發(fā)生產(chǎn)，智能手機(jī)及電腦附加軟件，MP3等大量產(chǎn)品上市，ID設(shè)計(jì)就和UI設(shè)計(jì)越來越緊密了，UI設(shè)計(jì)也開始被提升到一個(gè)新的高度和重視程度。2005-2015年國內(nèi)的UI設(shè)計(jì)已經(jīng)相對成熟了，有了專門的職業(yè)分工也出現(xiàn)了很多不錯(cuò)的UI一線設(shè)計(jì)師與UI設(shè)計(jì)交流組織。

視覺界面的設(shè)計(jì)

首先我們要理解什么樣的用戶界面才是出色的用戶界面，我們的設(shè)計(jì)要具備哪些品質(zhì)才能算得上出色的界面設(shè)計(jì)。

1.直觀清晰；通過使用流程圖、文字、圖標(biāo)、層級圖、等元素，避免用戶接觸模糊、無條理的信息，在使用的過程中減少無用功。

2.簡明有序；為了有好的用戶體驗(yàn)感，可以在所有的元素上添加浮動框的說明或是標(biāo)簽來實(shí)現(xiàn)，但處理不好又會導(dǎo)致界面擁擠。如果在我們的電腦屏幕上同時(shí)充斥太多的元素，視覺關(guān)系就混亂了，用戶也會覺得困難乏味。所以保持界面的簡潔和清晰成為了UI設(shè)計(jì)的挑戰(zhàn)。

3.共鳴；在用戶使用界面的過程中，總會碰到一些似曾相識的感覺，即使是第一次使用，其中的有些元素我們也會感覺很熟悉。在設(shè)計(jì)的過程中，使用一些現(xiàn)實(shí)生活中公認(rèn)的意象能夠更好地幫助用戶理解。

4.用戶體驗(yàn)感；良好的界面不應(yīng)該讓人有極好的體驗(yàn)感。應(yīng)該及時(shí)從各方面提醒用戶發(fā)生了什么變化，用戶的輸入是否成功地處理。讓用戶了解這些信息反饋，并且告知用戶您的請求已被成功受理。

5.統(tǒng)一性；在整個(gè)應(yīng)用程序中保持界面的統(tǒng)一完整非常重要，它能夠讓用戶識別出使用的模式。一旦用戶學(xué)會界面中某個(gè)部分的操作就會應(yīng)用自如。

對于一個(gè)好的界面來說，它應(yīng)該具備：非常好看的設(shè)計(jì)構(gòu)思、具有創(chuàng)新的界面、毫無挑剔的結(jié)構(gòu)、全智能化的后臺處理系統(tǒng)、以及非常優(yōu)秀的內(nèi)容以及優(yōu)良而快捷的交互性。

（作者單位：華中師范大學(xué) 武漢傳媒學(xué)院）