祝艷妮

【摘要】圖標(biāo)是任何App都需要的視覺組成，用以傳遞信息、導(dǎo)航、裝飾。當(dāng)用戶在應(yīng)用商店搜索、瀏覽應(yīng)用程序時，一個識別性突出、審美體驗(yàn)好的圖標(biāo)能獲得正面的第一印象，建立良好品牌形象。本文研究在移動互聯(lián)網(wǎng)思維下，圖標(biāo)設(shè)計實(shí)踐探索，以建立優(yōu)質(zhì)的設(shè)計指導(dǎo)策略，為應(yīng)用程序圖標(biāo)設(shè)計提供新的參考方向。

【關(guān)鍵詞】App 圖標(biāo)設(shè)計 造型

智能手機(jī)和平板電腦大量使用，讓移動互聯(lián)成為媒體和通信研究中一個不斷增長的研究領(lǐng)域，App圖標(biāo)也在視覺傳達(dá)領(lǐng)域研究中有了不斷更新的認(rèn)識。我們提到的App（Application的縮寫）， 一般指安裝在手機(jī)上的第三方應(yīng)用程序，統(tǒng)稱“移動應(yīng)用”，也稱“客戶端"。字典中“圖”指用繪畫表現(xiàn)出來的形象，“標(biāo)”指記號、標(biāo)志，可用文字或其它事物表明。圖標(biāo)的解釋，可以看作用圖形、符號或其它代表對象表示的形象。圖標(biāo)“Icon”這個英文單詞，不同的語境有不同含義，計算機(jī)領(lǐng)域相關(guān)的解釋是與計算機(jī)有關(guān)的圖像、圖形或符號。

圖標(biāo)在手機(jī)界面中無所不在，是幾乎任何App都需要的重要組成部分，作為圖形界面設(shè)計的關(guān)鍵，無論用來傳遞信息、導(dǎo)航還是用來裝飾，圖標(biāo)都是最具有視覺吸引力的功能元素。當(dāng)用戶瀏覽移動終端應(yīng)用程序時，一個識別性突出、審美體驗(yàn)好的圖標(biāo)將獲得正面的第一印象，幫助實(shí)現(xiàn)人性化，受用戶喜愛的手機(jī)圖形界面。隨著智能手機(jī)和平板電腦普遍介入人們?nèi)粘Ｉ?，影響生活的各個方面，作為手機(jī)圖形界面視覺化重要體現(xiàn)的圖標(biāo)設(shè)計，在指引用戶循序操作應(yīng)用程序的同時，給用戶帶來視覺享受和良好操作體驗(yàn)。

圖標(biāo)的造型設(shè)計應(yīng)該看做品牌視覺識別的具體表現(xiàn)，在移動互聯(lián)網(wǎng)媒介連接用戶和品牌。通過個性化的圖標(biāo)樣式，在目標(biāo)用戶中建立直觀美好的品牌印象。

一、移動App圖標(biāo)造型特征分析

1 規(guī)范布局強(qiáng)化設(shè)計空間

如果不考慮微軟手機(jī)的操作系統(tǒng)，蘋果IOS系統(tǒng)和谷歌Android系統(tǒng)里應(yīng)用商店的圖標(biāo)都表現(xiàn)為圓角正方形外觀。單從視覺效果上看，圖標(biāo)都有一個標(biāo)準(zhǔn)尺寸的外形，它們似乎是一模一樣的。

借助圖標(biāo)的規(guī)范模版，我們方便控制圖形大小、空間安排、結(jié)構(gòu)比例。移動終端體積小，一般是近距離觀看。適應(yīng)這一使用特性，App圖標(biāo)設(shè)計應(yīng)避免使用鋒利的設(shè)計，輪廓轉(zhuǎn)折一般做小圓角處理。同時圖形的圓角設(shè)計遵循同一設(shè)計原則，大小一致，觀感統(tǒng)一，以保持友好年輕的心理效果。在圓角正方形輔助框的外形要求下，圖標(biāo)造型可以重疊外框的四條邊，也可以放大圖形置于圖框內(nèi)，當(dāng)然有些圖標(biāo)稍微小一點(diǎn)，圖形居中排列。正方形外框的規(guī)范版式使不管哪一種構(gòu)圖的圖形看起來都一樣大，視覺體積更整體、更一致。

在相同的圓角正方形外框中，內(nèi)部空間的圖形形狀我們可以歸納為幾何形、自然形、有機(jī)形、偶然形。幾何形的視覺效果表現(xiàn)規(guī)整、秩序、理性;自然形視覺效果更為生動，容易吸引注意力;有機(jī)形相對柔和，體現(xiàn)情感聯(lián)結(jié);偶然形變化多端，更具活潑自由的視覺特征。同樣是幾何形，一個正方形看上去會比一個相同面積的圓形更大，空間占用似乎更多。不同形式的圖形具有不同的觀感，對視覺沖擊的強(qiáng)度也是不一樣的。

比較App圖標(biāo)的圖形造型，大部分是以"面"為主的圖形設(shè)計，樣式飽滿，圖形形象視覺吸引力強(qiáng)，更容易在同類型產(chǎn)品圖標(biāo)中凸顯出來。另一部分是內(nèi)聚式圖標(biāo)，尤其是多點(diǎn)形圖形設(shè)計，集中造型使得力的作用加強(qiáng)，利于強(qiáng)化圖標(biāo)的視覺中心。也有一些以點(diǎn)為主或線型的設(shè)計，通常做加粗強(qiáng)化處理，給用戶帶來不同的視覺觀感。

2 平穩(wěn)視角認(rèn)知品牌形象

多點(diǎn)造型的圖標(biāo)設(shè)計，需要借助對齊所有元素的方式。對齊的作用力非常強(qiáng)大，能夠保證圖形清晰明確。雖然不規(guī)則的形狀更容易吸引注意力，然而對齊各元素之間的間隔，仍然是區(qū)別圖標(biāo)差異的形式法則之一，并且具有相當(dāng)?shù)倪m用性。圖形元素之間正確對齊，在各元素周圍保持相同的大小間隔，間距精確，是圖標(biāo)設(shè)計整合的有效手段。避免在圖形內(nèi)部使用太多不同的間距大小，一般情況下使用2-3個不同的尺寸是合理的層級。如果變體太多，勢必破壞圖形的簡潔，不利于識別。整合意味著穩(wěn)定，在同一圖形中各元素之間保持一致，能建立人們的信任感，圖標(biāo)的視覺效果更專業(yè);對齊及一致性的運(yùn)用讓圖標(biāo)顯得整齊清晰，具有平衡的美感，在視覺上更有吸引力。

圖形中表現(xiàn)視平線的方式分為平視、俯視、仰視三種基本角度，除游戲以外的大部分類型App，在圖形的視點(diǎn)表現(xiàn)上，多采用平視體構(gòu)圖。有些品牌明確在圖標(biāo)設(shè)計指南中要求圖形視角保持平面的平視，禁止表現(xiàn)任何立體視角。借助圖標(biāo)的視覺角度暗喻其產(chǎn)品的正面、穩(wěn)定和可靠性，如騰訊App系列，包括騰訊QQ、騰訊視頻、騰訊時光、QQ音樂、QQ空間、QQ瀏覽器等在內(nèi)的圖標(biāo)設(shè)計都是選擇正面、平視、平面的圖形表現(xiàn)，突出品牌統(tǒng)一的形象特征。 如：圖3-6。

3 類型特征實(shí)現(xiàn)信息傳播

移動App圖標(biāo)從形式上需要表現(xiàn)運(yùn)營的功能，作為品牌視覺傳播的一種指代符號，直接與用戶交流，可以簡單劃分為圖形和文字兩大類。從符號學(xué)的角度，我們又把App圖形圖標(biāo)劃分為“類象”符號、“標(biāo)志”符號、象征符號三大類型。

“類象”符號型圖標(biāo)，表現(xiàn)的是對象的模擬，與對象相似度高，一般是圖像的形式。例如驢媽媽旅游App圖標(biāo)，是一大一小兩只驢子的圖形;星巴克App圖標(biāo)是其經(jīng)典的美人魚圖形。圖像是人腦熟悉的形象符號，具有很強(qiáng)的認(rèn)知性，直觀表達(dá)豐富而形象的信息，更便于理解和記憶。

“標(biāo)志”符號型圖標(biāo)，也可看做指示性圖標(biāo)，利用媒介與對象的“接近性”構(gòu)成的“標(biāo)志性”符號。例如廣州地鐵App圖標(biāo)，兩條平行線象征延伸的鐵軌。標(biāo)志符號與人的認(rèn)知習(xí)慣密切相關(guān)，具有高度的客觀概括性與指示意義，用戶看到圖標(biāo)就會因?yàn)榭臻g性、時間性及因果關(guān)系的接近，聯(lián)想到現(xiàn)實(shí)生活中的事物，進(jìn)而理解其代表的含義。

象征符號型圖標(biāo)，是一種任意約定形符號。由于地區(qū)民族、文化等的差異，象征的關(guān)系不盡相同。鴿子代表和平，龍是中國的形象象征。

文字圖標(biāo)的表意更為準(zhǔn)確，文字可以固定模糊不定的含義，在抽象意義表達(dá)上具有更大的優(yōu)勢，可以被優(yōu)先解讀。采用文字圖標(biāo)的有淘寶App、美團(tuán)App、當(dāng)當(dāng)App、小紅書App等，直接采用品牌文字標(biāo)志。如：圖3-9。文字通過字體和編排設(shè)計，具有不同的形象表現(xiàn)。較之圖形圖標(biāo)，文字的信息量較少，形象不夠生動，不便識記。

圖形和字母類的圖標(biāo)各自具備明顯的適用性和傳播性，無論是哪一種形式的圖標(biāo)，根本意義是能夠被用戶認(rèn)知，并準(zhǔn)確理解圖標(biāo)代表的含義，便于品牌傳播。

二、關(guān)于圖標(biāo)造型的思考

圖形是世界通用的語言，不分國籍、種族、年齡或性別。人類最初在傳達(dá)信息時，就是用圖畫來表達(dá)自己并與其他人交流。遠(yuǎn)古時期留下來的畫作，直至今天仍能被清晰理解。隨著全球化的進(jìn)程，圖形語言能超越時間、空間的限制，打破國家和地區(qū)之間的差異，成為我們生活中的一個基本部分。圖標(biāo)在方寸之間，承載豐富信息。它們引導(dǎo)我們定位，快速做出決定，在密集的信息中找到我們要找的東西。不管它的造型是哪一種，設(shè)計形式是什么風(fēng)格，圖標(biāo)都能非?？斓貍鬟f信息。

隨著世界變得更加繁忙、喧鬧和全球化，人們的注意力持續(xù)時間也因受到更多因素干擾而逐漸變短。注意力的指向和集中伴隨著感知覺、記憶、思維、想象等心理過程，在充滿無價值信息的互聯(lián)網(wǎng)世界里，快速查看圖標(biāo)，快速得到它攜帶的復(fù)雜信息是圖標(biāo)的基本要求。在瀏覽、搜索的過程中，我們可以將節(jié)省的時間用于獲取真正需要的信息。對App圖標(biāo)設(shè)計來說，圖標(biāo)要說服用戶在短時間內(nèi)更仔細(xì)地查看應(yīng)用程序，接收功能信息，這是一個很大的挑戰(zhàn)。設(shè)計師需要了解圖標(biāo)的類型、樣式的多樣性、大小的差異，并了解網(wǎng)格的使用和圖標(biāo)元素的凝聚力，不管哪一種類型，圖標(biāo)造型不僅僅只被看做表示真實(shí)物體的圖形符號。

圖標(biāo)既然是傳遞信息的獨(dú)特符號，在表意功能上類似文字符號。每個圖標(biāo)都是一個單詞甚至一個句子，有它自己的意思，我們使用圖標(biāo)與數(shù)字世界進(jìn)行信息交流。在移動App圖標(biāo)的造型設(shè)計中，我們不妨這么做。一、圖標(biāo)可以象形。圖標(biāo)是一種符號，它通過再現(xiàn)對象或引用來傳達(dá)意義。例如前文提到的驢媽媽旅游App圖標(biāo)，一大一小兩只驢子的圖形，確保信息簡單易懂和易讀。二、圖標(biāo)可以表意。雖然圖形在表意上具有一定的不確定性，但它也具有一定的通用性。圖形的表意不受語言和文字的限制，可以直接認(rèn)知。象形和表意的表現(xiàn)方式常常一起使用，以傳達(dá)正確的信息。三、使用基本形狀。使用幾何形狀創(chuàng)建復(fù)雜的圖標(biāo)，圖標(biāo)造型越幾何化，元素越純粹，它的適用性就越強(qiáng)。圖標(biāo)不是客觀再現(xiàn)，它們帶有特定的信息。圖標(biāo)造型設(shè)計目的是傳遞這個信息，使圖標(biāo)含義準(zhǔn)確清晰。幾何形狀不會讓圖形復(fù)雜，是一種基本的造型元素。用“少即是多”的設(shè)計理念指導(dǎo)圖標(biāo)設(shè)計，不要想著把事情描繪得詳細(xì)、具體、復(fù)雜。盡可能簡單，才能正確地傳遞信息。我們都知道在設(shè)計中做減法，比添加繁復(fù)的東西更難。考慮到視覺效果和審美的多樣性，也不要過分簡化，細(xì)密復(fù)雜的圖形相較簡單圖形，功能表現(xiàn)上會讓人覺得更優(yōu)質(zhì)。平衡這兩者的最好方式，就是把握它們之間的側(cè)重點(diǎn)。

增加圖標(biāo)的辨識度，幫助人們了解圖標(biāo)的重要信息，可以借助圖像造型，讓“文字”逐漸成為圖標(biāo)配角。圖像的視覺語言比文字更響亮，可以獲得最佳效果。

三、移動互聯(lián)網(wǎng)思維影響下圖標(biāo)設(shè)計發(fā)展

得益于中國互聯(lián)網(wǎng)發(fā)展大潮，出現(xiàn)了許多關(guān)于互聯(lián)網(wǎng)的新思維。中西方互聯(lián)網(wǎng)規(guī)模效益差距顯著，一些新興的互聯(lián)網(wǎng)名詞在中國市場集中涌現(xiàn)。（移動）互聯(lián)網(wǎng)、大數(shù)據(jù)、云計算等科技高速發(fā)展，國家政策支持移動優(yōu)先的背景下，產(chǎn)生對市場、用戶、產(chǎn)品、企業(yè)價值鏈乃至整個商業(yè)生態(tài)重新審視的思考方式，我們稱之為互聯(lián)網(wǎng)思維。這種新思維方式，主張媒體融合，以節(jié)點(diǎn)彼此連接，形成大小不同的乃至更大的生態(tài)圈或系統(tǒng)。

網(wǎng)絡(luò)中關(guān)于互聯(lián)網(wǎng)的九大思維，指的是用戶思維、大數(shù)據(jù)思維、跨界思維、迭代思維、極致思維、簡約思維、平臺思維、社會化思維、流量思維。從移動互聯(lián)碎片化、焦點(diǎn)化、快一步、爭奪第一的思維特性來看，在線信息交換隨時隨地發(fā)生，它的傳播速度是傳統(tǒng)媒體無法比擬的，傳達(dá)效果是生動全面的。移動互聯(lián)網(wǎng)思維是一種進(jìn)化思維，更重要的它是一種創(chuàng)新精神。創(chuàng)新是互聯(lián)網(wǎng)發(fā)展的方向，是企業(yè)持續(xù)發(fā)展的核心動力，也是社會進(jìn)步的源泉。

利用移動互聯(lián)網(wǎng)思維特點(diǎn)，重新審視我們的思考方式。移動應(yīng)用程序圖標(biāo)設(shè)計，在現(xiàn)有的技術(shù)規(guī)范前提下，采用針對目標(biāo)用戶的定位策略，不斷追求形式創(chuàng)新。5G網(wǎng)絡(luò)時代的移動互聯(lián)有更多樣可能，App圖標(biāo)設(shè)計的發(fā)展，也會因應(yīng)移動互聯(lián)技術(shù)的飛速發(fā)展出現(xiàn)更新的內(nèi)容與形式。在圖標(biāo)設(shè)計過程中應(yīng)改變傳統(tǒng)的思維習(xí)慣，從設(shè)計的角度出發(fā)，堅持用戶第一，把握用戶需求，強(qiáng)調(diào)互動體驗(yàn)，積極跨界，不斷創(chuàng)新，做到專業(yè)極致。

參考文獻(xiàn)：

[1]郎為民.張鋒軍.初識移動互聯(lián)網(wǎng)[J].技術(shù)交流，2012，（10）：3-6

[2]常明.手機(jī)圖形用戶界面的圖標(biāo)設(shè)計研究[J].神州，2017，（22）：181

[3]魏農(nóng)建.馮叔君.陶偉.移動互聯(lián)網(wǎng)時代與商業(yè)創(chuàng)新——理論思考與框架設(shè)定[J].上海大學(xué)學(xué)報（社會科學(xué)版）.2015，（5）：12