手機(jī)用戶界面視覺元素的符號(hào)化設(shè)計(jì)

陶　嬋　黃　煉　張　濤

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

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

這里我們所說的再加工與整合,即是對(duì)手機(jī)界面設(shè)計(jì)中視覺元素進(jìn)行合理符號(hào)化設(shè)計(jì)。符號(hào)的種類很多,概括起來(lái)大致有聽覺符號(hào)、視覺符號(hào)、觸覺符號(hào)。設(shè)計(jì)時(shí)我們主要考慮的是視覺符號(hào)中文字、色彩和圖形圖像這三大類。

1.文字符號(hào)

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

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

文字符號(hào)在手機(jī)中主要體現(xiàn)在各級(jí)菜單名、菜單選項(xiàng)、各類閱讀信息提示信息、幫助文檔文字等方面,其表達(dá)遵循以下準(zhǔn)則:口語(yǔ)化、客氣、多用您、請(qǐng),不要用或少用專業(yè)術(shù)語(yǔ),杜絕錯(cuò)別字;斷句逗號(hào)句號(hào)頓號(hào)分號(hào)的用法,提示信息比較多的話,應(yīng)該分段;警告、信息、錯(cuò)誤使用對(duì)應(yīng)的表示方法;使用統(tǒng)一的語(yǔ)言描述,例如一個(gè)關(guān)閉功能按鈕,可以描述為退出、返回、關(guān)閉,則應(yīng)該統(tǒng)一規(guī)定;根據(jù)用戶不同采用相應(yīng)的詞語(yǔ)語(yǔ)氣語(yǔ)調(diào),如專用軟件,可以出現(xiàn)很多專業(yè)術(shù)語(yǔ),用戶為兒童可以語(yǔ)氣親切和藹,老年用戶則應(yīng)該成熟穩(wěn)重。制定標(biāo)準(zhǔn)遵循之。

2.色彩符號(hào)

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

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

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

3.圖形圖像符號(hào)

在手機(jī)界面的視覺元素中,圖像和圖形是最為直觀常見的內(nèi)容,當(dāng)一種信息、現(xiàn)象、行為以一定的形態(tài)出現(xiàn)時(shí),這種形態(tài)形象在視覺上既是反映各種事物不同屬性的視覺信息符號(hào),也是人們傳達(dá)與接受信息的工具與媒介。

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

其次,抽象性圖形以簡(jiǎn)潔單純的特色,運(yùn)用點(diǎn)、線、面及幾何圖形將規(guī)律高度概括與提煉,留給用戶想象的空間。人們可以根據(jù)自己的主觀感受、生活經(jīng)驗(yàn)等來(lái)理解和感受圖像和圖形符號(hào)所傳達(dá)的信息。

另外,隱喻性較強(qiáng)的含蓄符號(hào),本身特有的藝術(shù)性和內(nèi)涵去吸引和引導(dǎo)用戶,從而誘導(dǎo)用戶的視線和操作行為。透過其傳達(dá)與接受的互動(dòng)而生成意義。

最后,圖形圖像符號(hào)更能表現(xiàn)設(shè)計(jì)趣味性。在手機(jī)界面設(shè)計(jì)中,可以考慮使用個(gè)性化的圖標(biāo)或者有趣味性的版面造型等手法表現(xiàn)界面的趣味性。這是一種活潑性的界面視覺語(yǔ)言。界面充滿趣味性,使傳媒信息如虎添翼,起到了畫龍點(diǎn)睛的傳神功力,從而更吸引人,打動(dòng)人。

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

總之,用戶界面對(duì)于手機(jī),如同姣好的姿色對(duì)于魔鬼身材,其重要性不言而喻。要想手機(jī)產(chǎn)品更出色,必定要軟件夠出彩,而對(duì)于界面視覺元素的符號(hào)化設(shè)計(jì)來(lái)講,漂亮好用的元素可以給用戶使用帶來(lái)視覺上的享受和操作上的成就感,提升產(chǎn)品的市場(chǎng)競(jìng)爭(zhēng)力。

(作者單位: 湖南農(nóng)業(yè)大學(xué)藝術(shù)設(shè)計(jì)系)

責(zé)任編輯:楊建