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