張飛宇 杜娟

ZHANG Fei-yuDU Juan*

（南昌航空大學，江西 南昌 330063）

(Nanchang Aeronautical University, Nanchang, Jiangxi, 330063)

1 APP 界面設計中符號的語義傳達

美國符號學家查爾斯·桑德斯·皮爾士（Charles Sanders Peirce）的三元符號學將符號分為3 個基本類型：像似符（Icon），即圖像符號；指示符（Index），即索引式的提示性符號；規(guī)約符（Symbol），即象征符號。中國學者段煉在其專著《視覺文化與視覺藝術符號學：藝術史研究的新視角》一書中提到，國內(nèi)有學者將“Icon”一詞譯為“擬像”，但皮爾斯并未明確限定該符號僅為人為圖像，故趙毅衡將其譯作“像似符”；將“Icon”補譯為“圖標”符合皮爾斯本意——“圖”即普通圖像、包括人造與自然圖像，“標”含標記之意，即抽象圖像，既可以是人為簡化的圖像，也可以是自然的簡單圖像[1]。圖像符號的符形是用肖似的方式來表征對象的，例如一幅畫像，雖然不是其本人，但是可以代表那個人[2]；將該概念引申到用戶界面的信息傳遞中，用戶界面設計中的界面呈現(xiàn)隸屬于符號的范疇，故可在此學術背景上進行研究。而APP 產(chǎn)品界面作為用戶界面的一種類型，可在此概念中作衍生分析。

界面中的信息被精確傳達給用戶，是用戶對該產(chǎn)品有良好的體驗感的前提，也是該界面設計作為一個好的界面設計典范的標志。符號作為界面中最主要的設計語言，通常被設計師以同構、異構等表現(xiàn)形式來進行直義或轉義的表達，具有極深的設計內(nèi)涵，其以最通俗易懂的形式表現(xiàn)界面的“萬種風情”，界面設計的具體開發(fā)流程實際上就是設計師將信息符號化后呈遞給用戶解讀的過程[3]。當APP 界面設計師根據(jù)特定用戶群體的文化特質(zhì)來建立符合用戶理解、認知能力的APP 界面符號系統(tǒng)時，若該系統(tǒng)的語義能夠在不依靠任何注釋的情況下被用戶群體直接理解，那么這就表示該符號的語義信息已被成功傳達。

2 阿基米亞設計理念和特點分析

阿基米亞設計源于意大利后現(xiàn)代設計運動的先鋒人物——亞歷山德羅·門迪尼（Alessandro Mendini）領導的阿基米亞（Alchymia）工作室。亞歷山德羅·門迪尼認為現(xiàn)代主義設計更需要貼近人本性，強調(diào)對功能、規(guī)范、品質(zhì)等方面的重視。他的設計作品中常常用趣味戲謔的手法及活潑鮮艷的色彩裝飾傳統(tǒng)莊重的經(jīng)典設計產(chǎn)品[4]，充分體現(xiàn)出該流派“烏托邦”式的設計特征[5]。門迪尼善于用趣味的裝飾符號營造出設計作品的“視覺烏托邦”感，試圖呈現(xiàn)出一種逐步擺脫現(xiàn)實、抽象、“物體危機”以及烏托邦和反烏托邦的愿景[6]，其作品中最常出現(xiàn)的裝飾符號是小旗子、點、球及補花等，見圖1。他常將日?？梢姷难?guī)蹈矩式平常事物作為設計的落腳點，關注人與環(huán)境本身的聯(lián)系，經(jīng)過其再設計后的世界通常充滿著童話意趣。如1978 年展出的由門迪尼進行再設計的普羅斯特（Proust）扶手椅，是阿基米亞工作室最具代表性的設計案例。該扶手椅將18 世紀巴洛克經(jīng)典風格的椅子造型同保羅·西涅克（Paul Signac）點彩派中的鮮艷的色點彩進行裝飾融合，由設計師本人手工制作，見圖2。使得傳統(tǒng)的椅子多了一些詩意浪漫空間。此后在門迪尼的領導下，阿基米亞工作室的設計師又在此把椅子設計形式的基礎上，運用不同的裝飾圖案符號對其他物品進行了多次的“再設計”，創(chuàng)造出了許多裝飾形式怪誕新穎、具有離經(jīng)叛道的設計意味的產(chǎn)品。阿基米亞設計理念是試圖使平凡的產(chǎn)品通過戲劇化的裝飾細節(jié)，迸發(fā)出新的生命力。設計制作方法是強調(diào)細致的工藝制作，把小規(guī)模的、作坊式的生產(chǎn)作為產(chǎn)品設計試驗的手段，提倡對現(xiàn)代藝術的參考及鮮艷色彩的運用。鮮艷抽象的復雜符號視覺效果是阿基米亞設計常用的裝飾手法。

圖1 阿基米亞設計的部分主要裝飾符號[7]

圖2 1978 年被再設計的普羅斯特扶手椅

3 阿基米亞設計對APP 界面設計視覺表現(xiàn)的啟示

用戶在處于不同環(huán)境時，對于APP 的使用需求也不盡相同。這也就要求設計師在進行APP 界面設計時不僅要注重界面產(chǎn)品的美觀性能，還要關注用戶在各個層面上對于界面產(chǎn)品的不同體驗要求。設計師在進行設計時，首先應當進行充分完備的用戶研究，根據(jù)該APP 的背景及主題，確立該應用的核心競爭力及其用戶群體；其次建構好場景模型及用戶模型，在充分考慮用戶的體驗需求后，選用或象征或隱喻的視覺載體來設計該APP 的界面符號。阿基米亞設計產(chǎn)品上的裝飾符號大多蘊含著生命的蓬勃性特征，這種“異?！钡脑O計表現(xiàn)雖在當時的設計領域里引發(fā)了軒然大波，但若以今天的設計眼光看，該組織的符號裝飾理念特色鮮明、極具趣味性，如果將其改造運用在APP 界面的設計表達上，能夠使得界面呈現(xiàn)出別樣的風格特色。以此為基礎，經(jīng)過多次測試及修改完善后的界面必定能夠成為一個好的產(chǎn)品，具備充分的視覺表現(xiàn)內(nèi)涵并能夠迎合到特定用戶群體的審美意趣。

3.1 符號的裝飾性表達

阿基米亞設計特色在于通過對符號的裝飾性表達以傳遞出某種情緒，凸顯設計作品的藝術特色。其特殊的符號魅力征服了大眾，故迅速在市場上樹立了其獨特的品牌特色，對當時的設計領域產(chǎn)生了猛烈的撞擊。阿基米亞的裝飾藝術符號既能夠傳遞出形式美，又能夠以明了的語義快速傳達出設計者所要傳達的作品內(nèi)涵，在進行APP 界面設計時將阿基米亞設計理念融入到設計中，把設計構思的落腳點置于符號的裝飾性表達里，能夠創(chuàng)造出具有形式美的界面視覺烏托邦。色彩作為裝飾符號的組成元素之一，對人的認知及情緒具有比較直接的影響，是觸動人情緒的鑰匙。阿基米亞設計反對現(xiàn)代主義設計中所常用的單一、莊重的裝飾色彩，設計者在對產(chǎn)品進行“再設計”時，善用活潑鮮艷的色彩符號作為設計的裝飾語言，企圖尋求與當代主流設計所不同的人性化審美設計。在APP 界面中適度使用活潑鮮艷的色彩符號裝飾以突出界面中重點的視覺內(nèi)容，將會呈現(xiàn)出一個邏輯清晰的界面，這樣的界面通常能夠給用戶帶來強烈的視覺沖擊，能夠給用戶帶來良好的情感體驗。如橙色作為一種醒目而溫暖的顏色，所營造的通常是緊張的警示性氛圍，“淘寶”APP 界面商品展示欄中的商品價格通常被標注以橙色，以加粗放大的形式靠左垂直展示，能夠有效吸引消費者的注意力，引導消費者的視覺判斷?！爸W(wǎng)閱讀”APP 是一款基于“中國知網(wǎng)”PC 端的手機端學習類應用，該APP 的部分圖標展示見圖3，APP 的界面主題配色具有阿基米亞風格。APP 主圖標是一本填充了大量鮮艷色彩的書籍內(nèi)頁展開圖，書本的圖形符號設計呼應了“知網(wǎng)閱讀”向用戶提供期刊、圖書等資源這一核心服務，而圖標上所裝飾的紅、黃、藍、綠這多種色彩符號則為該款定位較為嚴肅的APP 增添了別樣的活力。首頁的界面設計采用漸變的粉橘、粉綠、粉紅、粉藍及粉紫的色彩符號分別作為不同圖標的背景色，界面的次要內(nèi)容則以冷靜的白色作為填充色。在符號的裝飾性表達來看，界面中所裝飾的具有活潑態(tài)勢的色彩符號十分醒目，使得界面的編排呈現(xiàn)出清晰的邏輯感，重要內(nèi)容被凸顯，具有鮮明的秩序性，能夠在用戶觀看界面的第一時間迅速跳脫出來。部分圖標在圖形呈現(xiàn)上采用了趣味化的符號裝飾設計，如“工具書”圖標中的書頁被設計者巧妙地加以“翻頁”設計，增添了界面符號的人性化裝飾意趣；“有聲書”圖標中的耳機周圍被加以從遠到近的音符作為裝飾，既增添了界面符號的美觀性，又有著觸動用戶情緒的交互功能。

圖3 “知網(wǎng)閱讀”APP 的部分圖標展示

在如今智能手機網(wǎng)絡技術高度發(fā)展的時代背景之下，各種系統(tǒng)自帶的應用類APP 的圖標呈現(xiàn)大同小異，抄襲現(xiàn)象層出不窮，不同手機系統(tǒng)下的APP 在圖形風格的呈現(xiàn)上來看難以區(qū)分。iOS系統(tǒng)的部分APP 圖標見圖4，所有圖標均具有獨特的風格特征，符號呈現(xiàn)趨向一致性，圖標的裝飾性設計表達體現(xiàn)出明顯的阿基米亞裝飾特色。圖標的色彩符號由深色到淺色、相近性顏色的漸變性呈現(xiàn)，如音樂圖標的色彩填充是通過由紫到橙、由橙到粉、再由粉到藍的漸變色裝飾來表達的，可立拍的圖標背景填充通過由紫到藍的漸變色來做裝飾表達，文件圖標則通過從深藍到淺藍的漸變色裝飾來做裝飾表達，該類符號的視覺表現(xiàn)特征符合人類思想意識形態(tài)中的美觀符號屬性，能夠從體驗層次上增進用戶對產(chǎn)品的正印象。

圖4 iOS 系統(tǒng)部分自帶APP 圖標展示

3.2 對現(xiàn)有符號的創(chuàng)意再造

阿基米亞設計反對現(xiàn)代主義設計中所常用的單一、莊重的設計符號，認為該種類型的裝飾符號缺乏人性，因此設計者在對產(chǎn)品進行“再設計”的過程中，善用符號語言對現(xiàn)有藝術品進行裝飾改造，企圖制造出一種與當代主流設計所不同的人性化審美設計產(chǎn)品。門迪尼在阿基米亞工作室進行設計探索時，習慣以民間藝術及現(xiàn)代設計理念作為設計參考，其設計作品多為形式怪誕的、充滿“滑稽”意味的藝術改進品，在推崇理性功能的現(xiàn)代主義設計中形成了與眾不同的風格。時至今日，門迪尼裝飾設計的部分產(chǎn)品仍然以其獨特的風姿在現(xiàn)代家居行業(yè)巍然屹立，其作品以極具視覺沖擊力的設計排列形式刺激著當代社會人群的眼球。由此可見，符號的情感性及創(chuàng)意性的表達在流行設計領域中有著十分重要的地位。

用戶的行為有著明確的目標導向性，對信息的獲取起主導作用[8]，基于目標的設計是阿基米亞設計人性化理念的重要體現(xiàn)。通過對視覺信息的加工來提高用戶視覺認知的興趣點，能夠增強用戶的代入感，進而引導用戶的產(chǎn)品使用情緒。在界面符號裝飾性展示的基礎上添加微動效的符號創(chuàng)意再造，能夠為界面用戶提供情感化的產(chǎn)品使用體驗。如在“QQ 音樂”APP 中添加喜歡歌曲的方式是在界面中點擊心形符號按鈕，當用戶未添加喜歡行為時，該符號的呈現(xiàn)形式與界面其他符號的形象趨向一致——灰色的描邊圖案；而當用戶在點擊該符號時，心形符號會因用戶的操作在界面中進行動態(tài)調(diào)整——先放大再收縮，填充形狀由無變?yōu)榧t色，與界面其他符號產(chǎn)生了強烈反差。這一對符號的動態(tài)化創(chuàng)意再造的設計方法，增添了界面產(chǎn)品的趣味性，強化了用戶的操作行為，讓APP 產(chǎn)品在細節(jié)的展示上促進用戶的情感體驗，推進了界面的情感化表達?！癚Q 音樂”的“喜歡”界面展示見圖5。在APP界面產(chǎn)品的設計中，通過對已有藝術作品符號的創(chuàng)意再造，能夠增加用戶對于產(chǎn)品環(huán)境的代入感，給用戶帶來一種似曾相識卻又陌生趣味的情感體驗，避免用戶因當下紛雜的APP 產(chǎn)品而產(chǎn)生視覺疲勞。站酷網(wǎng)站設計師麥同學的《印象·梵高》手機UI 作品具有典型的阿基米亞符號設計風格，部分作品呈現(xiàn)見圖6，界面的符號設計采用輕寫實的裱框和油畫材質(zhì)配合扁平質(zhì)感化的構圖的表現(xiàn)形式，從APP 界面的符號設計維度對梵高作品的部分符號進行了創(chuàng)意再造。因梵高的藝術作品本就形成了獨特的視覺風格，作者在此基礎上進行再設計的界面符號風格既趨向視覺風格的一致性，又呈現(xiàn)出典型的“梵高主義”，用戶從此APP 界面產(chǎn)品的配色及質(zhì)感中可尋溯到梵高的符號元素，故“印象·梵高”APP能夠輕易與用戶建立情感聯(lián)系，也能在流行文化的不斷沖擊下繼續(xù)發(fā)揚其特色，具有廣闊的發(fā)展前景。

圖5 “QQ 音樂”的“喜歡”界面展示

圖6 《印象·梵高》部分圖標展示[9]

3.3 置入界面符號的人文內(nèi)涵

門迪尼在當時的激進設計運動背景下所創(chuàng)作的大部分作品并非單純地為了反叛而反叛，而是考慮其作品的深層次文化內(nèi)涵，反對單調(diào)、冷峻的現(xiàn)代主義。因此國內(nèi)的APP 界面設計師要吸取門迪尼設計探索中的經(jīng)驗教訓，堅持以文化內(nèi)涵武裝自己的界面設計產(chǎn)品，不能只是突出產(chǎn)品冷冰冰的功能性，而是塑造出某種趣味性人性化設計，形成自我創(chuàng)新的設計理念。

由于民族、地域的不同，各個國家、民族的符號也具有不同特點的地域表現(xiàn)性，用戶慣用其所處的文化背景來解讀各類設計作品。設計師在進行界面設計時要時刻牢記以用戶為中心的設計理念，首先要確定該APP 所針對的用戶群體，以該群體所處的文化背景及其審美傾向作為設計根據(jù)，再依照其所處的文化環(huán)境，將其文化內(nèi)涵置入到界面設計的表達當中。之所以一些國家能夠?qū)⑵鋰鴥?nèi)的設計產(chǎn)品一直傳承延續(xù)，甚至將其發(fā)揚到全世界各地，是因為這些國家的產(chǎn)品往往具有其民族特色及文化底蘊，文化內(nèi)涵才是支撐設計產(chǎn)品一直被延續(xù)及傳播的根本奧義。如“美圖秀秀”APP 在主界面的設計中采用紅、黑、白3 種色彩符號，見圖7，用戶打開APP 首先關注到的就是紅色選框中的內(nèi)容，其界面中最具有視覺沖擊力的色彩符號同樣也是紅色部分。紅色在中國文化里是一種象征幸福、喜悅的色彩符號，因而“美圖秀秀”APP 能在文化層面及視覺層面上同時給用戶帶來良好的使用體驗感。針對APP 界面的設計是讓其設計符號的信息含量不斷轉化、不斷深化的設計過程，“設計師是用圖形創(chuàng)造符號的人”[10]，從圖形符號轉化至指示符號，需要設計師對該設計符號的表達形式進行反復斟酌，確認其含義表達準確無誤后，方能賦予其文化內(nèi)涵，使其質(zhì)變成蘊含深層意義的象征性符號。國內(nèi)的APP 界面設計師通過解讀中國不同民族、不同地域的文化，能夠獲得大量的文化內(nèi)容，將其作為靈感來源來進行界面設計，會使APP 的界面充滿人文底蘊，也必定能夠使其界面設計適應現(xiàn)代社會不斷開拓發(fā)展的時代潮流[11]。

圖7 “美圖秀秀”主界面展示

4 結語

阿基米亞設計是在特定語境下被多元化背景催生的產(chǎn)物，設計師們用畸變、媚俗的設計符號挑釁現(xiàn)代主義設計，給當時崇尚理性功能主義的設計領域提供了新形式的設計色彩，也為意大利的后現(xiàn)代主義設計夯實了一定的基礎。當今時代的許多符號都已被大眾接受并熟知，如何在現(xiàn)有基礎上對該類符號作高質(zhì)量的創(chuàng)新設計及人文化理念表達是界面設計師需要思考的問題。APP 界面設計作為滿足用戶需要的集多種符號為一體的當代流行的設計產(chǎn)品，將阿基米亞設計的產(chǎn)品開發(fā)策略歸置于APP 界面產(chǎn)品的設計中，具有極大的可操作性。阿基米亞工作室所營造的新風格設計意趣有力體現(xiàn)在其設計作品的符號表達中，其設計理念的核心在于對符號的裝飾性、再設計及文化內(nèi)涵的表達，APP 界面設計師將該風格下的符號裝飾特點及手法作為設計的切入點，能夠在進行界面設計實操時產(chǎn)生一定的啟示意義。