潘 璠，明 蘭

（南華大學(xué) 設(shè)計(jì)與藝術(shù)學(xué)院，湖南 衡陽421001）

智能手機(jī)是指“具有獨(dú)立的操作系統(tǒng)，可以由用戶自行安裝軟件、游戲等第三方服務(wù)商提供的程序，通過此類程序來不斷對(duì)手機(jī)的功能進(jìn)行擴(kuò)充，并可以通過移動(dòng)通訊網(wǎng)絡(luò)來實(shí)現(xiàn)無線網(wǎng)絡(luò)接入的這樣一類手機(jī)的總稱”[1]。GUI（Graphical User Interface）即人機(jī)交互圖形化用戶界面設(shè)計(jì)，準(zhǔn)確來說就是屏幕產(chǎn)品的視覺體驗(yàn)和互動(dòng)操作部分，屬于人機(jī)界面中的軟界面形式。智能手機(jī)GUI設(shè)計(jì)即為滿足用戶需求對(duì)手機(jī)應(yīng)用界面而進(jìn)行的視覺設(shè)計(jì)和交互設(shè)計(jì)，它包含了最為重要的三個(gè)因素：界面、圖標(biāo)和交互特效。

一、界面設(shè)計(jì)

隨著計(jì)算機(jī)和網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，智能手機(jī)除了突出產(chǎn)品外觀的硬界面設(shè)計(jì)外，更注重強(qiáng)調(diào)“高效、自然、友好”的軟界面設(shè)計(jì)。在智能手機(jī)界面設(shè)計(jì)的概念創(chuàng)意階段，通常只需考慮幾個(gè)非常關(guān)鍵的界面或者能夠展示設(shè)計(jì)風(fēng)格的界面即可，如待機(jī)、應(yīng)用程序（主菜單）、音樂播放器、相冊(cè)、撥號(hào)等。

（一）風(fēng)格一致的界面

一致性是智能手機(jī)GUI設(shè)計(jì)中最為重要的原則之一，使用相同風(fēng)格的界面設(shè)計(jì)能夠減少視覺的過渡跳轉(zhuǎn)，減少界面切換帶給用戶的焦慮，使得用戶對(duì)界面的理解更容易以及整個(gè)GUI體驗(yàn)更加流暢。在完成界面一致性的設(shè)計(jì)過程中可以引入一些VI的思想來規(guī)范，既包括界面視覺元素的一致性和規(guī)范性，也指使用相同信息表現(xiàn)方式，如在字體、顏色、術(shù)語等方面。如圖1中短信、聯(lián)系人、撥號(hào)通話以及音樂界面所顯示出的一致性和強(qiáng)烈的延續(xù)性，對(duì)于保持用戶焦點(diǎn)、改進(jìn)交互效果有很大幫助。

圖1 ：界面的一致性

（二）個(gè)性化的定制界面創(chuàng)意公社

隨著科技的不斷發(fā)展，基于智能手機(jī)系統(tǒng)的相關(guān)軟件應(yīng)運(yùn)而生，不管是官方應(yīng)用還是第三方應(yīng)用的軟件系統(tǒng)已成為用戶直接操作和應(yīng)用的主體。但是問題也隨之而來，由于Android、Symbian、iOS等幾大操作系統(tǒng)占據(jù)主流，導(dǎo)致千篇一律、毫無個(gè)性和創(chuàng)意的手機(jī)界面充斥市場(chǎng)。隨著市場(chǎng)競(jìng)爭(zhēng)的激烈，越來越多的手機(jī)運(yùn)營(yíng)商開始自己定制更個(gè)性化的界面，關(guān)注用戶需求的個(gè)性化定制時(shí)代正在到來。如果說整體性和一致性是基于手機(jī)GUI視覺效果的和諧統(tǒng)一而考慮，那么個(gè)性化界面設(shè)計(jì)主要是以用戶需求為中心進(jìn)行設(shè)計(jì)，既包括了界面的藝術(shù)性在視覺上帶給用戶獨(dú)特愉悅的感受，更注重基于用戶使用習(xí)慣的交互設(shè)計(jì)。

1.獨(dú)特的界面構(gòu)架

界面構(gòu)架即界面信息構(gòu)架，它決定了軟界面的整體結(jié)構(gòu)，界面“視覺設(shè)計(jì)的布局結(jié)構(gòu)就是通過這種信息架構(gòu)對(duì)所有內(nèi)容進(jìn)行視覺化處理”。[2]界面信息的制定完全建立在用戶研究的基礎(chǔ)上，根據(jù)前期的研究結(jié)果和數(shù)據(jù)（主要是用戶的需求以及產(chǎn)品開發(fā)要求）確定手機(jī)的功能，然后將功能分類，設(shè)計(jì)成一組組的邏輯模塊，并且細(xì)分這些模塊，從而組織成邏輯分明的界面結(jié)構(gòu)。

目前，智能手機(jī)的關(guān)鍵界面一般涵蓋了待機(jī)解鎖界面、應(yīng)用程序（主菜單）界面、二級(jí)菜單界面、三級(jí)菜單界面等層級(jí)。其中，iphone開創(chuàng)了應(yīng)用程序界面經(jīng)典的宮格設(shè)計(jì)，即將所有一級(jí)應(yīng)用程序圖標(biāo)縱橫排列在首頁的導(dǎo)航方式。就在16宮格界面泛濫之時(shí)，國(guó)外手機(jī)品牌不斷致力于創(chuàng)新設(shè)計(jì)。2011年諾基亞推出的Lumia 710手機(jī)，采用了微軟開發(fā)的Windows Phone 7.0系統(tǒng)。對(duì)比其他系統(tǒng)的圖標(biāo)海洋，活動(dòng)格窗取代了圖標(biāo)，它不僅是一個(gè)快速啟動(dòng)的按鈕，同時(shí)也是一個(gè)信息更新的展示板，將內(nèi)容更新用最直接的方式實(shí)時(shí)告知用戶，而無需用戶進(jìn)行任何操作，從而在視覺上給用戶不斷帶來新的印象。針對(duì)愛玩社交網(wǎng)絡(luò)的用戶，摩托羅拉Droid X采用了自己定制化的MOTOBlur社交應(yīng)用集成界面，獨(dú)特的MOTOBlur界面為消費(fèi)者提供了非常便捷的社交應(yīng)用集成功能，讓消費(fèi)者僅需動(dòng)一動(dòng)手指即可輕松享受與親朋好友社交互動(dòng)、分享信息的樂趣，還可以根據(jù)自己的喜好對(duì)這些社交插件進(jìn)行排列，創(chuàng)造出一個(gè)完全屬于自己、充滿個(gè)性的待機(jī)界面。

2.Widget的個(gè)性化設(shè)計(jì)

Widget中文譯為“微件”，是展示在智能手機(jī)主屏的一種快速瀏覽的應(yīng)用程序插件，為用戶提供一鍵式的服務(wù)，通常被設(shè)計(jì)為查看天氣、時(shí)間、新聞、股票、音樂播放等信息的特定功能。用戶可以通過一系列的小插件把喜歡的應(yīng)用放于桌面，并根據(jù)自己的需求來排列、顯示，享受更加個(gè)性化的移動(dòng)互聯(lián)網(wǎng)服務(wù)。

widget界面設(shè)計(jì)的重點(diǎn)在于如何在冰冷的功能中賦予其情感，使用戶的觸摸感更具情緒化。早期的widget界面設(shè)計(jì)如時(shí)間和天氣等以枯燥和冰冷的文字傳達(dá)信息，事實(shí)上圖形化Widget界面更能增加用戶的認(rèn)知感，虛擬場(chǎng)景和主題設(shè)計(jì)是豐富用戶體驗(yàn)和滿足個(gè)性需求的設(shè)計(jì)趨勢(shì)，如以動(dòng)態(tài)特效生動(dòng)反映天氣的真實(shí)感強(qiáng)烈的3D界面，具有四季變化的日歷界面或精致漂亮的時(shí)鐘界面。

總之，基于用戶需求對(duì)手機(jī)界面的定制化開發(fā)能夠?qū)⒂脩魧?duì)系統(tǒng)界面的肯定和喜愛有效的轉(zhuǎn)移到產(chǎn)品上來，是手機(jī)廠商為突出自己產(chǎn)品賣點(diǎn)，實(shí)現(xiàn)智能手機(jī)個(gè)性化所帶來的產(chǎn)品差異化的戰(zhàn)略手段，也是未來塑造品牌的最好方式。

二、圖標(biāo)設(shè)計(jì)

智能手機(jī)中圖標(biāo)的概念是指手機(jī)屏幕上表示指令、程序的符號(hào)、圖像。圖標(biāo)是界面設(shè)計(jì)中的重要元素之一，也是智能手機(jī)GUI設(shè)計(jì)中最生動(dòng)的視覺形態(tài)，經(jīng)過良好設(shè)計(jì)的、形象逼真的圖標(biāo)所代表的動(dòng)作或命令是人們迅速、直觀理解信息的有力工具。

（一）統(tǒng)一性和整體性

一套風(fēng)格統(tǒng)一的圖標(biāo)是進(jìn)行圖標(biāo)設(shè)計(jì)的基本原則，整體性的設(shè)計(jì)會(huì)比零散的設(shè)計(jì)更有品質(zhì)，更容易讓用戶理解和信賴。圖標(biāo)的整體性設(shè)計(jì)首先表現(xiàn)在設(shè)計(jì)風(fēng)格的統(tǒng)一，是輕松詼諧的繪畫風(fēng)格還是簡(jiǎn)潔明快的平面效果抑或是酷炫時(shí)尚的3D效果，以及各種特效的設(shè)計(jì)；其次還表現(xiàn)在顏色的選擇上，顏色不宜過多，過多的顏色出現(xiàn)在一個(gè)小的區(qū)域中會(huì)產(chǎn)生一種雜亂的感覺。

從藝術(shù)表現(xiàn)形式上看，智能手機(jī)界面圖標(biāo)追求酷炫時(shí)尚的情感表達(dá)，多為3D炫彩圖標(biāo)，普遍采用浮雕、倒影和漸變的處理效果，以造成豐富真實(shí)的視覺效果。這也是當(dāng)今手機(jī)界面圖標(biāo)設(shè)計(jì)的主流。但是在這種主流風(fēng)格的基礎(chǔ)上，更要秉持差異化的設(shè)計(jì)理念對(duì)圖標(biāo)進(jìn)行精心設(shè)計(jì)，從而各具特色。如索尼愛立信LT18i的圖標(biāo)更具強(qiáng)烈的透視感和空間感，色彩則以白色為主色調(diào)，輔以少面積的藍(lán)色和綠色，整體視覺清爽舒適。

（二）主題性和文化性

界面既是信息交互的媒介又是用戶體驗(yàn)的媒介。在豐富用戶體驗(yàn)、實(shí)現(xiàn)界面風(fēng)格個(gè)性化乃至品牌識(shí)別方面，圖標(biāo)無疑是最重要的元素之一。iphone導(dǎo)角方形的經(jīng)典圖標(biāo)與機(jī)身外形一樣，使產(chǎn)品與操作界面外觀和諧，同時(shí)也成為蘋果iphone界面的最大特點(diǎn)。

隨著定制手機(jī)界面的出現(xiàn)，圖標(biāo)的個(gè)性特征成為手機(jī)GUI設(shè)計(jì)所追求的重要設(shè)計(jì)原則。一個(gè)信封就代表短信息、一個(gè)樂符就代表音樂的圖標(biāo)時(shí)代早已一去不返，無論是自帶程序還是第三方程序，智能手機(jī)圖標(biāo)的設(shè)計(jì)越來越具有主題性和文化性。圖2為“80后記憶”的主題圖標(biāo)設(shè)計(jì)，童年記憶中的代表性物品在準(zhǔn)確傳達(dá)信息的同時(shí)，以濃烈的懷舊風(fēng)格引起都市忙碌的人們對(duì)童年美好時(shí)光的追憶。具備娛樂性和欣賞性的有主題文化的圖標(biāo)，因映射出用戶所屬群體共有的價(jià)值觀、習(xí)俗、生活方式等文化內(nèi)涵，更容易引起用戶的興趣。主題性圖標(biāo)也是未來智能手機(jī)圖標(biāo)設(shè)計(jì)的發(fā)展趨勢(shì)，手機(jī)用戶通過在線下載更換不同的主題圖標(biāo)來獲得更豐富和更細(xì)分的視覺體驗(yàn)。

圖2 ：80后記憶主題圖標(biāo)設(shè)計(jì)

（三）可用性和識(shí)別性

首先，手機(jī)的圖標(biāo)設(shè)計(jì)因受限于產(chǎn)品大小的不同，在設(shè)計(jì)過程中最好用矢量軟件制作圖標(biāo)來配合彈性的尺寸要求，通常情況下圖標(biāo)保持在64px×64px～96px×96px之間，以解決不同LCD分辨率尺寸的兼容問題，保證圖標(biāo)的可用性和識(shí)別性。

其次，圖標(biāo)的功用在于建立起虛擬世界與真實(shí)世界的一種隱喻或者映射關(guān)系，減輕認(rèn)知負(fù)擔(dān)，讓用戶快速、準(zhǔn)確理解圖標(biāo)的含義以便操作。隱喻在圖形界面設(shè)計(jì)中是一種重要的表現(xiàn)手法，通過歸納和聯(lián)想建立圖標(biāo)的視覺表象與其背后的意義兩者之間的連結(jié)。這種連結(jié)關(guān)系取決于人的知識(shí)體系和生活經(jīng)驗(yàn)，因此圖標(biāo)設(shè)計(jì)師應(yīng)該仔細(xì)考慮用戶的知識(shí)體系，并且充分運(yùn)用日常生活的、共識(shí)度高的事物找到最短的概念連結(jié)。

最后，最好使用簡(jiǎn)短文字做為圖標(biāo)的冗余編碼。在信息傳播的過程中，增加信息的冗余度是保證信息傳輸?shù)目煽啃缘淖钣行У姆椒?。字體的形態(tài)、大小、顏色等也會(huì)影響界面的視覺感受和運(yùn)行效果，對(duì)于手機(jī)界面文字而言，中文字體大小應(yīng)不小于14px，英文字體大小不小于12px，字體的形態(tài)也不宜過于復(fù)雜，黑體和中等線體因其橫豎撇捺筆畫一致相等、空隙均勻，是手機(jī)界面中的常用字體。

三、交互特效

手機(jī)界面信息架構(gòu)完成了邏輯分明的功能模塊，用戶如何使用這些功能就是界面交互設(shè)計(jì)的范疇，它包括用戶如何操作、功能之間如何跳轉(zhuǎn)、無效信息如何展示等等。其中，交互特效的引入很好地解決了動(dòng)畫方式和操作流程的問題，能夠幫助用戶去自然地理解手機(jī)發(fā)生了什么。交互特效的方式多樣，如轉(zhuǎn)場(chǎng)、過渡、吸附、彈出等，在使用時(shí)要遵循以下原則。

（一）認(rèn)知的可依賴性

認(rèn)知的可依賴性是指符合用戶認(rèn)知習(xí)慣的交互方式，包括人們?nèi)粘Ｉ钋榫暗淖匀徽J(rèn)知和對(duì)人機(jī)界面產(chǎn)品的積累認(rèn)知，將相同的經(jīng)驗(yàn)延伸到手機(jī)界面中從而獲得自然好用的操作方式。在人們?nèi)粘Ｉ钪芯陀袘?yīng)用的滑動(dòng)、拖拽、旋轉(zhuǎn)、點(diǎn)擊等手勢(shì)操作自然隨意，無需視覺元素的提示，減少用戶記憶負(fù)擔(dān)。熟知電腦的用戶則對(duì)進(jìn)度條和菊花轉(zhuǎn)等過渡特效不陌生，用手機(jī)上傳照片或發(fā)郵件的數(shù)據(jù)加載過程都會(huì)添加很好的過渡動(dòng)效。

（二）操作的便捷性

首先，避免使用不必要的動(dòng)畫，讓用戶的操作更少一點(diǎn)，讓界面更簡(jiǎn)單一點(diǎn)。豐富的動(dòng)效雖然可以讓人機(jī)交互更具活力，但任何的動(dòng)效都需要基于需求的基礎(chǔ)之上，不能為了動(dòng)而動(dòng)。動(dòng)效可以讓用戶減少焦慮，消除等待感，但處理不當(dāng)也會(huì)引起用戶焦慮。例如發(fā)送短信過程中的進(jìn)度條特效會(huì)使用戶產(chǎn)生離開當(dāng)前界面，短信發(fā)送失敗的誤導(dǎo)，此時(shí)可以選擇后臺(tái)發(fā)送，告知用戶發(fā)送成功或失敗即可。其次，強(qiáng)調(diào)核心動(dòng)作，突出產(chǎn)品重點(diǎn)功能，形成強(qiáng)烈印象。根據(jù)用戶的使用習(xí)慣，用戶操作過程可以分主要操作和次要操作，適當(dāng)減少次要操作的視覺“分量”更能突出產(chǎn)品特點(diǎn)。

（三）提示的必要性

在用戶對(duì)某些界面操作感到不知所措時(shí)，應(yīng)在界面上增加相應(yīng)的提示告訴用戶該怎樣操作，就可以極大地提高操作的可用性。例如在欣賞相冊(cè)時(shí)通過“＋”、“－”符號(hào)提示照片放大或縮小的操作功能，或通過閃動(dòng)箭頭、高亮的方式提示用戶滑動(dòng)和點(diǎn)擊的操作功能。

[1][美]薩爾特曼.客戶如何思考［M］.李華飚，等譯.北京：機(jī)械工業(yè)出版社，2004.

[2]杜鵑.手機(jī)信息界面設(shè)計(jì)研究［D］.武漢理工大學(xué)，2007.