針對(duì)小界面空間增強(qiáng)圖標(biāo)設(shè)計(jì)的識(shí)別度研究

王 宣

（浙江工商大學(xué)藝術(shù)設(shè)計(jì)學(xué)院,浙江杭州 310000）

圖標(biāo)作為數(shù)字媒體時(shí)代中最為常見的視覺信息幾乎是更新速度最快的圖形和文字的集合體，其開始在更深層次的領(lǐng)域干預(yù)著大眾方方面面。其集合體性質(zhì)，使得小界面空間之中的圖標(biāo)絕非只是簡單的標(biāo)識(shí)，而是兼具視覺渲染體與信息傳輸?shù)木C合體。其便捷且精準(zhǔn)的信息傳遞力的性質(zhì)也決定了在小界面空間中的圖標(biāo)設(shè)計(jì)必須擁有更高的識(shí)別度及識(shí)別效率。

本文主要討論的是在互聯(lián)網(wǎng)飛速發(fā)展時(shí)代的當(dāng)下，手機(jī)、平板電腦、筆記本電腦等小界面空間中，增強(qiáng)圖標(biāo)設(shè)計(jì)的識(shí)別度及識(shí)別效率的可視性手法以及其設(shè)計(jì)中所呈現(xiàn)的發(fā)展趨勢(shì)。切入點(diǎn)主要是在可視性設(shè)計(jì)原則下示能與意符如何增強(qiáng)小界面空間圖標(biāo)設(shè)計(jì)的識(shí)別度，以及這種設(shè)計(jì)方式給予用戶的體驗(yàn)。

一、剔除浮夸后從本原出發(fā)

小界面空間圖標(biāo)設(shè)計(jì)在其示能方面需要具有相當(dāng)程度的設(shè)計(jì)合理性，DonaldNorman認(rèn)為“示能”的含義是：“一個(gè)物理對(duì)象以及人二者間的具體關(guān)聯(lián)?！焙唵伪硎?，APP的形態(tài)、色彩、主要標(biāo)識(shí)等具象屬性中如何傳達(dá)出用戶可以與之交互的重要信息。且不僅僅局限于APP本身的主旨形象和設(shè)計(jì)的視覺感受，還要兼顧軟APP的用途以及用戶在各個(gè)場(chǎng)景下的應(yīng)用。正如日本著名設(shè)計(jì)師深澤直人先生所提出的無意識(shí)設(shè)計(jì)，即將無意識(shí)的行為轉(zhuǎn)化為可見之物，在剔除紛繁復(fù)雜后提取出事物更簡潔的本原，回歸到人與物之間最原始的關(guān)系。深澤直人表達(dá)的正是工業(yè)與互動(dòng)兩大設(shè)計(jì)領(lǐng)域的傳輸與綜合。其核心理念在于構(gòu)設(shè)事物以及周邊環(huán)境的協(xié)同共生。縱然圖標(biāo)設(shè)計(jì)無法建立與環(huán)境之間的生態(tài)關(guān)系，但是作為小界面空間的圖標(biāo)設(shè)計(jì)本身就矗立于屏幕的界面設(shè)計(jì)環(huán)境中，一樣可以導(dǎo)入這個(gè)概念。因?yàn)橛脩敉瑯訒?huì)關(guān)注其中細(xì)節(jié)、感情，關(guān)注圖標(biāo)設(shè)計(jì)與小界面空間的和諧關(guān)系，通過將無意識(shí)的細(xì)節(jié)轉(zhuǎn)化為設(shè)計(jì)，從而使示能的表達(dá)更為清晰，這是完全一致的。

小界面空間指在人機(jī)之間相互影響并且參與信息交流的一切區(qū)域，在此區(qū)域內(nèi)的圖標(biāo)設(shè)計(jì)都需遵循刪繁就簡的簡潔性、創(chuàng)造記憶點(diǎn)的深刻識(shí)別度及識(shí)別效率、多場(chǎng)景應(yīng)用的通用性、與業(yè)務(wù)目標(biāo)一致的關(guān)聯(lián)性以及耐人尋味的藝術(shù)性這五大特性。

這里舉一個(gè)Reborn的APP圖標(biāo)設(shè)計(jì)例子，Reborn是一家在線互聯(lián)網(wǎng)訂購餐飲食材并且與健康飲食社區(qū)相連的平臺(tái)。在設(shè)計(jì)時(shí)僅通過標(biāo)志性的字母R，在視覺呈現(xiàn)上的效果雖然簡約，但是對(duì)于新用戶來說圖標(biāo)的功能識(shí)別性較弱，在小界面空間這一展現(xiàn)空間有限且用戶習(xí)慣于快速瀏覽的區(qū)域中，盡力展現(xiàn)品牌自身形象的同時(shí)往往容易失去其對(duì)于內(nèi)容的表達(dá)和引導(dǎo)。

從視覺風(fēng)格上來講，其正是最具時(shí)尚性的雙色調(diào)多層質(zhì)感風(fēng)格。同時(shí)元素在應(yīng)用之余，追求簡約明快的審美情思。具體體現(xiàn)在彌散漸變、沖擊配色與直觀明了的輪廓設(shè)計(jì)等領(lǐng)域。整體的版式分為三層，第一層是字母：將絲帶狀的字母加入輕微的運(yùn)動(dòng)的元素，帶來創(chuàng)新的感覺。字母躍動(dòng)于白色立方體上，顯現(xiàn)了Reborn作為現(xiàn)代化的企業(yè)同時(shí)也將引領(lǐng)數(shù)字媒體時(shí)代的潮流。將字母與背景的色彩做了區(qū)分，字母加入了漸變、過渡的色彩，使得字母更加的立體化，傳遞著Reborn自信和青春的力量，也是整個(gè)設(shè)計(jì)的視覺焦點(diǎn)。第二層是立方體：白色立方體邊緣做了圓角處理，同時(shí)又添加了底部的陰影、投影、反光，角度傾斜的形態(tài)從示能的角度來看，圓角的物體就算傾斜摔倒由于圓角處理的緩沖，內(nèi)部的物品并不會(huì)輕易損壞。過往的生活經(jīng)驗(yàn)使人聯(lián)想到帶有緩沖處理的快遞盒子，再配合長期的視覺線索，就可以更直觀地了解到Reborn所要傳達(dá)的是在貨品配送時(shí)他們提供的是高效、安全、快捷服務(wù)。第三層是背景：背景的紅色在亮度上做了進(jìn)一步的調(diào)整，體現(xiàn)著Reborn服務(wù)的熱心這有助于樹立更好地品牌意識(shí)，也就是將Reborn與餐飲業(yè)健康食品、食材的訂購和自動(dòng)配送，以及其健康飲食社區(qū)的各項(xiàng)服務(wù)直接掛鉤。

整個(gè)設(shè)計(jì)層級(jí)分明，傳達(dá)要素明確，在小界面空間中具有更高識(shí)別度及識(shí)別效率。圖標(biāo)的細(xì)節(jié)設(shè)計(jì)和整體效果的處理也是令大部分用戶在使用時(shí)產(chǎn)生正面感受的因素之一?；诟呓y(tǒng)一性與綜合性的視覺感知，以及更富精化的細(xì)節(jié)分析，用于提升識(shí)別度及識(shí)別效率，以此將產(chǎn)品功能等同于品牌本身，這也是一個(gè)非常有趣的解決問題的方式。多緯度這一設(shè)計(jì)理念，以及愈發(fā)精準(zhǔn)與直觀的視覺呈現(xiàn)，必將是后續(xù)設(shè)計(jì)增強(qiáng)識(shí)別度與識(shí)別效率的發(fā)展方向之一?；貧w到圖標(biāo)設(shè)計(jì)的本原，提高圖標(biāo)的識(shí)別度及識(shí)別效率，其親切感往往在初期就可以完全打動(dòng)用戶的心，以便建立更高的品牌信任和忠誠度。

二、點(diǎn)明應(yīng)用的定位

再來說說意符，個(gè)人認(rèn)為意符是作為可視性設(shè)計(jì)中最有效的手段，也將會(huì)是小界面空間圖標(biāo)設(shè)計(jì)提高識(shí)別度及識(shí)別效率的一個(gè)趨勢(shì)。一系列組織并解釋外界客體和事件產(chǎn)生的感覺信息的加工過程，即通過一些符號(hào)、造型來清晰的告知用戶APP的功能。特別是在UI設(shè)計(jì)之中，意符比設(shè)計(jì)重要，因?yàn)樗鸬綔贤ǖ淖饔?，具有深刻的引?dǎo)性。

原先圖標(biāo)設(shè)計(jì)的風(fēng)格偏向擬物化的仿真質(zhì)感，來提供給用戶視覺線索。然而擬物化的設(shè)計(jì)極易使用戶在視覺上產(chǎn)生審美疲勞。擬物化紛繁復(fù)雜的細(xì)節(jié)，過度還原著物品在現(xiàn)實(shí)生活中的形態(tài)，使得用戶產(chǎn)生審美疲勞并在消耗完了對(duì)花哨外表的新鮮感后，選擇了極簡主義潮流引導(dǎo)下的扁平化設(shè)計(jì)。這也就是為什么蘋果第一代手機(jī)出來的時(shí)候會(huì)被大家奉為圭臬的原因。視覺呈現(xiàn)方面，更加明晰且易操作的方式，大大增加了用戶在使用時(shí)的便捷性。配色方面，低調(diào)中也不乏些許張揚(yáng)的配色，提高了審美時(shí)的舒適感，避免了單一色彩的審美疲憊，為用戶視覺體驗(yàn)和好感度加了分。在看似狹窄有限的小界面空間之中締造更豐富的視覺表達(dá)。不得不說以蘋果為代表的意符設(shè)計(jì)，呈現(xiàn)出互聯(lián)網(wǎng)時(shí)代圖標(biāo)設(shè)計(jì)持續(xù)精進(jìn)、透徹呈現(xiàn)、特色鮮明的精神，將基于可視性設(shè)計(jì)原則圖標(biāo)設(shè)計(jì)在增強(qiáng)識(shí)別度和提升識(shí)別效率這方面帶入一個(gè)嶄新的階段。

如LOUIS THE GAME的圖標(biāo)設(shè)計(jì)，字母采用極簡的字母形象，去掉冗余的機(jī)理，平滑精致的字體非常現(xiàn)代化。字母周圍符號(hào)化的設(shè)計(jì)，是三個(gè)去掉雜質(zhì)感的經(jīng)典標(biāo)志。精致的外輪廓采用全新的配色設(shè)計(jì)來替代復(fù)雜的光影效果，使得圖標(biāo)的首映就被賦予了眼前一亮、身臨其境的感受。剖析所有顏色后發(fā)現(xiàn)，為了增強(qiáng)圖標(biāo)的識(shí)別度，提升識(shí)別效率，圖標(biāo)整體色調(diào)選擇的正是具備絕對(duì)一致性的柔和調(diào)設(shè)計(jì)，選擇漸變質(zhì)感的方式，構(gòu)造了極具精巧性的視覺感官，彰顯出低調(diào)內(nèi)斂的APP形象?？紤]到其休閑娛樂的性質(zhì)，圖標(biāo)中排列了三根從底部延伸支撐至經(jīng)典標(biāo)志的豎向窄細(xì)長條，為用戶對(duì)APP的使用預(yù)期傳遞著線索。在以后的日子里，意符設(shè)計(jì)在小界面空間中增強(qiáng)圖標(biāo)識(shí)別度的市場(chǎng)中也許會(huì)扮演越來越重要的角色。

基于小界面空間的這樣一個(gè)發(fā)展迭代迅猛的進(jìn)程中，意符設(shè)計(jì)也隨著時(shí)代變化而變化，在方寸之間和高像素視角中進(jìn)行發(fā)揮，例如扁平化設(shè)計(jì)風(fēng)格又正在逐步延伸為動(dòng)態(tài)化設(shè)計(jì)風(fēng)格（Motion Icon)、單色漸變透明設(shè)計(jì)風(fēng)格（Alpha Icon）等。為了提升產(chǎn)品體驗(yàn)，增強(qiáng)識(shí)別度，對(duì)于提升圖標(biāo)識(shí)別效率的意符設(shè)計(jì)運(yùn)用將逐步成為未來小界面空間圖標(biāo)設(shè)計(jì)交互的主流。

三、拒絕同質(zhì)化的突進(jìn)

小界面空間的圖標(biāo)設(shè)計(jì)越來越多，大量的圖標(biāo)設(shè)計(jì)在貼合市場(chǎng)需求的同時(shí)也帶來了不少設(shè)計(jì)同質(zhì)化的問題。設(shè)計(jì)出現(xiàn)了一套流水作業(yè)流程：以功能實(shí)現(xiàn)為第一需求，之后分析其使用上的便利性以及技術(shù)上的可行性，最后通過各環(huán)節(jié)的評(píng)審后輸出。流程愈加的標(biāo)準(zhǔn)化，小界面空間圖標(biāo)設(shè)計(jì)的識(shí)別效率每況愈下，市場(chǎng)行情也越來越趨同。在這種趨勢(shì)下，IBM公司做出了新的嘗試。

由于小界面空間圖標(biāo)設(shè)計(jì)同質(zhì)化的嚴(yán)重性，IBM公司領(lǐng)悟到利用品牌植入概念的圖標(biāo)設(shè)計(jì)可以大大提高其識(shí)別度。于是開始重新審視圖標(biāo)設(shè)計(jì)的識(shí)別度，意圖塑造具有品牌特色的圖標(biāo)設(shè)計(jì)，使用戶迅速產(chǎn)生深刻而有效的記憶。IBM公司確信，優(yōu)秀的設(shè)計(jì)等同于成功的商業(yè)。為了徹底轉(zhuǎn)變IBM公司的圖標(biāo)識(shí)別度，提升識(shí)別效率，IBM公司將品牌核心符號(hào)植入到小界面空間圖標(biāo)設(shè)計(jì)中。這一思路展現(xiàn)公司自身形象的同時(shí)充分打造圖標(biāo)的記憶點(diǎn)，與IBM字母基因保持了一定程度的一致性。從另一角度來看，這也確保了高識(shí)別度圖標(biāo)設(shè)計(jì)能在多渠道、多范圍、多條件的應(yīng)用。

IBM公司發(fā)掘自身的特色，在圖標(biāo)的視覺設(shè)計(jì)呈現(xiàn)上，對(duì)品牌原有圖形進(jìn)行提煉。摒棄復(fù)雜的光影質(zhì)感，選取了高識(shí)別性的極簡扁平藝術(shù)風(fēng)格，利用擬物化的字母形成了自己獨(dú)特的品牌圖形。提取出品牌圖形的幾何輪廓，在去除冗余的不規(guī)則感后，讓圖形整體線條更加的圓潤和規(guī)整。在視覺語言上保留了慣有的協(xié)調(diào)一致性，運(yùn)用紅黃藍(lán)三原色為基礎(chǔ)的色彩變化，達(dá)到色彩的一致性。圖形和字母的規(guī)格嚴(yán)格遵循著圖形比例的一致性，通過對(duì)幾何元素的排列再組合最終形成統(tǒng)一風(fēng)格。字母M其實(shí)則遵循了保羅?蘭德在技術(shù)藍(lán)色八條紋的傳統(tǒng)理念，基于水平等線構(gòu)成處理，使得人心可以生成類用于電磁波震動(dòng)的爽感，其一者貫穿著高科技行業(yè)的本質(zhì)，再者賦予公司縝密，科學(xué)，時(shí)尚且充滿活力的發(fā)展意蘊(yùn)。

四、結(jié)語

如同一夜之間，小界面空間的圖標(biāo)設(shè)計(jì)變得如此紛繁多樣，像滾輪一樣的設(shè)計(jì)風(fēng)潮不斷地變更著，也相信在未來的日子里增強(qiáng)小界面空間圖標(biāo)設(shè)計(jì)識(shí)別度有著更多元，更超前的設(shè)計(jì)概念出世。任何圖標(biāo)設(shè)計(jì)均基于小界面空間持續(xù)革新，搜集源自各種用戶的表達(dá)，設(shè)計(jì)師反復(fù)研究與精化，使其日漸契合時(shí)代的具體規(guī)范。無論是圖標(biāo)設(shè)計(jì)與示能、意符的結(jié)合，或者新興設(shè)計(jì)原則的導(dǎo)入。小界面空間的圖標(biāo)設(shè)計(jì)藝術(shù)風(fēng)格的表現(xiàn)是隨著時(shí)代的變化而變化的，但無論在哪個(gè)時(shí)代增強(qiáng)圖標(biāo)設(shè)計(jì)識(shí)別度，提升識(shí)別效率都有其存在的意義和價(jià)值。圖標(biāo)設(shè)計(jì)藝術(shù)風(fēng)格的變化趨勢(shì)會(huì)隨著智能科技的發(fā)展走入下一個(gè)新時(shí)代，然而回歸到本源，作為小界面空間的圖標(biāo)設(shè)計(jì)必須做到強(qiáng)識(shí)別度和高識(shí)別效率，繼此才能在后續(xù)的設(shè)計(jì)中產(chǎn)生其價(jià)值。