圖標設(shè)計的延展性研究

余秦鋒 （浙江紡織服裝職業(yè)技術(shù)學(xué)院 315211）

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

一、圖標的定義

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

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

圖1

圖2

二、圖標的作用

1.標識作用

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

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

2.提高實用性

圖標在交互界面不僅需要展現(xiàn)軟件的屬性和功能，提高產(chǎn)品的實用性也是至關(guān)重要的。交互界面自身的框架結(jié)構(gòu)是依據(jù)目標用戶群的需求和習(xí)慣縝密分析出來的，圖標即是直觀承載邏輯關(guān)系的載體，更是用戶對于界面交互的感性訴求。因此在設(shè)計過程中應(yīng)保持與實際功能的緊密型和原有造型的完整性。

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

3.美觀性

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

圖3

三、圖標的分類

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

圖5

圖6

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

圖7

圖8

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

圖9

圖10

圖11

四、圖標設(shè)計的延展性

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

1.圖標設(shè)計與品牌標志設(shè)計

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

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

品牌標志設(shè)計是無限定性的，而圖標設(shè)計大多限定在一定的方框內(nèi)或圓角矩形中。如何將無限定的標志融于圖標中，如何將圖標釋放轉(zhuǎn)變?yōu)闃酥驹O(shè)計，是在設(shè)計初期構(gòu)思時考慮的重要問題。

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

圖12

2.圖標設(shè)計與文創(chuàng)產(chǎn)品

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

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

圖標設(shè)計，將品牌文化或者功能的概念圖形化，是文化創(chuàng)意的表現(xiàn)。將圖形的表現(xiàn)形式應(yīng)用到相關(guān)的產(chǎn)品中，達到圖標與文創(chuàng)的結(jié)合。圖標設(shè)計是數(shù)字化的呈現(xiàn)，因此在文創(chuàng)產(chǎn)品中選擇與數(shù)字化相關(guān)的產(chǎn)品較為合適，如手機殼、鼠標墊、電腦包等電子周邊。（如圖13）

圖13

3.圖標設(shè)計與海報設(shè)計

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

圖14

五、總結(jié)

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

圖標圖形在不同設(shè)計中的應(yīng)用就是公司形象延展的重要組成部分，引導(dǎo)頁面、宣傳廣告、文創(chuàng)產(chǎn)品、海報等多個方面。圖形的不同創(chuàng)意設(shè)計，只有充分的理解界面中的圖標，才能更好的為用戶服務(wù)。