高劼

研析電子設(shè)備界面設(shè)計的方法及準(zhǔn)則

高劼

近年來，電子設(shè)備在大眾生活中的應(yīng)用日益廣泛，其界面設(shè)計也成為藝術(shù)設(shè)計中不可缺少的一部分，尤其是手持移動設(shè)備中的各類軟件應(yīng)用，已不是外觀的藝術(shù)性和信息的單一呈現(xiàn)，使用舒適的人機(jī)交互和良好的用戶體驗逐步變成設(shè)計師和使用者關(guān)注的焦點。為進(jìn)一步探索教學(xué)中電子設(shè)備的界面設(shè)計問題，本文通過對手持移動設(shè)備界面用戶體驗設(shè)計以及UI（英文User和interface的縮寫，本義是用戶與界面，但實際還包括用戶與界面之間的交互關(guān)系）圖標(biāo)設(shè)計進(jìn)行研究與分析，提出了面向設(shè)計者的界面設(shè)計方法與準(zhǔn)則。

界面設(shè)計用戶體驗UI設(shè)計圖標(biāo)

隨著科技的不斷更新與發(fā)展，手持移動設(shè)備基于其系統(tǒng)的應(yīng)用程序不斷創(chuàng)新，功能日趨強(qiáng)大，以用戶為中心、以人為本的設(shè)計越來越受到人們的喜愛，手持移動設(shè)備的設(shè)計已不僅僅局限于它的外觀（即尺寸、質(zhì)感、觸感、顏色等硬件方面）設(shè)計，對其軟件系統(tǒng)是否具有人性化設(shè)計的考量已成為用戶是否選擇使用的主體。而手持移動設(shè)備用戶界面又是用戶與手機(jī)系統(tǒng)、應(yīng)用交互的窗口，它的界面設(shè)計必須基于設(shè)備的物理特性和系統(tǒng)應(yīng)用的特性進(jìn)行合理的設(shè)計。這個“合理”的設(shè)計就是要從符合人類的視覺需要、人體工程學(xué)需求等多方位、多學(xué)科考量入手，進(jìn)行人性化的、注重細(xì)節(jié)的以及提供人們視覺舒適、操作簡易的界面設(shè)計，其中最需要重視的兩方面就是產(chǎn)品的用戶體驗設(shè)計和UI圖標(biāo)設(shè)計，只有將這兩者完美融合才能打造出優(yōu)秀的作品。

界面用戶體驗設(shè)計的方法及原則

1.界面是為了交流互動而存在

界面的存在是為了讓使用者和設(shè)計師、使用者和軟件應(yīng)用、使用者和其他使用者的世界產(chǎn)生互動，它既能夠把我們聚集在一起同時也可以把我們分隔開來，完成產(chǎn)品自身的價值并為公眾服務(wù)。界面設(shè)計的功用和效果是可以被預(yù)測和測量的，也就是必須通過測試方才得知使用效果，因此它們不能表現(xiàn)為功利性。優(yōu)秀的界面設(shè)計不僅能夠激發(fā)喚醒起我們與這個世界的關(guān)聯(lián)，還能夠使我們事半功倍。

有用戶選擇并使用才是界面設(shè)計的成功。就如同一雙漂亮的童鞋，雖然漂亮，但穿上不舒適，穿脫不方便，顧客就不會選擇它，注定將是一個失敗的設(shè)計。因此界面的存在就是為了盡可能多地創(chuàng)造好用的環(huán)境讓用戶使用，盡可能多地考慮到不同年齡段、不同階層、不同民族、不同文化的用戶，就像你設(shè)計了一個實用的工藝品，既有使用價值又有藝術(shù)價值。如果設(shè)計師設(shè)計出來的作品僅僅是用來滿足自己的名利心，那他就不是一個以人為本的好設(shè)計師，而“必須要被使用”才是一個界面設(shè)計存在的意義。

2.“明確”應(yīng)處于設(shè)計的首要位置

我們認(rèn)為，對任何界面來說，“明確”的設(shè)計是最重要的一點。因為只有用戶能夠在第一時間明確快速地分辨出它是什么時，使用者才能真正有效地使設(shè)計師設(shè)計出的界面作品為之所用。設(shè)計師們在進(jìn)行界面設(shè)計時，首先不僅要正向思考人們?yōu)楹螘褂眠@個應(yīng)用，也應(yīng)該反向思考假設(shè)“我”作為這個應(yīng)用的固定用戶群體中的一員，它是否會被“我”喜愛并且使用。在作出相應(yīng)的市場調(diào)研和分析后，再去思考怎樣的界面能夠幫助用戶與其互動，去揣摩用戶在使用時的日常習(xí)慣、行為反應(yīng)，并能夠成功轉(zhuǎn)化到設(shè)計師的設(shè)計中。經(jīng)過了這樣的精密思考和設(shè)計后，如果用戶還認(rèn)為界面中依然出現(xiàn)需要推理或出現(xiàn)延時反應(yīng)等現(xiàn)象，都是可以被容忍的。

3.“首次”便讓用戶掌控一切

用戶首次體驗界面的感受是非常重要的，而這卻常常被設(shè)計師忽略。為了讓用戶更快地熟悉應(yīng)用系統(tǒng)并使用它們，界面中的設(shè)計應(yīng)該要提供一個方向和指引，引導(dǎo)用戶迅速進(jìn)入狀況，起到良好的導(dǎo)視作用，就像公共場所里的導(dǎo)示牌、路標(biāo)一樣，能夠快速簡易地指引出人們想要到達(dá)的目的地的方向。人們總是習(xí)慣在自己熟悉和能掌控的環(huán)境中得到舒暢放松的享受。而草率的軟件應(yīng)用設(shè)計不僅剝奪了這種舒適感、流暢感，還會迫使用戶面對雜亂的互動、繁瑣及困惑的流程和意料之外的結(jié)局，降低做事效率，甚至使人煩躁不安，甚至也可以說這是一種對用戶的不公平不負(fù)責(zé)的設(shè)計。通過定期的系統(tǒng)梳理，描述因果關(guān)系，在每一步操作前均給予提示，以使用戶感覺之后的每一步操作都在他的掌控之中。那么這樣一個使人舒心的界面設(shè)計必然會得到初次使用者的二次使用、持續(xù)使用，并將它們口口相傳，使用戶會在使用過程中像發(fā)現(xiàn)新大陸一樣介紹給身邊的人且通過使用能為自己的生活、學(xué)習(xí)提供高質(zhì)量的服務(wù)，因此這就是用戶首次體驗的重要性，它直接影響了后期的傳播作用與效果。

4.強(qiáng)烈的視覺層次感使操作變得更便捷

為使畫面有清晰明了的視覺瀏覽次序，強(qiáng)烈的視覺層次便成為首當(dāng)其沖的要素。也就是說，當(dāng)使用者每次都用相同的順序瀏覽同樣的內(nèi)容時，微弱的、易使人忽略的視覺層次感往往會令用戶不明確需要瀏覽的關(guān)鍵點，終將給用戶造成視覺疲勞和混亂疲憊的心理影響。就像書本中的文字編排一樣，大標(biāo)題小標(biāo)題正文等需要有大小寫、字體、字號、粗細(xì)體等不斷變化的設(shè)計，而在圖文結(jié)合的界面設(shè)計中，保持強(qiáng)烈的視覺層次感使用戶掌握瀏覽重點和次序就更需要得到設(shè)計師們的重視。當(dāng)需要在畫面中添加一個視覺強(qiáng)烈的元素時，設(shè)計師應(yīng)該要重新調(diào)整頁面中所有元素的比重分配，來達(dá)到增強(qiáng)鮮明視覺層次的效果。

5.界面設(shè)計中色彩的個性化設(shè)置

首先，色彩或多或少能影響一個人的情緒，正如人的視覺、聽覺、觸覺、嗅覺等體驗會不同程度地直接影響到人的心理及生理反應(yīng)一樣。比如當(dāng)人們處于連續(xù)陰雨霧霾天時情緒會低落，當(dāng)看到藍(lán)天白云時心情又會舒暢。因此，不同的色相、冷暖對比可以使用戶產(chǎn)生不同的心理感受，反之不同的心理狀態(tài)、心情的好壞、情緒的起伏等所能接受的色彩也是不同的。其次，具有新鮮度的事物才能引起人們的關(guān)注，因此將色彩個性化設(shè)計作為界面設(shè)計的重要環(huán)節(jié)，目的就是用色彩的變換來調(diào)動和調(diào)節(jié)用戶的心理需求，讓用戶對軟件產(chǎn)品始終保有一種新鮮感。它可根據(jù)用戶的需要來改變色調(diào)色相，使之依據(jù)自己喜愛的個性化界面色彩來進(jìn)行選擇，提高用戶滿意度。同時，在手持移動設(shè)備中使用個性化的設(shè)置還可以提升軟件的魅力與活躍度，滿足用戶的多方位需求。在具體實施設(shè)計進(jìn)程中，色彩搭配學(xué)顯得尤為重要，要考慮圖標(biāo)色彩與整體色彩的反差以及最終效果的協(xié)調(diào)統(tǒng)一，達(dá)到用戶審美觀與視覺舒適度的需求。

UI圖標(biāo)設(shè)計的方法及原則

1.UI圖標(biāo)外觀設(shè)計應(yīng)遵循用戶預(yù)期效應(yīng)

人們總是對符合預(yù)期的行為最感輕松愉悅，和符合預(yù)期的人或事接觸時也會感到關(guān)系不錯。因此，UI圖標(biāo)的設(shè)計，理所當(dāng)然的就應(yīng)該與如同它們本身的功能一致，用戶只要看到這個界面元素，就應(yīng)該能預(yù)判出這個應(yīng)用是做什么的。如果它看起來是攝像頭，它就應(yīng)該具有相機(jī)的功能，而不是在基本的交互問題上故弄玄虛，故作神秘，把創(chuàng)造力留到更高層次的用戶需求上就好。

2.始終遵循圖標(biāo)的使命

圖標(biāo)的使命是信息的傳達(dá)者。它必須可以使不同年齡、不同文化的人容易接受，并且能幫助我們快速、清晰、準(zhǔn)確地理解圖標(biāo)所要傳達(dá)的信息（如圖1-2）。

圖1

圖2

3.避免圖標(biāo)中過多元素堆積

UI圖標(biāo)越簡潔越好。把一個圖標(biāo)中的視覺元素控制到盡可能少的數(shù)量是很可取的，不要把UI圖標(biāo)設(shè)計復(fù)雜化。同樣，也不要把太多的構(gòu)思都轉(zhuǎn)化成標(biāo)志設(shè)計，或者給插畫圖標(biāo)。這樣也許就會造成圖標(biāo)中過多視覺元素的堆積。過于復(fù)雜的圖形元素只能給用戶識別帶來麻煩，使我們在使用手持移動設(shè)備中的小圖標(biāo)時根本無法確定它的含義及此應(yīng)用的功能。

4.典型行業(yè)的界面圖標(biāo)

行業(yè)圖標(biāo)應(yīng)該具有典型性。每一個行業(yè)軟件的圖標(biāo)按鈕是一個命令符號，視覺元素也應(yīng)該是一個目標(biāo)動作的具體映射，因而作為體現(xiàn)目標(biāo)動作的UI圖標(biāo)，它應(yīng)具有強(qiáng)烈而清晰的表意性，尤其是作為通用圖標(biāo)，如電話、天氣、時鐘等。制作過程中選擇具有典型行業(yè)特征的圖型符號，有助于用戶的識別并快速進(jìn)入操作。如果是寫實化的界面風(fēng)格，可考慮部分像素羽化的效果，以增強(qiáng)圖標(biāo)立體感（如圖3）。

圖3

盡量使用較少的色相來表現(xiàn)層次豐富的UI圖標(biāo)，這樣能以最小的數(shù)據(jù)量來表現(xiàn)圖標(biāo)，又不會影響小圖標(biāo)的視覺品質(zhì)，當(dāng)圖標(biāo)在軟件應(yīng)用系統(tǒng)中所占數(shù)據(jù)量減小時，程序的運行效率也便提高了。

5.符合自身品牌設(shè)計風(fēng)格的延續(xù)以及符合平臺系統(tǒng)風(fēng)格

自手持移動設(shè)備逐步成為人們不可缺少的設(shè)備后，每個產(chǎn)品也已經(jīng)不僅在一個平臺上運營了。目前人們常用的平臺有Android，iOS，Meego，WinPhone等。于是每個不同平臺都有一套屬于自己明顯區(qū)分于其他界面的設(shè)計風(fēng)格和圖標(biāo)風(fēng)格，不僅僅是為了使自身品牌有標(biāo)志性的界面設(shè)計，同時也讓使用者逐步適應(yīng)這種固定風(fēng)格后，一旦使用其他平臺有可能會產(chǎn)生不接受不習(xí)慣的心理影響。這也就是符合自身品牌設(shè)計風(fēng)格的延續(xù)的意義。

綜上方法與原則，界面設(shè)計絕不是簡單的排版，圖形圖像的拼合，同時我們也不應(yīng)與視覺傳達(dá)、編排、文案、信息架構(gòu)等所有這些學(xué)科劃清界限，它們都是可以被涉獵和研究的，全面地了解各學(xué)科可以推動設(shè)計師更好地進(jìn)行設(shè)計并使他們迅速成長。而優(yōu)秀的界面設(shè)計是設(shè)計師通過闡明、簡化、明確、修飾，使之莊嚴(yán)，有說服性，又帶有趣味性的與使用者之間的互動，并賦予其價值及意義的體現(xiàn)，因此界面設(shè)計值得我們更深入更全面的研究下去。

作者單位：西安文理學(xué)院人文學(xué)院陜西西安