ui設(shè)計中每一部分都是很重要的，特別是圖標，這也是指引用戶的操作流程，如果設(shè)計的不好的話，會影響到用戶的體驗，那么怎么做好ui圖標設(shè)計？今天就讓faceui來給大家詳解一下ui圖標設(shè)計原則。

　　ui圖標設(shè)計原則有哪些

　　一、應(yīng)用型圖標設(shè)計原則

　?。?）可識別性。識別性是圖標設(shè)計的重要一點，這個設(shè)計是能夠通過圖標準確地表達出所代表的隱喻，可以讓用戶在最快的時間第一眼識別出它所代表的含義，從中獲得相關(guān)信息。

　?。?）差異性。在設(shè)計圖標時，一定要突出產(chǎn)品核心功能的同時表現(xiàn)出差異性，這樣做也是避免了同質(zhì)化，爭取給用戶留下深刻的印象。

　　ui圖標設(shè)計

　?。?）使用柵格線。在設(shè)計圖標時，使用了柵格線作為設(shè)計依據(jù)，這樣就可以讓圖標與系統(tǒng)能夠達到和諧統(tǒng)一，更好地彼此匹配。

　　二、功能型圖標設(shè)計原則

　?。?）

　　表意準確。功能型圖標設(shè)計的首要原則就是可以準確的表明意思，要讓用戶看到一個圖標的時候，在第一時間理解它所代表含義。

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

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

　　ui圖標設(shè)計

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

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

　?。?）一致性。一致性指的是在設(shè)計型規(guī)則、圓角尺寸、線框粗細、樣式、細節(jié)特征等，都需要統(tǒng)一，讓圖標的外觀整體做到一致。

　　ui圖標設(shè)計有哪些？以上就是faceui給大家分享了關(guān)于ui圖標設(shè)計知識，ui圖標設(shè)計的時候是無法避免一些疑問和難題，大家只要用心的去做，遇到不懂的事情及時的請教，就可以順利的完成ui設(shè)計。