零基礎學習UI圖標設計原則
圖標設計原則是指做設計時要遵守的必要準則。在進行圖標設計時,設計原則可以幫助設計師快速地進行設計定位。下面對應用型圖標設計原則和功能型圖標設計原則進行詳細講解。

?

①可識別性。識別性是圖標設計的首要原則,是指設計的圖標能準確地表達出所代表的隱喻,能讓用戶第一眼識別出它所代表的含義,從中獲得相關信息。

?
②差異性。在設計圖標時,必須在突出產(chǎn)品核心功能的同時表現(xiàn)出差異性,避免同質(zhì)化,力求給用戶留下深刻的印象。

?
③使用柵格線。在設計圖標時,使用柵格線作為設計依據(jù),可讓圖標與系統(tǒng)保持和諧統(tǒng)一,更好地彼此匹配。

?

①表意準確。功能型圖標設計的第一原則是表意準確,要讓用戶看到一個圖標的第一時間理解它所代表含義。功能型圖標在應用界面起到指示、提醒、概括和表述的作用。

?
②輪廓清晰。輪廓清晰是指形狀邊緣棱角分明,沒有發(fā)虛的像素。在 Photoshop軟件中,設置常規(guī)選項中選擇“將矢量工具和像素網(wǎng)格對齊”復選框。這樣在進行繪制時形狀會自動對齊像素網(wǎng)格不會形成發(fā)虛的像素。以及在繪制圖標時盡量使用45角,這樣的斜線是最清晰的。

?
③使用圖標網(wǎng)格。繪制圖標時應隨時使用48×48像素的圖標網(wǎng)格作為繪制依據(jù),它能有效幫助設計師掌握構圖布局。圖標網(wǎng)格將圖標的繪制區(qū)域劃分為若干份等大小的網(wǎng)格,并建立了關鍵線形狀、繪制區(qū)(46像素)和禁繪區(qū)(2像素),讓繪制圖標更科學、準確和快速。

?
繪制圖標分為兩種情況:一是規(guī)則的,可在46×46像素的圖標網(wǎng)格區(qū)域繪制;二是不規(guī)則的,如異形的五角星它會有一些尖角在禁繪區(qū)內(nèi)。

?
需要注意的是,繪制圖標并不是一味地要嚴格遵守圖標網(wǎng)格去進行繪制,其實也要保持視差平衡。視差平衡是講兩個物體同樣大的尺寸,但是其中的一個物體看起來明顯要大于另一物體,此時需要將其中一物體進行縮小,在視覺上看起來平衡。

?
④一致性。致性指的是造型規(guī)則、圓角尺寸、線框粗細、樣式、細節(jié)特征等的統(tǒng)一,讓圖標的外觀整體一致。

?