摘　要：手機界面是人與手機之間傳遞和交換信息的媒介，文章從設計藝術(shù)學(xué)角度探討了手機界面設計的視覺(jué)語(yǔ)言構成要素。

　　關(guān)鍵詞：手機　界面設計　視覺(jué)

　　隨著(zhù)社會(huì )日新月異的發(fā)展，手機作為消費類(lèi)電子產(chǎn)品，從誕生之日起至今從未停止過(guò)前進(jìn)的步伐，并且以前所未有的速度發(fā)展，成為更新速度最快的個(gè)人電子產(chǎn)品。 手機不僅僅是用于通話(huà)的工具，更多地集娛樂(lè )、生活、新聞資訊于一體，越來(lái)越深入地介入到了人們的日常生活中。

　　一、人機交互下的手機界面設計

　　手機界面在人機交互的信息傳遞過(guò)程中具有重要的作用。 手機軟件界面是置身于手機操作系統中的人機交互的窗口，設計界面必須基于手機的物理特性和軟件的應用特性進(jìn)行合理的設計。早期的手機界面由于技術(shù)上的制約，大部分采用黑白色、藍色、綠色等屏幕。在界面設計上，文字是界面的主要信息，而圖形則是用線(xiàn)條簡(jiǎn)單勾勒，缺少圖形的設計美感，手機界面單調，僅僅以滿(mǎn)足功能，缺乏視覺(jué)形式美。隨著(zhù)技術(shù)的發(fā)展，人們對審美的需求日益增加，手機界面由原來(lái)的單色發(fā)展為彩色，信息內容更加豐富，文字選擇既能滿(mǎn)足功能性又符合審美需求， 圖形更加精美，甚至有些圖形還采用動(dòng)態(tài)形式出現，受眾還可以根據個(gè)人需要自行定義文字和圖形，手機界面得到了快速的發(fā)展。2007年，“iPhone”手機的誕生，使手機界面設計產(chǎn)生了一種革命。它給用戶(hù)帶來(lái)了前所未有的手機新體驗，還前所未有地拉近了用戶(hù)與手機之間的距離，讓不同年齡、性別、地域的人都能夠在手機圖形化界面中得到體驗的快感，它將文本界面圖形化，界面設計更加個(gè)性化、人性化。隨著(zhù)科技的發(fā)展，界面正悄悄地融入我們的日常生活中，變成生活的一部分。

　　二、手機界面設計的視覺(jué)語(yǔ)言

　　手機界面的視覺(jué)語(yǔ)言，主要包括文字、圖標、色彩搭配、動(dòng)態(tài)導航、界面版式等一系列構成元素。

　　1、界面文本的選擇

　　文字的主要功能是在視覺(jué)傳達中向大眾傳達作者的意圖和各種信息，要達到這一目的必須考慮文字的整體訴求效果，給人以清晰的視覺(jué)印象。手機界面的字體設計直接影響到界面的風(fēng)格，字體標準的選擇依據操作系統類(lèi)型決定，應當使用與其界面視覺(jué)風(fēng)格統一標準的字體，避免繁雜零亂，使人易認、易懂，切忌為了設計而設計。 通用的字體最易閱讀，特殊字體用于標題效果較好，但是不適合正文。如果在整個(gè)頁(yè)面使用一些特殊字體，這樣讀者閱讀起來(lái)感覺(jué)一定很糟糕。特殊字體如果在頁(yè)面上大量使用，會(huì )使得閱讀頗為費力，瀏覽者的眼睛很快就會(huì )疲勞，不得不轉移到其他頁(yè)面。手機界面中字體的選擇，還應考慮界面的大小，使兩者大小比例協(xié)調。對于觸摸屏手機來(lái)說(shuō)，由于其屏幕較大，文字可以適當放大，不僅從形式比例上考慮，同時(shí)也方便了其功能性的操作。

　　2、界面圖標的設計

　　圖標是界面的圖形符號，是具有明確指代含義的計算機圖形，是構成界面風(fēng)格的重要元素，和用戶(hù)如何操作手機關(guān)系密切。 圖標的功能是我們進(jìn)行圖標造型設計的標準和依托，在設計圖標之前要確定圖標功能，也就是說(shuō)要考慮圖標的隱喻性，它代表的意思必須是用戶(hù)可知的、熟知的。比如iPhone內置的備忘錄應用就是一個(gè)使用隱喻的典范。除了基本的刪除和郵件這些圖標隱喻，整個(gè)產(chǎn)品的外形：棕色的頭部導航，米黃色的紙質(zhì)背景，配合細致的行隔線(xiàn)和垂直的雙細線(xiàn)，儼然就是一可愛(ài)的小小備忘本。將產(chǎn)品與實(shí)體對應起來(lái)，用戶(hù)一看就知道軟件的用途。結合界面圖形設計的隱喻性，圖標圖形應盡量使用簡(jiǎn)潔的平面圖形，盡量使用像素化的表現形式。 圖標的設計要盡量避免生硬的邊緣輪廓，提倡漸變、羽化加強圖形的仿真性能，使設計更加趨于人性化。一方面圖標的設計要求簡(jiǎn)單美觀(guān)、富有吸引力，這樣用戶(hù)才愿意讓這些圖標長(cháng)久占據有限的屏幕空間；另一方面也要把握可識別特點(diǎn)，讓用戶(hù)在大量圖標中輕松找到該應用程序。圖標必須有自己的特點(diǎn)，對于關(guān)聯(lián)的產(chǎn)品，可以結合品牌進(jìn)行設計。

　　3、色彩的搭配

　　手機界面的總體色彩應該與界面主題相協(xié)調，在手機軟件界面的色彩設計上，妥當運用色彩這種感性元素協(xié)調各要素之間的關(guān)系，使形態(tài)和功能特點(diǎn)得到突出，達到明確產(chǎn)品特征、強化訴求的目的。 色彩是影響手機界面的重要因素， 色彩搭配要考慮到你希望對用戶(hù)產(chǎn)生什么影響，為手機界面設計選擇合適的顏色，包括背景色、元素顏色、文字顏色等。 比如基于飽和的色彩和華麗的質(zhì)感，塑造超酷、超眩的視覺(jué)感受，利用羽化了的像素對圖形圖像進(jìn)行仿真設計，不僅塑造界面色彩、形狀，還進(jìn)一步在元素的質(zhì)感和體積感上下功夫，給用戶(hù)一種高貴華麗的視覺(jué)享受。對于界面的整體色調，最好使用鄰近色或同類(lèi)色進(jìn)行色彩構成，采用色彩的弱對比，因為界面圖形本身就結合了體積感和質(zhì)感的塑造，如果整體色調對比太強，很容易給用戶(hù)造成眼睛疲勞。把握界面整體色調的同時(shí)應注意在圖標和線(xiàn)條的色彩配置上下功夫，以活躍整個(gè)畫(huà)面，避免整個(gè)界面色彩單一、黯淡無(wú)光，合理地使用線(xiàn)條和色彩漸變，以確保細節的完美體現。

　　4、動(dòng)態(tài)導航的設計

　　手機界面的動(dòng)態(tài)導航設計是結構層面設計中的主要工作之一，它是對手機操作進(jìn)行宏觀(guān)操控的區域，隨時(shí)可見(jiàn)，在這里它可以保存當前操作結果、切換當前操作模塊、退出系統，實(shí)現對軟件的靈活操控。導航設計的好壞，直接關(guān)系到用戶(hù)使用是否能夠流暢。 面對較復雜的導航，我們第一反應是將其簡(jiǎn)化。 合理的導航設計，應該首先關(guān)注用戶(hù)，提示明確，讓用戶(hù)知道自己的當前位置，并且能夠迅速跳轉到下一個(gè)界面，盡量讓用戶(hù)一目了然，減少用戶(hù)操作步數。在設計導航時(shí)，也要遵循人類(lèi)的認知法則，符合所對應用戶(hù)的認知度。如果設計的導航讓用戶(hù)很費勁或者花費較長(cháng)時(shí)間才能搞清楚，無(wú)疑是失敗的體驗。

　　5、界面版式

　　手機界面的版式在設計時(shí)應該結合軟件的應用范疇，合理安排，在有限的屏幕上將眾多元素整合排列，以達到美觀(guān)實(shí)用的目的。由于屏幕有限，設計師應考慮將重要信息或視覺(jué)流程的停留點(diǎn)安排在注目?jì)r(jià)值高的最佳視域，使得整個(gè)界面的設計主題一目了然。比如將最常使用的高度概括的信息，或者一些常規操作如添加、完成、保存、取消——置于屏幕頂端。 屏幕的底部一般是輔助性的工具欄或切換視圖使用的頁(yè)簽欄。一些影響較大的操作如果出現在屏幕下半區域，要仔細考慮它們的排列設計。 應用程序界面必須盡量簡(jiǎn)潔，一目了然，用戶(hù)看到就能馬上理解。比如我們可以盡可能地減少輸入，直接為用戶(hù)提供選項，如索引列表，既方便用戶(hù)記憶，也可以幫助用戶(hù)快速掃描并直接選中。要盡量避免不必要的交互，不要一味提醒用戶(hù)如何操作，設計時(shí)應該關(guān)注如何更有效地引導用戶(hù)集中精力快速完成任務(wù)。在iPhone手機內置的短信發(fā)送，版式布局合理，不但寫(xiě)信人和收信人的信息內容左右區分，而且在底色的選擇上也進(jìn)行區分，信息內容通過(guò)時(shí)間順序排列下來(lái)，整個(gè)信息來(lái)回歷史一目了然，用戶(hù)進(jìn)行功能操作的時(shí)候更加方便快捷。界面版式的設定，在很大程度上需要借鑒相關(guān)手機系統界面的版式，以確保樣式的相對統一，利于系統與軟件的整合。當然也要考慮軟件本身的應用特性，結合操作的可用性和可實(shí)施性，對版式進(jìn)行合理的調整，使呈現信息的區域與區域之間協(xié)調統一、主次得當。

　　美國未來(lái)學(xué)家尼古拉·尼葛洛龐帝曾在其著(zhù)作《數字化生存》中寫(xiě)道：“我的界面夢(mèng)想是，我的電腦將變得更像人。” 可見(jiàn)用戶(hù)希望得到更加人性化的界 面，不僅要求視覺(jué)的形式美感、功能上操作便捷，更重要的是一切必須以人的需求為根本，帶給用戶(hù)人本主義設計關(guān)懷。好的界面設計也不僅僅是包括視覺(jué)上的，同時(shí)還有觸覺(jué)、聽(tīng)覺(jué)以及交互性方面等，相信未來(lái)的手機界面設計能給用戶(hù)帶來(lái)多感觀(guān)的體驗。

　　參考文獻

　　[1]劉冬冬 何人可 3G手機用戶(hù)界面設計探討[J].包裝工程，2007.

　　劉心雄 鄭家元 觸屏手機界面設計[J].包裝工程，2009.

　　祝瑜 王毅 黃海燕 手機界面設計的視覺(jué)語(yǔ)言分析及其風(fēng)格化設計藝術(shù)研究[J].包裝工程，2007.