針對小界面空間增強圖標(biāo)設(shè)計的識別度研究

王 宣

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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