icon相信大家對這個(gè)詞語并不陌生，我們做設(shè)計(jì)的也會經(jīng)常遇到，誠筑說在UI設(shè)計(jì)培訓(xùn)中到結(jié)尾的整體作品是需要自己做icon的。而關(guān)于icon設(shè)計(jì)的六原則今天誠筑說小編就給大家分享一下啦。

1.定義準(zhǔn)確形象

icon也是一種交互模塊，只不過通常以分割突出界面和互動的形式來呈現(xiàn)的。其中以交互式為主要運(yùn)用手段。而icon對于一般起是充當(dāng)指示、提醒、概括、表述等作用，所以在icon定義的時(shí)候一定要準(zhǔn)確，非但不能模糊反而比logo的定義還要清晰。

比如：新建，添加，刪除，搜索等都要遵循簡潔通用這個(gè)一個(gè)基本的原則。否則用戶辨識度上會導(dǎo)致操作成本上升的結(jié)果。通常也會造成閱讀和操作的障礙。（在大同小異的基礎(chǔ)上有自己的想法。）

2.造型完整簡明

造型是icon設(shè)計(jì)的筋骨，就好象一個(gè)人是健康的還是有缺陷的。一個(gè)icon有沒有美感很大程度就取決于造型是否優(yōu)美和諧。

在基本外形里，通常是矩形或圓形，我們會給予它們不同的設(shè)計(jì)感覺來定義它們能表達(dá)什么。舉個(gè)栗子：在大幅空白的區(qū)域，圓形icon會更適合留白排版。當(dāng)大幅文字段落或執(zhí)行按鈕的時(shí)候，矩形icon會更合適排版。

3.表達(dá)符合的行為習(xí)慣

在表達(dá)定義的時(shí)候，首頁要符合一般使用的行為習(xí)慣，UI本身的意義就在于附加到“功能”上的一個(gè)表現(xiàn)層，具備直接的操作和交互的功能。我們首先不要著重華麗和精妙上面，為了icon而做icon。而往往一些產(chǎn)品部門相關(guān)的人員并不會在乎華麗和精美。功能性是重要的因素。而個(gè)性色彩比較濃的游戲類或教育類界面，一般都配有文字或歸屬感比較強(qiáng)的元素來進(jìn)行設(shè)計(jì)。（本來icon的本意也是圖標(biāo)）

4.風(fēng)格表現(xiàn)統(tǒng)一

風(fēng)格是一種具備獨(dú)有特點(diǎn)的形態(tài)，具備差異化的思路和個(gè)性。在UI中經(jīng)過表現(xiàn)不那么特立獨(dú)行也是因?yàn)樾袨榱?xí)慣問題，這也解釋了想微軟、蘋果、谷歌可以顛覆設(shè)計(jì)原則的原因，通常一個(gè)公司或一個(gè)組織沒辦法去改變設(shè)計(jì)規(guī)則。

5.排版循序與位置的調(diào)整

完成基本的icon設(shè)計(jì)后，還有根據(jù)UI界面布局來進(jìn)行調(diào)整icon在整個(gè)布局中的位置。這個(gè)相當(dāng)重要，而對于有經(jīng)驗(yàn)的工作人員來說，一般icon的造型，復(fù)雜程度，基本外型都會進(jìn)行調(diào)整；如簡單相對復(fù)雜，圓形一列中會有重疊元素，也可以會有矩形來調(diào)和。對比調(diào)和后使得icon更加易讀和方便識別。切忌糊涂一片，錯(cuò)亂反復(fù)。

（可見icon在整體項(xiàng)目中的重要性）

6.使用配色的協(xié)調(diào)

給icon添加顏色是解決視覺沖擊力的一種表現(xiàn)手段。一般賦予icon什么樣的個(gè)性和使得突出重點(diǎn)，一般都會添加顏色。在添加顏色時(shí)首先我們可以用感覺來進(jìn)行設(shè)計(jì)，思路對想法可以就行了。

這時(shí)在整體界面中一般有背景色和主導(dǎo)色，那么一般我們選擇的icon顏色要側(cè)重于點(diǎn)綴色或者著重色，而其他不太重要的icon顏色盡量選擇中性的顏色，想低純度的藍(lán)色，因?yàn)樵赨I界面設(shè)計(jì)中，藍(lán)色幾乎和黑白灰并稱萬用色。有時(shí)候UI界面或icon整體偏暖和冷就是因?yàn)檠a(bǔ)色沒有運(yùn)用好。導(dǎo)致很刺激人的感官，這里有個(gè)小技巧，就是運(yùn)用補(bǔ)色。

誠筑說UI設(shè)計(jì)培訓(xùn)，讓你不再只會軟件，不會設(shè)計(jì)。更有手繪icon設(shè)計(jì)哦！