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

　　ui圖標(biāo)設(shè)計(jì)原則有哪些

　　一、應(yīng)用型圖標(biāo)設(shè)計(jì)原則

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

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

　　ui圖標(biāo)設(shè)計(jì)

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

　　二、功能型圖標(biāo)設(shè)計(jì)原則

　　（1）

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

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

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

　　ui圖標(biāo)設(shè)計(jì)

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

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

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

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