圖標設計的延展性研究

余秦鋒 （浙江紡織服裝職業技術學院 315211）

隨著互聯網的不斷發展，智能設備逐漸普及人們的生活，電腦界面也從命令語言走向圖形交互時代。在交互界面設計中，主要包括了交互和界面兩大部分，交互設計是人和機器之間因為某種互動而產生的關聯，界面則是這種關聯的重要載體。其中圖標是最重要的組成部分之一。

一、圖標的定義

從符號學方面而言，圖標不僅僅是一種功能的識別。更是通過顏色、文字、排版等方式讓用戶第一時間作出相應反應的一種有效方法。從藝術美學方面而言，用戶通過對于風格、分類等方面的比較，分析出用戶偏愛的設計風格和審美需求。從品牌傳播學而言，圖標更是一個品牌的門戶，能否讓用戶對于一個品牌的形象認知和感知更為清晰，有至關重要的作用。

圖標，一種具有標識性的圖形，將需要表達的內容高度濃縮且便于記憶和傳達。從廣義的理解上來說，任何具有代表意義的圖形都可稱之為圖標。（如圖1）從狹義上理解，圖標主要是指應用于計算機界面，快速幫助用戶理解執行命令并打開程序的圖形。（如圖2）

圖1

圖2

二、圖標的作用

1.標識作用

在移動界面中，圖標以視覺的方式快速傳達信息，主要包括指向性和功能性兩個方面。指向性，圖標作為用戶進入軟件的主要視覺呈現。傳達軟件基礎功能是基本職責，引導用戶點擊操作是主要目的。

功能性，圖標本身是傳達信息的符號，內容的不同傳達信息的側重點也就不一樣，在交互界面中不同圖標的角色也就有了區分。通過有效的符號實現有效的信息溝通和準確的功能表達。

2.提高實用性

圖標在交互界面不僅需要展現軟件的屬性和功能，提高產品的實用性也是至關重要的。交互界面自身的框架結構是依據目標用戶群的需求和習慣縝密分析出來的，圖標即是直觀承載邏輯關系的載體，更是用戶對于界面交互的感性訴求。因此在設計過程中應保持與實際功能的緊密型和原有造型的完整性。

在圖標設計中整體的標準化和一致性是提高實用的重要準則。標準化的前提下，能保證用戶在不同環境的情形中有效地識別圖標，從而減少猜測和再次識別的情況。當用戶對于軟件的整體功能和操作流程已經熟練掌握以后，設計對應的圖標是提高軟件實用效率的重要方案之一。

3.美觀性

在人類的發展歷史進程中，對于美的追求從未停止過，只是不同的時代對于美的定義不同。對于用戶來說，圖標的美觀程度是第一印象，其次是圖標的形象。由此可見，圖標設計的視覺體驗占據了重要的地位。圖標雖小，但是如何用美的法則和環境產生互動是極其重要的。圖標設計和傳統圖形在審美上存在一定的差異性，秩序美在圖標中起到了至關重要的作用。圖標設計確定基礎元素以后，在固定的范圍內，依據相似的點、線、面以及色彩來完成整體的秩序感。隨著互聯網技術的不斷發展，更多的設計師在固定的區域內尋求不同的質感，設計出了更多類型的圖標。 （如圖3）

圖3

三、圖標的分類

對于圖標的分類有著很多不同的方法。從符號學的角度出發，圖標分為象征型、指示型和圖像型。象征型，圖形符號與所指代的對象之間不存在任何關聯性，他的具體含義全靠社會文化或者人們之間的約定俗成，比如感嘆號代表了警示提醒。（如圖4）指示性，圖形符號與指代對象之間存在某種含義或者意義的聯系，需要用戶通過聯想建立，比如齒輪代表了設置。（如圖5）圖像型，圖形符號和指代對象之間存在直接的聯系或者就是指代對象本身，比如相機直接用鏡頭或者照相機代替。（如圖6）

圖5

圖6

從圖標所針對對象和環境出發，可分為操作型和認知型。操作型指圖標所指代的內容為一個操作行為，比如傳輸文件、下載文件等；（如圖7）認知型指圖標所指代的內容為某種概念或者某種事物，比如籃球、足球等。（如圖8）

圖7

圖8

從設計風格的角度出發則可以分為擬物化、扁平化和輕擬物化三種風格。擬物化又稱之為仿真，即模仿真實物體效果（包括了顏色、質地、紋路等）給人一種真實的感覺；（如圖9）扁平化則是忽略物體的真實性，將圖像本身或者具有指代意義的圖形幾何化，用簡單的圖形傳遞內容；（如圖10）輕擬物化是介于擬物與扁平中間的一種風格，即運用簡單的圖形搭配真實的材質、光感、紋理、投影等效果給人一種擬物卻又不是擬物、扁平卻又不是扁平的感覺。（如圖11）

圖9

圖10

圖11

四、圖標設計的延展性

好的圖標設計不僅需要體現圖標本身的含義，而且還需要延展體現品牌形象。在設計中做好這一點并不容易，即需要強調圖標功能又不能忽略圖標的表現形象，同時還要考慮用戶體驗。

1.圖標設計與品牌標志設計

在這個電子設備作為媒介傳播圖像的時代，品牌視覺形象中圖形在表達品牌意義方面占有明顯的優勢，圖形和品牌文化設計的結合即現在所定義的視覺識別系統，是企業識別系統中不可缺少的一部分。在視覺表現系統中，圖形相較于文字來說，更加形象簡練，同樣的內容可能需要更多的文字表現，而且用戶并沒有耐心細細研究更深層的含義，相比之下圖形就更加生動活潑了。圖形在傳播的過程中，不受語言、民族、時空等因素的限制能夠更好的達到傳播的作用。

品牌設計中固定的圖形形象給用戶留下深刻印象，這是品牌的象征意義。在圖標設計中，依然是同樣的道理，固定的圖形形成一定的文化傳播，從而體現對應軟件的功能應用達到品牌的體現含義。結合這個含義設計圖標，既可以表現品牌文化下的潮流趨勢，也能完全體現軟件的應用。圖標和應用是相互影響相互促進的關系。優質的圖標設計能夠幫助應用提高曝光度，基于多次曝光，軟件在用戶心理形成固定形象，達到良好的宣傳作用。

品牌標志設計是無限定性的，而圖標設計大多限定在一定的方框內或圓角矩形中。如何將無限定的標志融于圖標中，如何將圖標釋放轉變為標志設計，是在設計初期構思時考慮的重要問題。

現有的標志如何設計為圖標是大都企業考慮的問題，主要有幾種形式：1、為企業設計萌寵形象；2、企業名稱的直接應用；3、圖形的再設計。（如圖12）

圖12

2.圖標設計與文創產品

文創產品是將文化主題經過創意轉化從而具有市場價值的產品。根據文創產品的特征可以將其分成兩類，一是從抽象的概念中提取具象的圖形，依靠設計師的設計能力創造出新的圖案形象，并通過產品的形式傳達給消費者。二是滿足人們需求的產品以及非物質形態的服務。

文創產品即“文化，創意，產品”的結合體，所以在功能性上就不再是單一的個體，是以實用功能為基礎條件，文化作為載體，通過產品的形式呈現出來。既能夠傳播傳統文化或者文化情感，還具有一定的經濟價值促進消費，又是便于生活的用品。實現了真正的“寓教于樂”。

圖標設計，將品牌文化或者功能的概念圖形化，是文化創意的表現。將圖形的表現形式應用到相關的產品中，達到圖標與文創的結合。圖標設計是數字化的呈現，因此在文創產品中選擇與數字化相關的產品較為合適，如手機殼、鼠標墊、電腦包等電子周邊。（如圖13）

圖13

3.圖標設計與海報設計

海報，通過視覺語言以及藝術美感向大眾傳遞信息。設計師用圖形表達抽象的信息，用色彩讓人們感知事物，運用比例、尺寸、節奏、韻律、對比等多種手段塑造海報的內容和信息層級。傳統海報設計，利用豐富的視覺語言傳遞信息與用戶達到情感上的共鳴。海報設計中圖形是最基本也是最重要的元素，既可以是有型的形態也可以是獨創的思維模式，因此在海報設計中得到了廣泛的應用。（如圖14）

圖14

五、總結

隨著智能設備的不斷發展，從手機手表到家庭家電，人們已經在生活智能設備中了。在交互界面中圖標設計，起到了舉足輕重的地位。如何讓用戶在眾多圖標中清楚認知產品的本質意義是非常重要的，也是在交互設計中一直追求的。隨著設計的不斷發展，企業不再局限于品牌設計，更加重視所有產品形象的統一性。對于移動應用軟件公司而言，圖標就是最直觀的部分，是用戶認知企業的重要載體。除了打開軟件前圖標作為形象傳達以外，周邊延展也是十分必要的。

圖標圖形在不同設計中的應用就是公司形象延展的重要組成部分，引導頁面、宣傳廣告、文創產品、海報等多個方面。圖形的不同創意設計，只有充分的理解界面中的圖標，才能更好的為用戶服務。