手機用戶界面視覺元素的符號化設計

陶　嬋　黃　煉　張　濤

M·I·T·媒體實驗室的創始人及現任主席Nicholas Negroponte于二十世紀末說道:無論你有沒有做好進入數字化時代的準備,有一點很清楚的,我們正以飛快的速度進入它,我們身邊所有能被數字化的東西都將被數字化。毋庸置疑,數字化生活引領了今天的信息潮流。

美化數字信息化時代下產品的界面設計運應而生,融合多門學科,其中認知心理學、語言學、符號學等在其中都扮演著重要的角色。手機作為一種能提供信息服務或通過網絡系統交互信息的消費類電子產品,服務于用戶。隨著人機界面中視覺元素設計的越來越豐富、細膩,手機界面視覺設計產生了巨大變革。用戶界面設計的三大原則(適用于手機界面設計):置界面于用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性。手機用戶界面,從心理學意義來分,可分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。符號亦是人類世界的一個普遍工具。界面設計所包含的符號元素是極為廣泛的,通常來說,可以把手機設計的元素看作符號通過這種融合去達到美感和可用性的統一,使現代圖形界面更有魅力和更易于使用。比如用字母和圖標代替了手機的各種信息,人們通過字母和圖標這一符號形式,獲得了符號所隱含的意義,通過對這些元素的再加工與整合,使得手機界面視覺符號化,遵循給用戶舒適、生機與活力的原則,刺激視覺感官系統,增加用戶的親和力,適應不同用戶的不同心理特征,實現設計所要正確傳達信息的目的。如圖1的手機界面,用完全圖形化的符號來表示各個功能模塊,例如:其中名片夾的功能模塊采用日常生活中人們熟知的電話簿小本子的形態樣式代替,以直觀、快捷、易懂的認知感受,完成信息的傳達。

這里我們所說的再加工與整合,即是對手機界面設計中視覺元素進行合理符號化設計。符號的種類很多,概括起來大致有聽覺符號、視覺符號、觸覺符號。設計時我們主要考慮的是視覺符號中文字、色彩和圖形圖像這三大類。

1.文字符號

文字在手機界面設計范圍,尤其是年輕人的個性主題界面中,引領了年輕人的審美時尚的新視角,是一種最直接的的視覺元素符號。選擇何種字體、何種大小、何種顏色,怎樣與底色搭配、怎樣排布,都深深影響這界面視覺和運行效果。

文字是一種十分清晰的符號,經過精心處理的文字信息完全可以制作出效果很好的界面,可以立即引起我們的大腦作出含意明確的思考。同時,這符號又具有形態方面的審美功能,即特別強調從藝術的角度,從視覺要素方面去考慮字體的類型。文字內容必須簡單濃縮。文字尺寸在屏幕尺寸已定的前提下應該嚴格按照人機工程學標準進行設計。每個屏幕可以顯示的文字的列數、行數、文字尺寸和字間距,包括文字的顏色都應該按照屏幕的規格尺寸來設計。使用統一字體,字體標準的選擇依據操作系統類型決定。

文字符號在手機中主要體現在各級菜單名、菜單選項、各類閱讀信息提示信息、幫助文檔文字等方面,其表達遵循以下準則:口語化、客氣、多用您、請,不要用或少用專業術語,杜絕錯別字;斷句逗號句號頓號分號的用法,提示信息比較多的話,應該分段;警告、信息、錯誤使用對應的表示方法;使用統一的語言描述,例如一個關閉功能按鈕,可以描述為退出、返回、關閉,則應該統一規定;根據用戶不同采用相應的詞語語氣語調,如專用軟件,可以出現很多專業術語,用戶為兒童可以語氣親切和藹,老年用戶則應該成熟穩重。制定標準遵循之。

2.色彩符號

手機界面設計者要考慮用戶最初一瞬間的色彩感覺,緊抓住用戶視線聚焦的那一刻,使設計的圖例、照片、字體與空間等關系與色彩一起變成一種視覺化、形象化的語言,以達到更有效的傳遞目的。而且在“動”的手機界面中,特別在色彩元素設計上,要具有較強的可識別性,確保藝術原則和可用性原則同樣重要。

針對大多數人群,手機界面色彩個性化,影響一個人的情緒符號,要為用戶的個性需要制定多套色彩方案,不同的色彩會讓人產生不同的心理效應,展現到圖形界面的精到之處,合理的使用線條和色彩漸變,以確保細節的完美體現。當選擇一種自己滿意的個性化設置,不斷變換色彩達到軟件產品與用戶之間的協調性時,才能使用戶對手機界面的軟件產品時常保持一種新鮮度,給用戶帶來視覺舒適和易用性。但是弱勢群體,如色盲色弱人群,這類色彩符號效果就會較差,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊著重號指示性圖標。

手機界面設計顏色使用恰當,還需遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。

3.圖形圖像符號

在手機界面的視覺元素中,圖像和圖形是最為直觀常見的內容,當一種信息、現象、行為以一定的形態出現時,這種形態形象在視覺上既是反映各種事物不同屬性的視覺信息符號,也是人們傳達與接受信息的工具與媒介。

首先,它們所展現的最大特點在于它的直觀感知,可以直現自然形態的美或是具體的行為,使得畫面和按鍵易懂,容易辨別,令人產生清晰、具象、親切生動和信任感。

其次,抽象性圖形以簡潔單純的特色,運用點、線、面及幾何圖形將規律高度概括與提煉,留給用戶想象的空間。人們可以根據自己的主觀感受、生活經驗等來理解和感受圖像和圖形符號所傳達的信息。

另外,隱喻性較強的含蓄符號,本身特有的藝術性和內涵去吸引和引導用戶,從而誘導用戶的視線和操作行為。透過其傳達與接受的互動而生成意義。

最后,圖形圖像符號更能表現設計趣味性。在手機界面設計中,可以考慮使用個性化的圖標或者有趣味性的版面造型等手法表現界面的趣味性。這是一種活潑性的界面視覺語言。界面充滿趣味性,使傳媒信息如虎添翼,起到了畫龍點睛的傳神功力,從而更吸引人,打動人。

手機良好的界面設計,除了上述“再加工與整合”外,將視覺元素符號化應當還注意一些特殊的地方,如手機的屏幕顯示區域小,因此要求元素設計精簡而不失表達能力,不能太過于花哨難于表達;針對同一品牌不同型號的手機,屏幕大小不一致,因此需要考慮圖片的適應問題和界面元素的布局問題;不同型號的手機支持的圖片格式、聲音格式、動畫格式不一樣,需要選擇盡可能通用的格式,或者針對不同的型號進行配置選擇。

總之,用戶界面對于手機,如同姣好的姿色對于魔鬼身材,其重要性不言而喻。要想手機產品更出色,必定要軟件夠出彩,而對于界面視覺元素的符號化設計來講,漂亮好用的元素可以給用戶使用帶來視覺上的享受和操作上的成就感,提升產品的市場競爭力。

(作者單位: 湖南農業大學藝術設計系)

責任編輯:楊建