許馨之
摘 要:當(dāng)計算機(jī)時代來臨,圖形界面得到越來越多的重視,圖標(biāo)設(shè)計作為界面設(shè)計的設(shè)計主體成為重中之重。它有著不可替代的重要性,并有其優(yōu)點(diǎn)和缺點(diǎn)。對于設(shè)計師來說,圖標(biāo)成為了設(shè)計中最主要的部分。于是,應(yīng)該怎樣做好圖標(biāo)設(shè)計,即滿足可識別性,又不失藝術(shù)性,是設(shè)計圖標(biāo)的過程中應(yīng)當(dāng)考慮的問題。
關(guān)鍵詞:圖標(biāo)設(shè)計 界面設(shè)計
一、圖標(biāo)的起源和發(fā)展
“icon”,原意為圖像,在字典里被定義為宗教圖騰。計算機(jī)時代來臨之際,尤其是在1973年施樂開發(fā)出GUI 接口與鼠標(biāo)之后,計算機(jī)圖形開始迅速發(fā)展。在半個世紀(jì)的發(fā)展中,蘋果公司和微軟公司呈現(xiàn)出不同的風(fēng)貌和樣式,同時界面的發(fā)展也是精彩紛呈。在這些豐富多彩的圖形界面中,圖標(biāo)起到不可忽視的作用。
和早期的計算機(jī)界面相比,圖形界面對于用戶來說來得更加簡單和直觀。硬件的發(fā)展帶來了圖形化界面的發(fā)展,所以從圖標(biāo)的發(fā)展歷史來看,則是一部計算機(jī)發(fā)展的歷史。如通過分析蘋果和微軟的操作系統(tǒng)的發(fā)展史,我們可以看出整個圖標(biāo)的發(fā)展以及圖標(biāo)本身涵義發(fā)生的變化。同時現(xiàn)代手機(jī)飛速發(fā)展,手機(jī)更加多樣化,這也體現(xiàn)了用戶個性的多樣化,并且界面對于用戶來說尤為重要,圖標(biāo)作為界面的主體則是重中之重。但這就使得圖標(biāo)的設(shè)計更趨于復(fù)雜和多樣。但是,圖標(biāo)的多樣化也帶來新的問題,用戶在眾多圖表中則感到眼花繚亂,圖標(biāo)的設(shè)計也開始變得參差不齊。這也使得我們設(shè)計師在面對圖標(biāo)的設(shè)計的時候似乎無處下手,但是,我們?nèi)匀豢梢酝ㄟ^分析已有的圖標(biāo),總結(jié)出圖標(biāo)設(shè)計的原則。
二、圖標(biāo)的設(shè)計原則
(一)可識別性原則??勺R別性原則,指的就是圖標(biāo)的設(shè)計應(yīng)當(dāng)能被用戶簡單的解讀和認(rèn)識,即當(dāng)用戶看到這個圖標(biāo)時,我能夠明白圖標(biāo)所代表的含義。例如,交通標(biāo)志的設(shè)計應(yīng)當(dāng)是當(dāng)之無愧的好的圖標(biāo)設(shè)計,因?yàn)閹缀鯖]有司機(jī)看到交通標(biāo)識而不知道其意義的,交通標(biāo)識的可識別性在這里得到了極大的發(fā)揮。
(二)差異性原則。差異性原則指的是圖標(biāo)之間應(yīng)該有區(qū)別和差異,這樣當(dāng)用戶看到圖標(biāo)能識別出它們彼此的不同,從而區(qū)分不同圖標(biāo)的功能性。如果不同功能的圖標(biāo)采用了易混淆的元素,這樣的軟件操作起來必然會使用戶陷入困境。
(三)合適的精細(xì)度。圖標(biāo)并非越精細(xì)越好,我們要明白,圖標(biāo)首先是拿來用的,即是識別性,第二才是美觀性。在圖標(biāo)的設(shè)計中,起初圖標(biāo)的識別性會隨著精度的上升而提升,但是,當(dāng)精度上升到一個點(diǎn)之后則會呈現(xiàn)下降趨勢,所以我們在設(shè)計圖標(biāo)的時候,要注意把握好這個點(diǎn),有時候過度追求精細(xì)和質(zhì)感對于圖標(biāo)的識別性并沒有更多的幫助。
(四)適量的元素選擇。在設(shè)計圖標(biāo)的時候,圖標(biāo)的元素并不是越多越好,而是適度就好。圖標(biāo)設(shè)計的原則可以說是“不要讓我思考”。例如vista圖標(biāo)的設(shè)計可謂是失敗的設(shè)計,雖然微軟在這套圖標(biāo)內(nèi)傾入了相當(dāng)?shù)男难?,但是因?yàn)檫x擇了過于多的元素,使得整體認(rèn)知產(chǎn)生了偏差。
(五)風(fēng)格統(tǒng)一原則。圖標(biāo)的設(shè)計往往是成套的,這就要求我們在設(shè)計的時候統(tǒng)一它們的風(fēng)格。
(六)與整體環(huán)境的協(xié)調(diào)。圖標(biāo)并不是孤立存在的,他們應(yīng)當(dāng)彼此相關(guān)聯(lián),如你想做一個80年代的復(fù)古設(shè)計,你的整體的色彩基調(diào)應(yīng)該在復(fù)古色的范圍之內(nèi),且應(yīng)該和當(dāng)時的環(huán)境有一定的契合,元素可以選擇當(dāng)時的物件,畢竟當(dāng)時的產(chǎn)品和我們現(xiàn)代的物品有很大的差別。
(七)原創(chuàng)性。這一條對于圖標(biāo)設(shè)計提出了更高的要求,雖然原創(chuàng)性并非是圖標(biāo)必須的要求,而且在圖標(biāo)愈加豐富的今天,圖標(biāo)的風(fēng)格已經(jīng)千變?nèi)f化,過于追求圖標(biāo)的原創(chuàng)性可能會帶來識別性的降低,但是,有時候也可以根據(jù)產(chǎn)品本身的風(fēng)格加入更為藝術(shù)的效果,從而給圖標(biāo)設(shè)計帶來新鮮的血液。
三、圖標(biāo)的共時性和歷時性
可以說,圖標(biāo)的發(fā)展不是一成不變的,從圖標(biāo)的發(fā)展歷史我們可以發(fā)現(xiàn),經(jīng)歷了像素圖標(biāo)和如今的超精細(xì)圖標(biāo),改變的不僅僅是風(fēng)格,還有意義的變化。
adobe公司的圖標(biāo)隨著時代的發(fā)展也在變化。Adobe的軟件其實(shí)都很難根據(jù)功能提取出一個具體的形狀,于是早期的軟件都用羽毛、花朵、蝴蝶這些“精神層面”的物體來表達(dá)。但是,這很難在用戶和軟件之間建立起關(guān)聯(lián)。從CS3以后,adobe的套裝圖標(biāo)發(fā)生了很大的變化,雖然美觀程度不及以前,但這也讓用戶無需建立起對象和象征物之間的關(guān)聯(lián),這不是表意而是直接告訴用戶“我是ps”。文字帶來最直接的響應(yīng)。
同時,由于蘋果手機(jī)的普及和影響,近些年來圖標(biāo)的設(shè)計更加統(tǒng)一,更趨于圓角方形化,但是圓角的圖標(biāo)過于流行和普及也帶來了一定的問題,這使得圖標(biāo)的設(shè)計過于單一,抹殺了圖標(biāo)的多樣性??梢哉f,當(dāng)在各類圖標(biāo)設(shè)計網(wǎng)站看到很多圖標(biāo)都變成方形的時候,比如說所有的球類都變成了方形,所有可能的物品都被放入方形的框內(nèi)的時候,可以說,在圖標(biāo)設(shè)計方面,我們的方向出了問題。方形的圖標(biāo)設(shè)計實(shí)際上是蘋果公司在手機(jī)圖標(biāo)設(shè)計方面做出的妥協(xié),因?yàn)樵谑謾C(jī)這個有限的屏幕之內(nèi),自由形的排列會因?yàn)榭臻g問題顯得凌亂,于是就出現(xiàn)了方形圓角圖標(biāo)。并且因?yàn)閍pp store的開放性使得各個廠商可以自行決定自己的icon圖標(biāo),即使是再不怎么好的圖標(biāo)設(shè)計,在整體圖標(biāo)效果上也會顯得整體和諧性,也就是統(tǒng)一性里面討論的問題。在圖標(biāo)外形方面,蘋果公司的這個規(guī)則只能說是一個方面,我們既不能完全按照這個方向走,也不能完全拋棄它,但是,當(dāng)我們設(shè)計的時候,我們應(yīng)該考慮新的解決方案來改進(jìn)圖標(biāo)設(shè)計,這也是我們設(shè)計師應(yīng)該去做的。
參考文獻(xiàn):
[1] 朱銘,奚傳績.設(shè)計藝術(shù)教育大事典[M].濟(jì)南:山東教育出版社,2000
[2] 譚坤,王凱翔.軟件界面中的圖標(biāo)設(shè)計[J].飾,2007(04)
作者單位:南京藝術(shù)學(xué)院