許馨之

摘 要：當計算機時代來臨，圖形界面得到越來越多的重視，圖標設(shè)計作為界面設(shè)計的設(shè)計主體成為重中之重。它有著不可替代的重要性，并有其優(yōu)點和缺點。對于設(shè)計師來說，圖標成為了設(shè)計中最主要的部分。于是，應該怎樣做好圖標設(shè)計，即滿足可識別性，又不失藝術(shù)性，是設(shè)計圖標的過程中應當考慮的問題。

關(guān)鍵詞：圖標設(shè)計 界面設(shè)計

一、圖標的起源和發(fā)展

“icon”，原意為圖像，在字典里被定義為宗教圖騰。計算機時代來臨之際，尤其是在1973年施樂開發(fā)出GUI 接口與鼠標之后，計算機圖形開始迅速發(fā)展。在半個世紀的發(fā)展中，蘋果公司和微軟公司呈現(xiàn)出不同的風貌和樣式，同時界面的發(fā)展也是精彩紛呈。在這些豐富多彩的圖形界面中，圖標起到不可忽視的作用。

和早期的計算機界面相比，圖形界面對于用戶來說來得更加簡單和直觀。硬件的發(fā)展帶來了圖形化界面的發(fā)展，所以從圖標的發(fā)展歷史來看，則是一部計算機發(fā)展的歷史。如通過分析蘋果和微軟的操作系統(tǒng)的發(fā)展史，我們可以看出整個圖標的發(fā)展以及圖標本身涵義發(fā)生的變化。同時現(xiàn)代手機飛速發(fā)展，手機更加多樣化，這也體現(xiàn)了用戶個性的多樣化，并且界面對于用戶來說尤為重要，圖標作為界面的主體則是重中之重。但這就使得圖標的設(shè)計更趨于復雜和多樣。但是，圖標的多樣化也帶來新的問題，用戶在眾多圖表中則感到眼花繚亂，圖標的設(shè)計也開始變得參差不齊。這也使得我們設(shè)計師在面對圖標的設(shè)計的時候似乎無處下手，但是，我們?nèi)匀豢梢酝ㄟ^分析已有的圖標，總結(jié)出圖標設(shè)計的原則。

二、圖標的設(shè)計原則

（一）可識別性原則?？勺R別性原則，指的就是圖標的設(shè)計應當能被用戶簡單的解讀和認識，即當用戶看到這個圖標時，我能夠明白圖標所代表的含義。例如，交通標志的設(shè)計應當是當之無愧的好的圖標設(shè)計，因為幾乎沒有司機看到交通標識而不知道其意義的，交通標識的可識別性在這里得到了極大的發(fā)揮。

（二）差異性原則。差異性原則指的是圖標之間應該有區(qū)別和差異，這樣當用戶看到圖標能識別出它們彼此的不同，從而區(qū)分不同圖標的功能性。如果不同功能的圖標采用了易混淆的元素，這樣的軟件操作起來必然會使用戶陷入困境。

（三）合適的精細度。圖標并非越精細越好，我們要明白，圖標首先是拿來用的，即是識別性，第二才是美觀性。在圖標的設(shè)計中，起初圖標的識別性會隨著精度的上升而提升，但是，當精度上升到一個點之后則會呈現(xiàn)下降趨勢，所以我們在設(shè)計圖標的時候，要注意把握好這個點，有時候過度追求精細和質(zhì)感對于圖標的識別性并沒有更多的幫助。

（四）適量的元素選擇。在設(shè)計圖標的時候，圖標的元素并不是越多越好，而是適度就好。圖標設(shè)計的原則可以說是“不要讓我思考”。例如vista圖標的設(shè)計可謂是失敗的設(shè)計，雖然微軟在這套圖標內(nèi)傾入了相當?shù)男难?，但是因為選擇了過于多的元素，使得整體認知產(chǎn)生了偏差。

（五）風格統(tǒng)一原則。圖標的設(shè)計往往是成套的，這就要求我們在設(shè)計的時候統(tǒng)一它們的風格。

（六）與整體環(huán)境的協(xié)調(diào)。圖標并不是孤立存在的，他們應當彼此相關(guān)聯(lián)，如你想做一個80年代的復古設(shè)計，你的整體的色彩基調(diào)應該在復古色的范圍之內(nèi)，且應該和當時的環(huán)境有一定的契合，元素可以選擇當時的物件，畢竟當時的產(chǎn)品和我們現(xiàn)代的物品有很大的差別。

（七）原創(chuàng)性。這一條對于圖標設(shè)計提出了更高的要求，雖然原創(chuàng)性并非是圖標必須的要求，而且在圖標愈加豐富的今天，圖標的風格已經(jīng)千變?nèi)f化，過于追求圖標的原創(chuàng)性可能會帶來識別性的降低，但是，有時候也可以根據(jù)產(chǎn)品本身的風格加入更為藝術(shù)的效果，從而給圖標設(shè)計帶來新鮮的血液。

三、圖標的共時性和歷時性

可以說，圖標的發(fā)展不是一成不變的，從圖標的發(fā)展歷史我們可以發(fā)現(xiàn)，經(jīng)歷了像素圖標和如今的超精細圖標，改變的不僅僅是風格，還有意義的變化。

adobe公司的圖標隨著時代的發(fā)展也在變化。Adobe的軟件其實都很難根據(jù)功能提取出一個具體的形狀，于是早期的軟件都用羽毛、花朵、蝴蝶這些“精神層面”的物體來表達。但是，這很難在用戶和軟件之間建立起關(guān)聯(lián)。從CS3以后，adobe的套裝圖標發(fā)生了很大的變化，雖然美觀程度不及以前，但這也讓用戶無需建立起對象和象征物之間的關(guān)聯(lián)，這不是表意而是直接告訴用戶“我是ps”。文字帶來最直接的響應。

同時，由于蘋果手機的普及和影響，近些年來圖標的設(shè)計更加統(tǒng)一，更趨于圓角方形化，但是圓角的圖標過于流行和普及也帶來了一定的問題，這使得圖標的設(shè)計過于單一，抹殺了圖標的多樣性?？梢哉f，當在各類圖標設(shè)計網(wǎng)站看到很多圖標都變成方形的時候，比如說所有的球類都變成了方形，所有可能的物品都被放入方形的框內(nèi)的時候，可以說，在圖標設(shè)計方面，我們的方向出了問題。方形的圖標設(shè)計實際上是蘋果公司在手機圖標設(shè)計方面做出的妥協(xié)，因為在手機這個有限的屏幕之內(nèi)，自由形的排列會因為空間問題顯得凌亂，于是就出現(xiàn)了方形圓角圖標。并且因為app store的開放性使得各個廠商可以自行決定自己的icon圖標，即使是再不怎么好的圖標設(shè)計，在整體圖標效果上也會顯得整體和諧性，也就是統(tǒng)一性里面討論的問題。在圖標外形方面，蘋果公司的這個規(guī)則只能說是一個方面，我們既不能完全按照這個方向走，也不能完全拋棄它，但是，當我們設(shè)計的時候，我們應該考慮新的解決方案來改進圖標設(shè)計，這也是我們設(shè)計師應該去做的。

參考文獻：

[1] 朱銘，奚傳績.設(shè)計藝術(shù)教育大事典[M].濟南：山東教育出版社，2000

[2] 譚坤，王凱翔.軟件界面中的圖標設(shè)計[J].飾，2007（04）

作者單位：南京藝術(shù)學院