1、收稿日期:2007209212作者簡介:祝瑜(1982-,女,湖北人,西安理工大學碩士研究生,主攻視覺傳達與多媒體設計。手機界面設計的視覺語言分析及其風格化設計藝術(shù)研究祝瑜,王毅,黃海燕(西安理工大學,西安710054摘要:利用視覺元素對手機界面進行風格化設計,成為現(xiàn)代手機界面設計的趨勢。文章重點分析了手機界面視覺語言構(gòu)成要素,并從手機硬件界面和軟件界面2個不同的側(cè)面,探討了如何利用不同的視覺表現(xiàn)語言進行手機界面的風格化設計。關(guān)鍵詞:手機界面;視覺語言;風格化;設計中圖分類號:TB472 文獻標識碼:A 文章編號:1001-3563(200712-0218-03V isu a l Lan gu

2、a ge An a lysis an d Sty le D esign A rt Study of M ob ile Ph on e 's In te rfa ceZ H U Y u,W A NG Yi ,H U A NGH a i 2yan(X ia 'n Un i ve rsity of Technol ogy ,X ia 'n 710054,Ch i naAb str a c t :It has beco m e a ne w tendency no wadays tom ake f u ll use of visual ele m ents on the sty

3、l e de 2s i gn of mob ile phone s 'i nte rface .Th is paper analyzed t he co mposi ng e le m en ts of m o b ile phone s 'i nter face 's visual language ,d i scussed ho w to use d ifferent vis ua l lang uage on the aesthetic styl e of the i nterface des i gn of m o b ile pho ne thro ug h

4、t wo d ifferent aspects ,such as the hard ware interface and soft w are i nterface of t he m o 2b ile phone .K ey w or ds :m obil e telephone i nter f ace ;vi sio n lang uage ;style ;desi gn在中國,滿足消費者個性化需求的手機設計越來越受到消費者和生產(chǎn)廠家的重視,其中手機界面視覺語言的風格化設計扮演著重要的角色。本研究分別從手機硬件和軟件兩大界面中不同的視覺表現(xiàn)語言來探討手機界面的風格化設計藝術(shù)。1 手機界面

5、設計的視覺語言分析手機是一種能提供信息服務或通過網(wǎng)絡系統(tǒng)交互信息的消費類電子產(chǎn)品,具有信息服務功能。通常手機的界面分為硬件界面和軟件界面。硬件界面又稱實體界面,手機的硬件界面直接與人接觸,可以用眼睛看,用觸摸來感知,如按鍵、充電器接口、顯示屏等都屬于外在的實體硬件界面。手機顯示屏反饋信息所賴以生存的形式就是軟件界面,包括圖形用戶界面和聲音界面。軟件界面的主要構(gòu)成元素是圖形用戶界面,即用戶相互傳遞信息的媒介,其中包括信息的輸入和輸出,是用戶和手機之間的信息界面。手機硬件界面的視覺元素主要包括其外觀的形態(tài)造型、色彩搭配、材質(zhì)運用的表現(xiàn)等方面,而軟件界面則側(cè)重于整體的版式結(jié)構(gòu),包括色彩的搭配、文字的

6、選擇、圖符的設計及動態(tài)導航等等一系列的構(gòu)成元素。2 手機界面設計的視覺語言風格化設計2.1 手機界面的風格化設計手機界面的整體特征所呈現(xiàn)出的視覺風格,強調(diào)對使用者的主觀視覺感受所產(chǎn)生的積極作用。是設計師通過一系列的視覺表現(xiàn)語言對其視覺品質(zhì)和視覺吸引力的創(chuàng)造。手機硬件界面主要是通過外觀形態(tài)、色彩、材質(zhì)等視覺語言來展現(xiàn)其界面的風格化設計藝術(shù)。軟件界面通過版式結(jié)構(gòu)、色彩、導航圖符等視覺語言來象征自己的含義,從而展現(xiàn)其風格化設計藝術(shù)。對不同的適用人群手機界面的風格也是多種多樣,如:L G 的/巧克力0極簡主義風格,見圖1;NOKI A 傾慕系列的復古時尚風格。產(chǎn)品受功能與結(jié)構(gòu)的限制,構(gòu)成的形態(tài)不如藝術(shù)

7、作品那樣自由奔放,但是在滿足功能要求的前提下,產(chǎn)品的形態(tài)設計也是充滿創(chuàng)造性的藝術(shù)活動。手機形態(tài)是吸引消費者注意力的第一要素,它能夠激起消費者心理上的購買欲望,同時也是手機內(nèi)在功能、配置及品質(zhì)等因素的外在表現(xiàn)。手機外觀不同的尺寸、形狀、比例分割、層次關(guān)系及細節(jié)的刻畫等,體現(xiàn)的都是218包裝工程 PACKA G I NG ENG I NEER I NG Vo.l 28No .122007.12 圖1LG/巧克力0系列F i g.1L G"Chocolate"series不同的藝術(shù)風格。如曲面、曲線塑造柔美;自由曲線顯示流暢、節(jié)奏與韻律的時尚感;直線,小圓角過渡手法塑造嚴謹、剛硬

8、;變異等造型手段能顯示時代、前衛(wèi)的主題等等。這些造型語言通過對比調(diào)和、變化統(tǒng)一等不同的造型手段呈現(xiàn)不同形態(tài)的設計藝術(shù)風格。如NOK I A針對30歲以下的用戶設計的旋轉(zhuǎn)式的數(shù)字排列的撥號面板,使用旋轉(zhuǎn)布局,整體外觀是強烈的方圓對比,打破了以往手機方方正正的慣例。在手機設計中,考慮到適用人群的青春活力的個性化需要,打造出簡約主義的個性化風格。色彩形象的塑造是展現(xiàn)產(chǎn)品視覺風格的重要元素。在滿足產(chǎn)品的形態(tài)功能要求同時,合理的手機配色不僅具有審美性和裝飾性,而且還具有重要的象征意義。在一般情況下,決定產(chǎn)品色彩的三要素是色調(diào)、色相和對比度。其中最重要的是色調(diào),即使是同一個產(chǎn)品,當色調(diào)發(fā)生變化時,產(chǎn)品會展

9、現(xiàn)出截然不同的風格。色相的表現(xiàn)也較為直接,紅色熱情奔放、白色純潔無瑕、銀黑兩色穩(wěn)重硬朗、藍色冷靜孤傲、紫色有一種高貴神秘感。對比度的不同給人的視覺體驗也是完全不同的。手機的色彩設計,是手機制造者們細分市場、挖掘新的市場空間、塑造品牌風格的手段,這就要求設計者在產(chǎn)品色彩設計的過程中要運用不同的表現(xiàn)手法,達到產(chǎn)品的色彩與功能形態(tài)的和諧統(tǒng)一,從而更好地塑造產(chǎn)品自身的藝術(shù)風格及其品牌的個性風格。手機的形態(tài)設計刺激了用戶的視覺,那么手機的材質(zhì)設計則給消費者視、觸覺兩方面的感知體驗。在手機界面設計中合理選用材質(zhì),不僅可以用最簡約的方式表達藝術(shù)感,還可以使手機有不同的風格、品味和象征意義。傳統(tǒng)的金屬材質(zhì)給人

10、冷峻、伶俐的感覺,充滿現(xiàn)代感;塑料會讓人有輕便、廉價、時尚感,還有鋁合金、鎂合金、不銹鋼等,這些新型材料與傳統(tǒng)材料相結(jié)合經(jīng)過不同的加工工藝如:電鍍、絲印、鐳雕、電鑄、蝕紋等處理,帶給用戶更加豐富多彩的視覺風格體驗。NOKIA傾慕系列手機機身,酷感十足的金屬裝飾、暖意融融的皮質(zhì)感,加上花草圖騰的裝飾,這款手機混合材質(zhì)的搭配,看似簡約確是將所有華美的靈感元素融為一體,充分展現(xiàn)一種復古流行風格。2.3手機軟件界面的視覺語言風格化設計軟件的實用性是軟件應用的根本,在設計時應該結(jié)合軟件的應用范疇,合理安排版式,以達到美觀實用的目的。這應該遵循它所具有的行業(yè)標準,界面構(gòu)架的功能操作區(qū)、內(nèi)容顯示區(qū)、導航控制

11、區(qū)都應該統(tǒng)一規(guī)范。軟件界面的總體色彩應該與系統(tǒng)界面的總體色調(diào)相協(xié)調(diào)。在眾多的手機軟件產(chǎn)品中都涉及到自定義界面下載,那么在設計中色彩搭配顯得尤為重要,必須考慮圖符色彩與換膚色彩之間效果的統(tǒng)一。如藍色的手機外殼,屏幕上卻搭配大紅的默認字體或底色,既讓用戶感到不舒服,更影響手機的品牌形象。在手機軟件界面的色彩設計上,妥當運用色彩這種感性元素協(xié)調(diào)各要素之間的關(guān)系,使形態(tài)和功能特點得到突出,達到明確產(chǎn)品特征,強化訴求的目的。一般采用對比統(tǒng)一的藝術(shù)處理手法使界面色彩達到和諧化設計,用強化明度對比、純度對比、色相對比、色調(diào)對比等來著重強調(diào)主題,體現(xiàn)產(chǎn)品設計的藝術(shù)風格。軟件界面中字體的設計也是影響手機界面風格

12、化設計的重要視覺元素之一。在設計過程中,字體標準的選擇依據(jù)操作系統(tǒng)類型決定,必須使用與其軟件界面視覺風格統(tǒng)一標準的字體、大小,文字的色彩也必須與軟件界面的整體色彩風格保持一致。圖符是界面的圖形圖標符號,是具有明確指代含義的計算機圖形4。在手機軟件界面中圖符指的是圖標及功能標識,是手機硬件和軟件界面風格化設計中最為重要的視覺元素,直接關(guān)系用戶手機界面的識別和操作。手機軟件界面的技術(shù)層日趨成熟,為了更好的交互性,導航系統(tǒng)從靜態(tài)走向動態(tài)。讓用戶能夠?qū)Σ煌哪K的操作迅速掌握,在不同功能模塊的相同操作區(qū)域的靜、動態(tài)元素風格應該一致,從而也使整個軟件界面統(tǒng)一在一個特有的整體風格之中。3硬件界面和軟件界面

13、風格化設計的相關(guān)性設計3.1硬件界面和軟件視覺風格的統(tǒng)一性手機界面的風格化設計必須堅持形式與功能的統(tǒng)一。如摩托羅拉有比諾基亞(以2000元左右機型為準普遍絢麗的界面設計,但功能不如后者好用,這就是在設計中一味地追求219祝瑜等手機界面設計的視覺語言分析及其風格化設計藝術(shù)研究視覺上好看,而拋棄了與其使用功能的統(tǒng)一導致的結(jié)果。追求界面風格化設計統(tǒng)一的同時必須要把握好/度0,既不能為格調(diào)的統(tǒng)一而不顧及功能的特征,也不能只強調(diào)功能而不注意形式的統(tǒng)一,在設計中必須講究比例與尺度的統(tǒng)一;材質(zhì)與結(jié)構(gòu)的統(tǒng)一等,見圖2,在統(tǒng)一中找變化,在變化中求統(tǒng)一,達到設 計的完整和諧。圖2 NOK I A 傾慕系列F i

14、g .2NO K I A LA 'mour Collcti on統(tǒng)一性可具體表現(xiàn)為界面整體風格和交互完整性的統(tǒng)一、外觀的統(tǒng)一、圖形配色的統(tǒng)一、圖符標準的統(tǒng)一、表現(xiàn)手法的統(tǒng)一等。只有在設計前期從整體出發(fā)考慮問題,才可能設計出在視覺效果和視覺流程上優(yōu)秀的界面。3.2 硬件界面和軟件界面視覺風格的系列化一個企業(yè)旗下的產(chǎn)品視覺形象個性的相似或延續(xù),有助于品牌形象個性風格的塑造。從視覺傳達的過程和結(jié)果來看,任何一次產(chǎn)品形象的傳播所留下的印象都是短暫的,要形成產(chǎn)品的品牌形象需要一個較長的持續(xù)刺激的過程6。在風格化設計中產(chǎn)品形態(tài)應該注重與企業(yè)原產(chǎn)品的設計相延續(xù)。在這一方面具有代表性的設計就是NO K

15、 I A ,即使它的款式功能多樣化,且每次訴求側(cè)重點不同,但用戶認知信息是一致的。在其推出不同界面風格的機型中都能找出一些新的結(jié)合點,而且這些結(jié)合點之間還保持一定的延續(xù)性和關(guān)聯(lián)性。這種關(guān)聯(lián)性和延續(xù)性正是硬件界面和軟件界面設計系列化的在其風格化設計藝術(shù)中的集中體現(xiàn)。從用戶的角度來講,對品牌的認知是一個持續(xù)誘導的過程,而引發(fā)這一過程的首先是來自視覺上的沖擊,隨后,被產(chǎn)品的視覺形象所誘導的情感價值恰好迎合了實用價值和精神價值,就形成一種品牌忠實性現(xiàn)象。實際上,消費者就是認同了這種產(chǎn)品形象所代表的美學價值以及透過/視覺語言風格化0表現(xiàn)出來的企業(yè)特有的文化內(nèi)涵。3.3 協(xié)調(diào)手機界面設計中的圖符標準化手機

16、界面中的圖標是基于自身應用的命令,反映的是目標動作,因此作為體現(xiàn)目標動作的圖標,應該具有強烈的表意性,便于用戶的識別和操作,從而簡化用戶的操作流程。圖標的動態(tài)效果也是吸引消費者的一個重要因素。一個娛樂型的手機界面顯示的是中規(guī)中矩的菜單圖示和圖符;一個商務手機卻是一堆嬉皮的卡通造型的圖符,這些都是設計失誤。索愛312的口號是"Fun and Gam es",其圖標都是用活潑的造型。那么手機界面中圖符標準化是其界面風格化設計藝術(shù)發(fā)展的必然趨勢,那么在設計界面圖符的過程中必須要考慮:(1圖標、圖符的易識別性,即通用性;(2圖標的格式與手機顯示屏的相適性;(3圖標的大小與顯示屏分辨率的相關(guān)性;(4圖標色彩和整體界面色彩的搭配性。4 結(jié) 語手機界面視覺語言的風格化藝術(shù)設計并不是華而不實的修飾、雕鑿,而是設計師對其視覺品質(zhì)和視覺吸引力的創(chuàng)造,在市場日益轉(zhuǎn)向多樣化、細分化、復雜化的條件下,產(chǎn)品不僅僅要滿足消費者基本的功能性需求,還必須滿足消費者視覺、心理上的感受,追求精神上的審美與人性化的關(guān)懷。因此,關(guān)注和研究如何將界面設計的視覺語言進行風格化設計,使手機產(chǎn)品的視覺風格和企業(yè)的品牌形象風格統(tǒng)一化,對于制作優(yōu)秀的手機界面、樹立企業(yè)品牌形象等具有良好的理論和實踐意義。參考文獻:1 羅仕鑒,朱上上,孫守遷.人機界面設計M .