基于移動互聯網的界面圖標藝術設計原則

文/敖蕾

首先需強調，圖標有別于標志和圖示。標志不受地理、人文與歷史的限制，允許通過打破傳統的時間與空間限制而采用的多種藝術表現形式，重在傳達出企業的理念與愿景；圖示則是通過較為直觀的展現形式，實現快速被用戶認知的提示作用的圖形。圖標是基于圖像與隱喻的集合，在用戶腦海中建立連接后，用戶才會點擊相應的圖標，通常運用在某個應用程序、界面窗口、導航選項、計算機命令等互聯網平臺。

識別性不佳的圖標，往往會給用戶在操作時帶來誤解和障礙，尤其是過度復雜或者過度簡練、抽象概念的圖標，都會給用戶帶來很多困擾。識別性好的圖標，不僅可以為用戶操作提供方便而且還能在使用過程中帶給用戶愉悅感。因此，圖標不是隨意的設計與表達，它需要根據產品的設計邏輯，遵循以下幾個藝術設計原則：

一、隱喻的精準性

在藝術設計中，設計語言很多時候是聯想的、隱喻的。如果我們能充分了解思維隱喻的“工作”方式，就能更深層次的把握設計的創造性語言，創造出更多情感化、人性化的設計。

(一)通用的圖形符號

1981年推出的XEROX 8010是第一款圖形用戶的系統(圖1)，被認為是用戶圖形界面設計的鼻祖，其界面展示一系列具有隱喻的圖標設計：文件、文件夾和信箱等。我們現在很多設備的界面設計都是基于此款系統界面設計的視覺使用習慣來制定。

設計師Jon Hicks認為，“圖標設計是一個小小的奇跡，它們可以超越語言的障礙，簡明的指引警告和方向，傳遞我們的情感，并且指明用戶應該點擊哪一個按鈕。”[1]圖標的根本意義就是通過大家共同認知的語言，讓用戶理解、操作并快速的獲取信息。選擇目標用戶都可以用認可的圖標來進行表現，這樣可以幫助我們設計更加行之有效。

圖1 Xerox 8010 Information System界面

(二)跨文化

國際化圖標設計，更需在充分調研后謹慎的使用視覺隱喻，注意其形象和色彩在跨文化上產生的差異：

1.形象

用戶界面中，只有圖標在被準確識別的情況下才是有效的，才會通過按鈕將會實現的目的快速而緊密聯系在一起。設計師們會通過調研盡力回避做出模棱兩可的圖標設計。

在界面設計中運用國旗、地圖、手勢和動物都是非常敏感的符號，同樣需要謹慎使用。國旗普遍具有豐富而鮮艷的色彩，可以添加到沉悶的界面中，增加界面的活力與藝術美感，但是旗幟代表了更多政治的色彩。

2.色彩

色彩可以是一個主題，在抽象的界面背景或者按鈕中使用色彩是沒有什么顧慮的。但是當色彩用在一個特定的語境中，不同的國家就會有不同的意義。在圖標藝術設計中不僅僅要考慮到用戶，同時也要考慮到在什么場景下，用戶會使用該產品，以及目標用戶真正的需求體驗。這與互聯網產品設計邏輯是緊密相連的，怎樣將用戶需求與藝術表現形式相結合是現代互聯網下圖標設計的藝術挑戰。因此，在制作圖標設計之前利用網絡進行充分的調研必不可少。

二、圖形表達的簡約性

除了顏色、形狀給人的直觀感受外，圖標作為人與機器互相傳遞信息的媒介，其主要職能就是負責引導用戶對于界面的使用和操作。簡約的圖形表達可以增加用戶對于產品使用的友好度，與增加用戶粘性。一種錯誤的觀點認為圖標只是對界面起到裝飾作用，不會主導界面的信息操作。事實上，擁有繁瑣細節的圖標不僅會影響其被準確的識別，為用戶能夠快速理解圖標所傳遞出的信息造成障礙，而且比文字更難理解，造成了操作時的信息傳遞障礙。有意思或者趣味性很強的圖標會帶給用戶新鮮感，但不是所有用戶上來就可以輕松操作。利用視覺策略能夠準確而快速的把信息提供給用戶是至關重要的事情。

如Starbucks網站的導航設計，我們僅在頁面上端看見一個代表購物車的口袋圖標、尋找店面位置的圖標以及查找圖標。兩個圖標對該品牌色(綠色)進行提亮，并且作為導航合理的進行使用，體現圖標在導航中的作用，為用戶快速的使用提供了方便。(見圖2)

圖2 Starbucks 官網

可見，圖標不僅僅是作為裝飾或者視覺趣味元素被添加在界面中，更重要的是他們可以作為導航的輔助元素，讓用戶快速的獲取最主要的需求，讓一個圖形快速的促進用戶的記憶保留。

三、設計風格的一致性

在為移動互聯網設備做整體圖標設計的時候，除去要回避過度復雜的圖標設計，也要與整個系統或者網站美學風格一致，要求具有統一的設計風格。圖標通常情況下可以劃分為象形圖、表意圖形、隨意圖形，由于圖標不可能單獨只設計單一的圖標，所以無論采用何種形式，必須保證圖標的系列感和一致性的風格。雖然圖標設計師在很多方面會受到技術的限制，但是創造性永遠是設計的核心思想，風格化的產品會受到人們的青睞。長久的扁平化圖標也會帶給人乏味感，人們在精神上會渴望不尋常的設計。如果設計師產生好的設計想法，就要保持風格的一致性，將圖標做成一套系列化的、獨一無二的、易讀懂的圖標。

同時，準確的運用隱喻、簡潔的圖形表達與一致性的藝術風格是界面設計中重要的設計原則，它可以使得界面設計化繁為簡，把復雜的界面變得簡單。使得用戶對于界面的認知行為更加迅速和直觀，減輕用戶的辨識難度，讓用戶在輕松愉悅的狀態下完成交互過程。

綜上所述，在移動互聯網迅速變化的背景下，新的概念界面會隨著新設備的出現，影響和改變人們操作的方式。隨著顯示器分辨率和尺寸的不斷提高，圖標設計也擺脫了像素的限制，大圖標被廣泛的運用在各種設備中。通常一套全新的圖標設計難度要大于一套標準的、常見的、習慣的圖標符號。因此，要想做出好的圖標設計，除去遵循以上藝術設計原則外，還應該跟蹤新的產品、了解界面設計的發展趨勢、及時了解客戶的需求，經過系統而全面的調研與思考。

[1]http：//www.hicksdesign.co.uk/journal/