|
作為一名大學(xué)剛畢業(yè)入行不久的小菜鳥，斗膽在這里分享下我對于圖標(biāo)設(shè)計的一些心得體會。說的不好，還請各位看客包涵指正。 圖標(biāo)在我們?nèi)粘Ｉ钪斜粡V泛應(yīng)用，軟硬件、網(wǎng)頁、社交公共場合無所不在。廣義來說，圖標(biāo)就是具有指代意義的圖形符號，具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。狹義來說，就是我們所熟悉的在計算機(jī)程序方面的應(yīng)用。包括：程序標(biāo)識、數(shù)據(jù)標(biāo)識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等。如今圖標(biāo)被廣泛的應(yīng)用，其價值也是顯而易見的。一套好的圖標(biāo)能夠為用戶直觀傳達(dá)所描述的物體，減輕用戶的認(rèn)知負(fù)擔(dān)，特別是一些抽象的功能和意義。同時增添圖標(biāo)的精美度不僅能提升整個界面的吸引力和觀賞性，還能使產(chǎn)品與用戶產(chǎn)生共鳴。
下面以制作電話本和短消息這兩個圖標(biāo)為例。
設(shè)定風(fēng)格。通觀整個圖標(biāo)設(shè)計，設(shè)定風(fēng)格是基礎(chǔ)，亦是非常重要的一步。需要對整套圖標(biāo)進(jìn)行周全的構(gòu)想，因為這一步為圖標(biāo)設(shè)定了一個方向，之后圖標(biāo)設(shè)計的造型，上色的深入展開都要以此為基礎(chǔ)。在這里我設(shè)定的是復(fù)古做舊的風(fēng)格。
繪制草圖。這一步驟主要是設(shè)計圖標(biāo)的造型。造型在圖標(biāo)設(shè)計中有著決定性的影響，他直觀的給用戶展現(xiàn)其所代表的含義。而草圖是最直觀，最快速展現(xiàn)設(shè)計構(gòu)思的一種方法。此時我們可以通過頭腦風(fēng)暴列舉出一些能讓用戶一目了然，又貼合電話本和短消息含義的元素，同時列舉的元素又要符合復(fù)古做舊的風(fēng)格。因此，我選取做舊的通訊錄來表示電話本，選取羽毛筆和信紙來表示短消息。在繪制草圖時，要注意圖標(biāo)造型的統(tǒng)一，方向的一致性，使圖標(biāo)有充分的辨識度。其次要控制單個圖標(biāo)元素的數(shù)量與其他圖標(biāo)相協(xié)調(diào)，用最少的元素來表達(dá)圖標(biāo)的含義。不然過多的元素不僅會使圖標(biāo)臃腫不堪，更會使圖標(biāo)的含義模糊不清，難以琢磨。
上色刻畫。在確定造型之后，就需要對圖標(biāo)上色以及深入刻畫。
總結(jié)一下。第一，設(shè)計一套完整的圖標(biāo)要確保其風(fēng)格的一致性。在造型，透視，大小，色彩，效果處理等各個方面做到統(tǒng)一，以保證每個圖標(biāo)都與其風(fēng)格相契合。其次，控制圖標(biāo)元素的數(shù)量，對一些不必要的元素要果斷去除。圖標(biāo)應(yīng)該是一種能使用戶輕松識別的圖形語言，而不是成為用戶閱讀的負(fù)擔(dān)。更要充分展現(xiàn)各個圖標(biāo)間的差異程度，提升圖標(biāo)自身的辨識度，從而幫助用戶理解閱讀。再則還要考慮這套圖標(biāo)所應(yīng)用的環(huán)境。不同國度，不同社會環(huán)境，不同文化傳統(tǒng)對圖形也有不同的認(rèn)識理解。同時也要考慮到人們的情感因素，避免使用敏感圖形。所以在設(shè)計開始就應(yīng)考慮周詳，謹(jǐn)慎使用。最后，畫圖標(biāo)要有足夠的耐心，對于細(xì)節(jié)要不怕繁瑣，細(xì)心揣摩。
原文：http://uedc.163.com/8780.html
本文鏈接：http://m.95time.cn 
出處：網(wǎng)易用戶體驗設(shè)計中心
責(zé)任編輯：moby
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論，我還想發(fā)表評論。
|
