APP圖標設計造型研究

祝艷妮

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

【關鍵詞】App 圖標設計 造型

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

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

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

一、移動App圖標造型特征分析

1 規(guī)范布局強化設計空間

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、關于圖標造型的思考

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

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

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

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

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

得益于中國互聯(lián)網(wǎng)發(fā)展大潮，出現(xià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é)點彼此連接，形成大小不同的乃至更大的生態(tài)圈或系統(tǒng)。

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

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

參考文獻：

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

[2]常明.手機圖形用戶界面的圖標設計研究[J].神州，2017，（22）：181

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