設(shè)計(jì)的情懷

李婷

移動(dòng)互聯(lián)網(wǎng)時(shí)代，手機(jī)等移動(dòng)終端已經(jīng)成為我們每天生活的必須品。手機(jī)APP圖標(biāo)設(shè)計(jì)，即手機(jī)應(yīng)用圖標(biāo)設(shè)計(jì)，伴隨用戶需求的發(fā)展變化，它的表現(xiàn)形式經(jīng)歷了擬物化、扁平化等發(fā)展階段。本文通過(guò)分析圖標(biāo)設(shè)計(jì)的擬物化和扁平化風(fēng)格，淺談手機(jī)APP圖標(biāo)設(shè)計(jì)的新趨勢(shì)。

圖標(biāo)設(shè)計(jì)的概念及重要性

圖標(biāo)設(shè)計(jì)，是界面設(shè)計(jì)中最重要的一部分，圖標(biāo)是一種圖形、符號(hào)。早期的圖畫(huà)符號(hào)、象形文字等，都可以看做是最早的圖標(biāo)。還有一些圖騰符號(hào)等，它具有代表性和象征性。圖標(biāo)的功能是，用圖像來(lái)標(biāo)識(shí)、說(shuō)明并傳達(dá)信息。

數(shù)字時(shí)代的圖標(biāo)，是計(jì)算機(jī)圖形，它是進(jìn)入某應(yīng)用程序、某網(wǎng)站的點(diǎn)擊按鈕。圖標(biāo)是張名片，代表了該應(yīng)用程序、該網(wǎng)站的形象，直觀的展現(xiàn)在用戶界面上。圖標(biāo)設(shè)計(jì)，要求能夠快速被用戶識(shí)別，并且消除與用戶之間的溝通障礙，縮短人機(jī)之間的距離。

圖標(biāo)設(shè)計(jì)，是人機(jī)交互體驗(yàn)、進(jìn)入虛擬世界最直觀的操作入口，其重要性不言而喻。數(shù)字媒體設(shè)計(jì)史很短，但其發(fā)展速度遠(yuǎn)超其它設(shè)計(jì)類型。硬件、用途、便捷度等系列的因素，都成為其高速發(fā)展的助推器。從大哥大到智能手機(jī)，從模擬信號(hào)到數(shù)字信號(hào)，從簡(jiǎn)單的通話功能到如今的手機(jī)銀行、手機(jī)購(gòu)物，通話與短信如今只是手機(jī)功能的小部分。移動(dòng)終端在我們生活中扮演的角色越來(lái)越重要，其界面及圖標(biāo)的設(shè)計(jì)不僅成為一門獨(dú)立學(xué)科，還會(huì)有大量人力物力投入其中，市場(chǎng)主導(dǎo)了這切，但消費(fèi)者也主導(dǎo)著市場(chǎng)。

同類型的手機(jī)APP其功能相差無(wú)幾，推動(dòng)它們不斷發(fā)展的是“用戶”。如何快速積累用戶并保證其忠誠(chéng)度的，必然是良好的“用戶體驗(yàn)”。如何準(zhǔn)確把握用戶心理及審美趨勢(shì)，是開(kāi)發(fā)者們比拼與研究的重點(diǎn)，然而這一切最直觀的便是圖標(biāo)設(shè)計(jì)。圖標(biāo)設(shè)計(jì)的大小、色彩、形狀等設(shè)計(jì)原則和方法，以及用戶的個(gè)性需求，都值得我們?nèi)ド钊胙芯俊Ｈ缃瘢藗儗?duì)手機(jī)APP圖標(biāo)設(shè)計(jì)的要求越來(lái)越高，它的發(fā)展也經(jīng)歷了擬物化、扁平化設(shè)計(jì)等不同的階段。

擬物化圖標(biāo)設(shè)計(jì)

擬物化設(shè)計(jì)，模擬的是現(xiàn)實(shí)生活中的真實(shí)物體，繪制有高光、陰影、空間感的設(shè)計(jì)，力求對(duì)實(shí)物的再現(xiàn)。它的優(yōu)勢(shì)就是辨識(shí)度高，通俗易懂，消除了廣大用戶對(duì)計(jì)算機(jī)或移動(dòng)終端的認(rèn)知障礙。像ibooks電子書(shū)的界面設(shè)計(jì)，模擬設(shè)計(jì)了一個(gè)真實(shí)的書(shū)架，看起來(lái)真實(shí)具體，閱讀的翻頁(yè)，也是模擬了真實(shí)的翻閱紙質(zhì)書(shū)效果。讓用戶體驗(yàn)到，通過(guò)手機(jī)、ipad閱讀書(shū)籍，感覺(jué)就像讀紙質(zhì)書(shū)一樣好。

擬物化圖標(biāo)設(shè)計(jì)，是從物理按鍵的計(jì)算機(jī)設(shè)備或移動(dòng)通訊設(shè)備，向智能終端轉(zhuǎn)型的過(guò)程中逐步形成。讓人們能在實(shí)體的按鍵或操作界面向虛擬界面和按鈕中盡快適應(yīng)。極大減小了對(duì)虛擬操作的學(xué)習(xí)成本，從另一方面也包含著一代人對(duì)舊物的各種情懷，如音樂(lè)播放器中“磁帶”的形象、設(shè)置選項(xiàng)上的“齒輪”形象、地圖功能中的“指南針”形象等，都蘊(yùn)含著代人或幾代人的回憶。即使無(wú)任何解釋，使用者也能大致猜出其功能。

早期，擬物化是圖標(biāo)設(shè)計(jì)的主流形式，它有親和力，本著真實(shí)自然的用戶體驗(yàn)為初衷。擬物化設(shè)計(jì)，更容易受到老年人和兒童的喜愛(ài)。但是擬物化設(shè)計(jì)需要花費(fèi)過(guò)多的精力，有些過(guò)度的擬物化設(shè)計(jì)，會(huì)讓用戶產(chǎn)生反感情緒，會(huì)產(chǎn)生視覺(jué)疲勞。數(shù)碼時(shí)代，產(chǎn)品更新?lián)Q代太快，用戶對(duì)界面圖標(biāo)的要求也不斷變化，需要圖標(biāo)設(shè)計(jì)不斷的變化更新，圖標(biāo)的形式也開(kāi)始趨于多樣化。

扁平化圖標(biāo)設(shè)計(jì)

2013年，蘋果公司發(fā)布了IS07扁平化風(fēng)格的界面設(shè)計(jì)，自此扁平化設(shè)計(jì)風(fēng)格開(kāi)始逐漸成為主流。扁平化設(shè)計(jì)，是去掉陰影、高光等裝飾效果，更加筒約抽象的表達(dá)信息，倡導(dǎo)“少即是多”、“極簡(jiǎn)主義”的設(shè)計(jì)理念。

扁平化圖標(biāo)設(shè)計(jì)不再關(guān)注對(duì)實(shí)物的真實(shí)再現(xiàn)，而是運(yùn)用簡(jiǎn)潔的設(shè)計(jì)元素，圖形化的設(shè)計(jì)語(yǔ)言。它是建立在人們通過(guò)長(zhǎng)期的學(xué)習(xí)積累，有了一定的界面認(rèn)知經(jīng)驗(yàn)的基礎(chǔ)之上的。擬物化設(shè)計(jì)為扁平化很好的做了鋪墊，扁平化設(shè)計(jì)是對(duì)擬物化的抽象概括。扁平化的圖標(biāo)設(shè)計(jì)簡(jiǎn)潔明了，設(shè)計(jì)成本相對(duì)減少了，但是它對(duì)色彩、版式、圖形的要求更高了。簡(jiǎn)約而不簡(jiǎn)單，它要求設(shè)計(jì)師運(yùn)用簡(jiǎn)單元素表達(dá)最重要的信息。比如在眾多的手機(jī)APP圖標(biāo)中，很多圖標(biāo)都設(shè)計(jì)了自己的標(biāo)準(zhǔn)色和專屬圖形。

擬物化設(shè)計(jì)單的表達(dá)指向，極大地限制了手機(jī)APP圖標(biāo)設(shè)計(jì)的擴(kuò)展功能。隨著生活節(jié)奏的進(jìn)一步加快，人們對(duì)Ul圖標(biāo)設(shè)計(jì)的要求也更高。各種移動(dòng)終端技術(shù)的提升，更加劇了這變化的發(fā)展。于是相對(duì)簡(jiǎn)潔、高效、抽象的扁平化ul圖標(biāo)設(shè)計(jì)出現(xiàn)，并迅速取而代之。

手機(jī)APP圖標(biāo)的扁平化趨勢(shì)

早期的手機(jī)技術(shù)（黑白屏諾基亞、摩托羅拉等）受顯示技術(shù)的制約，只能在有限的液晶點(diǎn)陣圖像內(nèi)將各項(xiàng)圖標(biāo)羅列出來(lái)，用大家熟知的物件指向某種功能。但其所指不能反向推理，如設(shè)置圖標(biāo)是一個(gè)齒輪，僅僅只表明齒輪可以代表設(shè)置，而不能說(shuō)明設(shè)置就是齒輪這一單向的表述。但這一手段，極有效的在那個(gè)年代解決了最早一批用戶對(duì)這一新鮮事物的接受程度。但那時(shí)的手機(jī)圖標(biāo)并不能被簡(jiǎn)單定義為擬物化，相對(duì)于巔峰時(shí)期的擬物化，它更像一個(gè)抽象圖案，缺少了質(zhì)感、體積與色彩光影等。如果需要給它定義，我認(rèn)為可將其定稱為“扁平擬物化”。

盡管相對(duì)于擬物化設(shè)計(jì)風(fēng)格，扁平化對(duì)使用者來(lái)說(shuō)需要更高的學(xué)習(xí)成本，但其轉(zhuǎn)變的趨勢(shì)已不可扭轉(zhuǎn)。畢竟其優(yōu)勢(shì)更符合大眾在人機(jī)交互中的習(xí)慣與節(jié)奏。

首先，扁平化設(shè)計(jì)極簡(jiǎn)的外形與相對(duì)單一的配色，富含科技感與現(xiàn)代感，甚至是抽離了情感的簡(jiǎn)約，但它高效、明確，信息量也能更大。一種更為理性的交互體驗(yàn)，在快節(jié)奏的現(xiàn)代生活中更能反映出大眾的心理及情感變化。

其次，從受眾的定位上來(lái)說(shuō)，前沿科技的用戶體驗(yàn)從來(lái)都不會(huì)照顧所有人，其消費(fèi)主體依舊是年輕人。因?yàn)檫@群人時(shí)尚、易傳播，學(xué)習(xí)和適應(yīng)能力強(qiáng)，且逐漸成為社會(huì)發(fā)展的主力，恰好這些特點(diǎn)也與扁平化圖標(biāo)設(shè)計(jì)的風(fēng)格特點(diǎn)相符。而且這群人早已不再緬懷“磁帶”、“齒輪”、“指南針”這類具象的物件，可能從小就不曾接觸過(guò)這類物品，在他們心目中屏幕上那串?dāng)?shù)字可能更直觀，更能快捷的展示他們的需求。

再次，移動(dòng)終端技術(shù)的革新與換代周期加快，遠(yuǎn)遠(yuǎn)超過(guò)手機(jī)APP圖標(biāo)設(shè)計(jì)的速度。新代的產(chǎn)品無(wú)論性能還是外觀，亦或是交互體驗(yàn)必然要有新變化。性能的提升所帶來(lái)的不僅僅是速度的提升，同時(shí)還包含著處理信息量和處理方式的增加。擬物化圖標(biāo)設(shè)計(jì)的單一指向性，在此時(shí)的硬件環(huán)境中無(wú)疑成為種阻礙，我們需要信息量更大的、展示方式更多元的圖標(biāo)設(shè)計(jì)才能滿足。這也加速了扁平化圖標(biāo)設(shè)計(jì)風(fēng)格的出現(xiàn)，盡管這一風(fēng)格對(duì)圖形、字體、色彩的要求更高，卻絲毫不會(huì)影響到人們對(duì)這一新風(fēng)格的接受與推崇。

最后，我們回顧世界美術(shù)史的發(fā)展過(guò)程，似乎也能從中找到一些哲學(xué)聯(lián)系。繪畫(huà)發(fā)展的歷程，我們可以總結(jié)出一個(gè)規(guī)律：“抽象——具象——抽象”。從最早的洞窟壁畫(huà)到文藝復(fù)興再到立體主義，無(wú)論從表現(xiàn)手法到研究角度，以及大眾的審美都經(jīng)歷著這樣一個(gè)過(guò)程，似乎沒(méi)有一個(gè)固定的模式或?qū)徝栏拍睿髁鞯乃囆g(shù)形式也在與科學(xué)技術(shù)發(fā)生著千絲萬(wàn)縷的聯(lián)系。當(dāng)寫(xiě)實(shí)繪畫(huà)達(dá)到極致的時(shí)候，人們所關(guān)注、所研究的已不再是簡(jiǎn)單的真實(shí)色彩與結(jié)構(gòu)。他們將重心轉(zhuǎn)移到美的本質(zhì)或者表象之外的含義，于是一批研究“抽象”的藝術(shù)家及藝術(shù)作品，迅速引起人們的興趣。如果說(shuō)這是藝術(shù)家的天賦或才華，不如說(shuō)是大眾審美意識(shí)轉(zhuǎn)變的召喚。

同樣，擬物化圖標(biāo)設(shè)計(jì)已經(jīng)達(dá)到極致，無(wú)論模擬外形、色彩、特效、聲音都已經(jīng)無(wú)法做出進(jìn)一步突破，在這種環(huán)境中，時(shí)代也必然催生一種新風(fēng)格。圖標(biāo)設(shè)計(jì)毫無(wú)疑問(wèn)是美學(xué)范疇中的種，它的形式也直接反映著大眾的審美變化。如果將擬物化比作“達(dá)芬奇”、“米開(kāi)朗基羅”或“安格爾”，那么扁平化則更像“蒙德里安”、“畢加索”，它們之間無(wú)法去比較高下，只是順應(yīng)了時(shí)代、契合了大眾的審美需求，或許這也是人類“喜新厭舊”的一種表現(xiàn)。

結(jié)語(yǔ)

手機(jī)APP圖標(biāo)設(shè)計(jì)扁平化的趨勢(shì)是必然的，它終將取代相對(duì)寫(xiě)實(shí)的擬物化風(fēng)格，但我們不能簡(jiǎn)單將這二者界定為對(duì)立關(guān)系，只是用不同的手法在與其受眾交流與溝通。大眾的審美依舊不會(huì)停留在一個(gè)高度，科技的發(fā)展也不會(huì)停留在同一個(gè)水平。當(dāng)新一輪技術(shù)革命開(kāi)始時(shí)，或許扁平化也將被另一種新風(fēng)格所取代，它會(huì)是擬物化作為一種復(fù)古潮流卷土重來(lái)，還是借此演化出一種新的設(shè)計(jì)風(fēng)格，我們不得而知。但我們能從藝術(shù)風(fēng)格與大眾審美中嗅出一些味道。

（作者單位：武漢工商學(xué)院藝術(shù)與設(shè)計(jì)學(xué)院）