- 相關(guān)推薦
試析GUI設計中圖標元素的設計
【摘要】本文在計算機人機交互圖形化用戶(hù)界面圖標設計的基礎上,分析了圖標在軟件中的應用,詳細論述了軟件系統圖標的特征和特點(diǎn),給出了圖標設計原則和設計個(gè)性化圖標的一般方法。為軟件系統圖標設計提供了理論依據和借鑒模型。【關(guān)鍵詞】GUI 軟件系統圖標特征圖標設計研究
GUI全稱(chēng)為Graphical User Interface,即計算機圖形用戶(hù)接口界面,通俗理解就是指人機交互圖形化用戶(hù)界面,采用平面圖形的方式直觀(guān)地反映計算機的用戶(hù)操作界面。伴隨數字技術(shù)的發(fā)展,計算機界面操作人性化程度的提升,界面圖標在人機互動(dòng)過(guò)程中發(fā)揮的作用也日益增強,表現出的視覺(jué)魅力也日益豐富,成為GUI設計的重要表現元素。
1. 圖標的發(fā)展史
圖標系統的出現與發(fā)展的每一步,都與計算機界面技術(shù)的發(fā)展緊密相連。1981年Xerox Star系統的圖標是最早的界面圖標,由于技術(shù)有限,只有黑白兩色。 Xerox Star系統中的圖標十分抽象,只用了圓形和矩形。1991年,Microsoft公司在其Windows3.0界面上首次使用了彩色圖標,該圖標突破了以往機械的外形,簡(jiǎn)單的構造,初次采用了投影立體效果。直到2001年,Microsoft在參照了Mcitish OS系統后成功研發(fā)出世界上第一套真正具備現代意義的界面圖標:WindowsXP系統圖標。該系統以藍色為主色,象征理性與速度,科技與時(shí)尚。圖標輔以綠色和紅色,對比效果強烈。深沉的主色調統一,穩健之中不乏熱情,具有很強的視覺(jué)沖擊力。
2. 圖標的發(fā)展圖標的色彩與情感
成功的藝術(shù)作品要傾注作者的個(gè)人情感,才能達到與讀者的共鳴,圖標也是一樣,它是一種像素藝術(shù),方寸之間進(jìn)行表現,在設計的時(shí)候要充分考慮圖標帶給人的心理作用和視覺(jué)感受。以藍色、紫色、綠色等冷色為主色調的圖標,給人以冷靜、成熟、干練的感覺(jué),以紅色、橙色、黃色為主色調的界面圖標給人以熱情、年輕、沖擊的感覺(jué)。在圖標設計的過(guò)程中,色彩的效果不是一種或兩種色彩決定的,是所有色彩元素,相互影響、共同作用形成的。合理的運用明度、純度、色相進(jìn)行有目的的對比,才能使作品具有設計美感。
圖標設計的效果是通過(guò)UI界面來(lái)實(shí)現的,考慮電腦的色彩成相原理也是設計者不可缺少的工作環(huán)節。操作界面上色彩的效果是通過(guò)像素的計算得來(lái)的,早期的黑白效果簡(jiǎn)單的色彩結構,在電腦上用的是一位的資料。雖然,黑白只有兩色,單仍能夠以疏密不同的黑點(diǎn)和白點(diǎn)進(jìn)行矩陣排列,形成視覺(jué)上的256個(gè)灰色階調,除去黑白兩色,還有254個(gè),電腦必須以8位的技術(shù)實(shí)現這256位階調。電腦屏幕是通過(guò)光,把信息進(jìn)行展現的,所以,我們看到的色彩必須以色光模式進(jìn)行計算,即RGB格式,我們進(jìn)行設計所用的顏色,都是通過(guò)紅、綠、藍這三種顏色進(jìn)行配比形成的。
在8位色體系中,一位色包含兩種顏色,二位色四種顏色,四位色16種顏色,8位色24種顏色………….依次類(lèi)推,色彩的數目是隨著(zhù)位數的增長(cháng)而上升的。采用過(guò)高的位數會(huì )衍生更多的色彩,但同時(shí)也會(huì )給人的視覺(jué)識別帶來(lái)負擔,采用合適的色彩體系進(jìn)行設計,是至關(guān)重要的。在設計時(shí),要選用少的色彩,和簡(jiǎn)單的外形,利用色彩空間混合原理,設計出美觀(guān)適用的圖標。
3. 圖標的可識別性
圖標在服從界面需要的前提下,更要體現出藝術(shù)化的效果。在定位上,應當采用符合行業(yè)特征的符號,只有具有一定的廣泛性,才有利于識別和操作,只有具有一定的個(gè)性,才能
在同類(lèi)產(chǎn)品中脫穎而出。比如,COREL DRAW 是一款矢量圖形制作軟件,這類(lèi)藝術(shù)性實(shí)用性很強的圖標,更有獨特的視覺(jué)表現力。有豐富的色彩效果和優(yōu)美的外輪廓。如,Coreldraw9的圖標,是一個(gè)彩色的降落傘,采用倒置水滴外形,輔以鮮艷的色彩和諧的明暗關(guān)系以及適度的立體效果,富有很強的視覺(jué)美感。Coreldraw12采用圓點(diǎn)做背景,鉛筆做主形,成熟的灰藍色為主色調,軟件的功能定位一目了然。再如,很多音樂(lè )播放器的圖標,如千千靜聽(tīng),采用耳機和電頻為主要圖形,輔以晶瑩時(shí)尚的玻璃按鈕,使用戶(hù)在第一時(shí)間就可以準確的判斷并記憶。
在設計中,要避免面面俱到,在一個(gè)小圖標上呈現對象的全部特征而使效果雜亂模糊。圖標的尺寸一般都比較小,設計者必須力求簡(jiǎn)約,選擇最具有獨特性和表現力的特征去設計和制作,使作品線(xiàn)條簡(jiǎn)約,色彩適度,定位明確。
4. 圖標的一致性
統一的圖標設計風(fēng)格,統一的色調設置,統一的尺寸,和統一的交互方式給用戶(hù)統一的感覺(jué),增加軟件的可信度和支持率。首先,一個(gè)好的軟件圖標風(fēng)格是一致的,但不同產(chǎn)品也有不同的特色�？偨Y起來(lái),有以下幾個(gè)風(fēng)格:1、卡通漫畫(huà)風(fēng)格,這類(lèi)圖標往往是在游戲類(lèi)軟件中最為常見(jiàn),因為游戲類(lèi)軟件的情節性較強,使用者在其中扮演自己喜歡的角色,并參與到設計好的情節。這類(lèi)圖標為了吸引使用者,采用有代表性的人物形象作為圖標,使信息由效地得到傳遞。2、傳統風(fēng)格,這類(lèi)軟件幾乎無(wú)一例外地呈現內容的原貌,不添加任何人為加工的成分,如實(shí)的反映軟件的內容和功能,外型上給人四平八穩的感覺(jué),一般具有明確的指定使用人群和市場(chǎng)。此類(lèi)圖標多服務(wù)于辦公類(lèi)軟件,此類(lèi)的設計有利于提高工作效率。3、高科技風(fēng)格,此類(lèi)圖標采用3D動(dòng)畫(huà)技術(shù),虛擬現實(shí)的效果,營(yíng)造出真實(shí)的視覺(jué)感受。此類(lèi)圖標多為時(shí)代感較強,具有前瞻性的軟件。
同一信息產(chǎn)品,采用統一的外觀(guān)風(fēng)格,對于保持用戶(hù)的使用和感官優(yōu)勢,促進(jìn)交互效率有很大幫助。
其次,應用功能近似的軟件應該保持外觀(guān)一致,如Adobe系列應用軟件,PHOTOSHOP、ILLUSTRATOR、INDESIGN、IMAGEREADY等,這些軟件圖標,在外觀(guān)上保持尺寸一致,統一白色的字體鑲嵌效果,統一的彩色的圖標,統一的圓角正方形和左上角的光源,仿立體的陰影效果等一系列近似的特征使他們保持了一致。用戶(hù)在長(cháng)期的交互過(guò)程中形成了穩定的心理模型,用戶(hù)在熟悉了一個(gè)界面之后,切換到另一界面也可以很快猜測出界面工具的功能,節約了時(shí)間成本,象征性圖形符號所傳達的意思也不再那么抽象費解。
再次,交互行為的統一性。所有的交互行為控制圖標都有,圖像被選擇時(shí),圖像未被選擇時(shí),雙擊左鍵進(jìn)入程序,單擊右鍵選擇隱藏的下拉任務(wù)菜單……等狀態(tài)。統一交互行為,讓圖標的識別和使用變得更加便捷,軟件技術(shù)也更加通俗和簡(jiǎn)易。
計算機技術(shù)的進(jìn)步和人的心理需求促使圖標的出現和發(fā)展,從而,給我們的工作和生活帶來(lái)巨大的變化。在未來(lái)人與計算機交互的過(guò)程中,圖標將成為一個(gè)不可替代的角色,在滿(mǎn)足使用功能的同時(shí)散發(fā)出更加迷人的藝術(shù)魅力。
參考文獻
[1]張舒予.視覺(jué)文化概論.南京:江蘇人民出版社,2003.
[2]周憲.反思視覺(jué)文化江.江蘇社會(huì )科學(xué),2001,(5).
[3]徐柏容.編輯創(chuàng )意論.天津:天津古籍出版社,1999.
[4]金元浦.視覺(jué)圖像文化及當代問(wèn)題域[J].學(xué)術(shù)月刊,2007,(5)
【試析GUI設計中圖標元素的設計】相關(guān)文章：
從北京奧運設計來(lái)解讀設計文脈中的傳統元素03-11
談傳統裝飾元素在現代設計中的應用03-27
淺談傳統裝飾元素在現代設計中的應用03-05
瓣蒙包裝設計中的民俗元素03-19
試析視覺(jué)傳達設計中的傳統美學(xué)觀(guān)03-21
試析汽車(chē)服務(wù)流程中的客戶(hù)需求設計03-19
淺談中國元素在現代包裝設計中的運用03-17
試論傳統陶瓷元素在包裝設計中的應用03-17