手機Icon的趣味性設(shè)計探索

□李文莉 孫 薇

智能手機是現(xiàn)代人生活中必不可少的物件，時至今日，手機已不只是被用來通話的工具，隨著各種手機APP的產(chǎn)生，手機更是成了大多數(shù)人不會離身的重要之物。人是感情動物，不論什么時候都會帶有各種各樣的情緒，要想提高智能手機的用戶體驗就一定不能忽視人的情緒問題。從大清早被手機上的鬧鐘吵起，到上班等車時因為無聊而掏出手機隨手玩的小游戲，再到一個人獨處時打開社交應(yīng)用看朋友圈動態(tài)等等，第十屆慕尼黑數(shù)字生活設(shè)計大會發(fā)布數(shù)據(jù):2013年每位手機用戶平均每天查看150次手機，也就是說除休息時間外，每人平均每6分半鐘看一次手機，用戶在各種各樣的情景下使用手機。人類是地球上最具情感的動物，人類的行為也常常受到情感的驅(qū)動。在界面上融入情感化元素，引導(dǎo)用戶的情緒，使其更有效地引發(fā)用戶那些有意識無意識的行為，這種情感化的引導(dǎo)比單純使用視覺引導(dǎo)會來的更有效果?！昂唵蝸碚f，和數(shù)字系統(tǒng)打交道，就如同和一位彬彬有禮并樂于助人的人打交道一樣”。［1］有趣的手機交互設(shè)計就像是一位友好和善又幽默風(fēng)趣的人在和用戶交流，這種體驗會給用戶帶來除功能以外的關(guān)懷與驚喜。圖標作為WIMP(Window/Icon/Menu/Pointing Device)界面設(shè)計的相關(guān)部分，在人機交互設(shè)中無所不在。而手機圖標設(shè)計是智能手機整個交互系統(tǒng)中很重要的一項。

一、趣味性設(shè)計

趣味即愛好，情趣，興趣，感受，涉及的是人們心理存在、個人行為和價值觀，我們無法對趣味進行理性和科學(xué)的分析，因為趣味是人們的一種主觀感受，設(shè)計的是人們心理存在、個人行為和價值觀念。每一個人都有自己的想法、行為方式、價值觀念。因而每個人的趣味都是獨特的、個人化的，趣味千差萬別，沒有對錯，不分階層。［2］

趣味性設(shè)計是利用趣味性針對用戶情感化設(shè)計的領(lǐng)域。如果我們將設(shè)計中的趣味性加以轉(zhuǎn)換，這里的趣味性實質(zhì)上就是藝術(shù)性，是一種經(jīng)過深思熟慮的創(chuàng)意和藝術(shù)加工后的表現(xiàn)形式。針對用戶情感進行設(shè)計時需要考慮產(chǎn)品的用戶群，產(chǎn)品的情感設(shè)計將會為產(chǎn)品塑造個性，所以在設(shè)計初需要明確產(chǎn)品個性是否與目標用戶相符。從心理學(xué)角度分析，情感是人格的核心，產(chǎn)品真正的價值在于滿足人們情感需求，帶給人們內(nèi)心愉悅的審美體驗。我們應(yīng)將注意力轉(zhuǎn)移到用戶的情感化需求，將情感化設(shè)計融入到產(chǎn)品中，達到一種增值體驗，增值體驗以可用性為基礎(chǔ)，進而考慮使用過程中用戶在生理以外的心理需求。［3］情景是一些故事，是關(guān)于人及人活動的一些故事。［4，5］用戶情景是用戶用相關(guān)生活經(jīng)驗和審美體驗等進行產(chǎn)品認知和使用其功能時的語義情景。［6］結(jié)合情景設(shè)計從用戶的心理角度著手，通過讓圖標的形象與用戶的心理模型產(chǎn)生互動的方式，從而達到趣味的體驗。交互產(chǎn)品中的各類元素的設(shè)計，都應(yīng)該建立在人類已知行為和認知的基礎(chǔ)上，這樣才能從基于設(shè)計符號學(xué)行為學(xué)等相關(guān)學(xué)科的意義上設(shè)計出用戶能用的產(chǎn)品，交互產(chǎn)品的趣味性設(shè)計在產(chǎn)品能用、好用的基礎(chǔ)上應(yīng)該考慮到人的情感因素，強調(diào)一種有趣的用戶體驗。

二、手機ICON設(shè)計

手機圖標設(shè)計是設(shè)計師經(jīng)過對用戶的廣泛接觸和研究，采用同理心(empathy)［7］的設(shè)計方法。同理心又叫做換位思考、神入、共情，指站在對方立場設(shè)身處地思考的一種方式。符號可分為象征符號、圖像符號和指示符號［8］，這三種符號都可以作為智能手機圖標的中心符號。在圖標設(shè)計時，首先要確定主題、風(fēng)格、以及表現(xiàn)方式，然后具體到每一個圖標。在設(shè)計時要考慮到符號，色彩，形狀，特別是要注重細節(jié)的設(shè)計和現(xiàn)階段可以實現(xiàn)的技術(shù)支持。在這里把一枚圖標分為中心符號，背景輪廓，中心符號即一枚圖標中代表自身功能的符號，如圖1所示，圖標的中心符號可以是三者中的任意一種。背景輪廓指圖標的總體外部輪廓，如今大多數(shù)手機圖標的背景輪廓是方形，也有其它不規(guī)則形狀，但也有一部分圖標沒有背景輪廓。

圖1 圖標分解示意

三、手機ICON趣味性設(shè)計的引導(dǎo)

(一)出于快樂之源多巴胺的設(shè)計。當我們識別出一些現(xiàn)實生活中為我們所熟悉的模式時，大腦就會分泌出那種可以帶來快樂的神經(jīng)系統(tǒng)化學(xué)物質(zhì)——多巴胺。而當你遵循這個模式完成一件事并取得成功時，快樂之源多巴胺就會給你再來一次額外的脈沖刺激。［9］人們出于本能對已知的事物更有好感，而且從設(shè)計符號學(xué)角度來審視，那些所能代表一定意義的符號是大多數(shù)人已知且認可的，像相機的圖標會是一個鏡頭的圖形，電話的圖標是一個聽筒的圖形，人們對這些已知的符號所代表的意義能很容易地識別，在多巴胺的影響下便會產(chǎn)生愉悅的感覺。此外，定然中心符號的原型不變，但是最終呈現(xiàn)給用戶的圖標會受形狀、整體風(fēng)格、色彩、表現(xiàn)手法、實現(xiàn)方式等多方面的影響因素共同組成，故可以在上述方面作出改變，具體從以下幾點著手提高圖標的趣味性。

1.圖標形象具有幽默性。具有幽默性的圖形表達或者是有趣的抽象造型，或者是具有某種形態(tài)語義，將某些自然界的事物形態(tài)進行夸張變形，產(chǎn)生有趣的，讓人浮想聯(lián)翩的，有時甚至令人捧腹的形態(tài)。在設(shè)計中體現(xiàn)幽默性，就要求設(shè)計者本身要具有幽默的氣質(zhì)，設(shè)計者要對周圍的世界具有敏感性和保持好奇心，再運用豐富的聯(lián)想和開放性的思維才有可能將幽默性賦予產(chǎn)品。此處具體可以通過對圖標的中心符號重點設(shè)計，運用具象的人們本身就公認的友好的帶有趣味性的符號，比如微笑，扮鬼臉等符號。

2.圖標形象運用隱喻?！半[喻”在希臘文中的意思是“意義的轉(zhuǎn)換”，即賦予一個詞它本來不具有的涵義;或者，用一個詞表達它本來表達不了的意義。隱喻是由三個因素構(gòu)成的:“彼類事物”、“此類事物”和兩者之間的聯(lián)系。由此而產(chǎn)生一個派生物:由兩類事物的聯(lián)系而創(chuàng)造出來的新意義。合理選擇隱喻對象，要注意約定俗成的隱喻元素盡量不要改變，如文件袋代表文件管理，信鴿代表信息，盾牌代表保護，而符號“@”就會讓人想起郵件，合理運用隱喻，就會讓圖標的中心符號有更多的選擇空間，從而更好地傳遞趣味性。如圖2所示，傳統(tǒng)的天氣應(yīng)用圖標都是太陽白云之類的氣象圖標，而此圖標采用來源于兒時鐘愛的日本動漫《一休哥》中代表天氣的玩偶小晴洋，這讓用戶在看到的時候不僅有了些許玩味更會有親切感。

圖2 以“小晴洋”為中心符號的天氣圖標

3.圖標結(jié)合自身功能所表現(xiàn)出的趣味性。對于極簡主義風(fēng)格的圖標來說，統(tǒng)一的背景輪廓可能會使整套圖標顯示在手機屏幕上整齊有序，但是對于不同的圖標來說，將圖標的輪廓背景與中心符號結(jié)合起來創(chuàng)造出新的圖標形象也許更加有趣生動，如圖3所示刪除的圖標，打開的垃圾桶蓋與回收站的功能結(jié)合得很好，生動有趣且一目了然。

圖3 垃圾箱形式的刪除圖標

4.圖標與場景結(jié)合所表現(xiàn)出的趣味性。此點主要表現(xiàn)在屏鎖軟件的圖標上，開鎖是使用手機的第一步，由于屏保界面只有少數(shù)圖標元素，所以開鎖圖標可以與整個壁紙場景互動。讓平常的開鎖解鎖體驗更加有趣。小米手機有一套手機系統(tǒng)的自由桌面方案，以時下熱門游戲憤怒的小鳥為主題，每只小鳥代表一種應(yīng)用，在界面上可以自由排放，再用游戲場景圖片作為壁紙，不論是在排放圖標的過程還是在以后使用的過程中都多出一種新穎有趣的體驗。

(二)出于好奇心理的設(shè)計。心理學(xué)認為:好奇心是個體遇到新奇事物或處在新的外界條件下所產(chǎn)生的注意、操作、提問的心理傾向。通常，人們認為好奇心是意外碰到某件趣事時才會產(chǎn)生的;好奇心還有提升幸福感與幫助克服焦慮的效用。［10］在手機的交互設(shè)計中針對好奇心進行一定設(shè)計，不但可以讓整個體驗過程變得有趣，更能在一定程度上緩解一部分用戶的焦慮情緒。在圖標設(shè)計上，一枚圖標以初始狀態(tài)為原型，在保證其符號所代表語義不變的情況下，形式隨著某種因素的變化而變化出不同的效果。比如隨著時間的推移或天氣的變化，圖標從中心符號，背景輪廓，色彩，動效等方面發(fā)生變化。比如表示天氣圖標的中心符號可隨著天氣的變化而呈現(xiàn)出太陽、云朵或雨滴等形象。

(三)可參與性產(chǎn)生的互動。用戶各有所好，適當增加自定義功能不但會讓用戶的產(chǎn)品在使用起來更加“順手”，而且會有區(qū)別于他人的一種歸屬感。讓用戶根據(jù)自己的喜好和使用習(xí)慣自定義自己的軟件，讓軟件更加符合用戶自身的使用習(xí)慣，但是自定義的程度也要適當，自定義要建立在不破壞影響產(chǎn)品整體架構(gòu)的基礎(chǔ)上才能幫助用戶得到使用的舒適感，如果任何功能都能自定義改動，容易造成混亂。在圖標方面表現(xiàn)在以下兩方面。

1.重視窗口掛架。時間、天氣以及便簽等這些常用的應(yīng)用大多數(shù)用戶會以桌面掛件的形式擺放在桌面上，和各種應(yīng)用的原始圖標相比起來，掛件不但能實現(xiàn)一定動效，而且可以不必拘泥于整個系統(tǒng)主題的風(fēng)格，大小以及形狀可以自定，所以掛件可以更加細膩，對其趣味性設(shè)計更加有利。如今智能手機的日期桌面掛件會提供多種形式，用戶可以根據(jù)自己的喜好添加掛件、選擇喜歡的掛件模式。

2.圖標自制等?！爸髁饔脩舸_實想自定義自己的設(shè)置。但是，他們更感興趣的是展示自己的個性。如果用于自定義的工具很簡單，如果用戶只需添加幾項可完成自定義，自定義還是很有價值的”。［11］開發(fā)制作圖標的應(yīng)用，并讓手機上的圖標可以自定義，但是自定義的步驟不可復(fù)雜，數(shù)量要適度，否則就會讓用戶覺得功能混亂不好用，適度的自定義不僅在制作圖標的過程中是一場有趣的體驗，展示自己的個性，而且在使用手機的過程中又是一場全新的體驗。

(四)社會化情感所產(chǎn)生的趣味心理。社會因素以一定方式影響著人們的喜怒哀樂，各種時事熱點也是需要關(guān)注的。情感是與社會性需要相聯(lián)系的高級的主觀體驗。流行風(fēng)格是社會化中很重要的一點，趣味性圖標的設(shè)計也可以適當以當下社會熱點為背景開發(fā)設(shè)計。

就圖標的整體風(fēng)格而言，要注意視覺風(fēng)格上的整體性和個體性，在一個放滿相似圖標的手機屏幕上快速辨認一個圖標就比較困難。但在手機屏幕上的圖標如果視覺風(fēng)格差異較大，就會影響視線的捕捉。［12］結(jié)合當下比較熱門的風(fēng)格，使圖標不但有趣而且美觀現(xiàn)代，如當下GUI設(shè)計流行的扁平化風(fēng)格，像素風(fēng)，復(fù)古風(fēng)等。以像素風(fēng)為例，像素風(fēng)格只是一種畫面的表現(xiàn)形式，這并不意味著像素畫風(fēng)就代表著丑陋和粗制濫造。在紅白機時代，8bit畫面的游戲仍然很經(jīng)典，引用像素風(fēng)格設(shè)計圖標會使用戶想起童年的游戲時代。扁平化圖標中心符號簡潔形象高度概括，給人留下更多遐想空間。復(fù)古風(fēng)格有圖形內(nèi)容和色彩搭配兩點可用。

移動互聯(lián)網(wǎng)的流行很大一部分是被智能手機用戶所推動，所以智能手機的設(shè)計要考慮到一大部分用戶是網(wǎng)民，而網(wǎng)絡(luò)文化的傳播使得各種網(wǎng)絡(luò)元素不得不被重視，一些成為時下熱點的熱詞，趣圖等也可以運用到趣味性圖標的設(shè)計上來，可做文字、圖形、整體風(fēng)格等方面的改變。軟件的使用對象并不是一群像開發(fā)者那樣的專業(yè)人士，大部分使用者只是各行各業(yè)的普通人，盡量避免使用計算機語言或者過于專業(yè)化的詞匯是一種比較明智的選擇，只有用戶能夠理解，才有學(xué)習(xí)使用的可能。而圖形方面，以網(wǎng)絡(luò)上流行的暴走漫畫為例，雖然畫風(fēng)粗粗獷卻極其有表達能力且畫面整體有趣生動，智能手機的圖標設(shè)計可以借鑒其表現(xiàn)方式做進一步的設(shè)計以提高整體的趣味性體驗。

四、結(jié)語

趣味性的手機圖標不一定是做的最細膩的，但一定會在使用過程中與用戶的內(nèi)心的某個點發(fā)生共鳴，找到這些有趣的點，并為之設(shè)計，讓用戶在使用過程中有更加愉悅的體驗，這就是趣味性手機圖標設(shè)計的價值所在。

［1］Alan Cooper，Robert Riemann，David Cronin.交互設(shè)計精髓［M］.北京:電子工業(yè)出版社，2008

［2］蘆青，喇凱英.產(chǎn)品設(shè)計趣味性的探討［J］.藝術(shù)與設(shè)計，2010

［3］張潔.新一代智能手機交互設(shè)計中的情感化設(shè)計［D］.北京服裝學(xué)院，2011

［4］CARROLL JM.Scenario－based design:envisioning work and technology in system development［M］.New York，N.Y.，USA:John Wiley＆Sons，1995

［5］NARDDIBA.The use of scenarios in design［J］.ACM SIGCHI Bulletin，1992，24(4)

［6］羅仕鑒，朱上上，應(yīng)放天，張勁松.手機界面中基于情境的用戶體驗設(shè)計［J］.計算機集成制造系統(tǒng)，2010，16(2)

［7］Steven Heim.和諧界面——交互設(shè)計基礎(chǔ)［M］.北京:電子工業(yè)出版社，2008

［8］皮爾斯.論符號［M］.成都:四川大學(xué)出版社，2014

［9］Jonah Lehrer.How We Decide［M］.Houghton Mifflin Co，2009

［10］卡什丹.好奇心［M］.杭州:浙江人民出版社，2014

［11］Giles Colborne.簡約至上——交互式設(shè)計四策略［M］.北京:人民郵電出版社，2014

［12］張思望.淺析手機圖標設(shè)計對信息傳遞的重要性［A］.第三屆國際交互設(shè)計大會論文集［C］.2013