UI設(shè)計(jì)中表情符的小妙用

　　如果你覺得你的 UI 設(shè)計(jì)起來很無聊，想讓它看起來更加有趣，其實(shí)是有很多相對(duì)通用的方法。這些方法大都不算復(fù)雜，稍加調(diào)整，總會(huì)有不俗的效果。如果你想試試，不妨試試加入圖標(biāo)和表情符這些賦予UI 以個(gè)性，今天AAA教育武老師就為大家分享UI設(shè)計(jì)中表情符的小妙用。
 

　　添加表情符和圖標(biāo)能夠讓你的設(shè)計(jì)更加一目了然。看到放大鏡圖標(biāo)，你會(huì)立刻意識(shí)到點(diǎn)擊這個(gè)圖標(biāo)能夠搜索。
 

　　比如 Pieter Levels 對(duì)于他的網(wǎng)站 NomadList 的設(shè)計(jì)，其中使用表情符讓它更加富有吸引力，更加友好。這使得你的 UI 更加具有視覺吸引力，更加簡(jiǎn)單有效。
 

　　除此之外，需要注意兩件事情，一是不要用得過多，二是不要重新發(fā)明輪子或者「過于創(chuàng)新」地使用它。盡量讓它有趣，而不是讓人感到惱怒，「+」就是添加，購(gòu)物車圖標(biāo)就意味著購(gòu)物車，齒輪圖標(biāo)就是設(shè)置，這些約定俗成的就不要?jiǎng)恿恕?br />  

　　下面是一些獲得圖標(biāo)的表情符號(hào)的來源網(wǎng)站分享：
 

　　Emojione
 

　　免費(fèi)圖標(biāo)包素材的站點(diǎn)，匯集了很多優(yōu)質(zhì)的icon素材，設(shè)計(jì)師可以自由下載使用。海量免費(fèi)矢量圖標(biāo)庫；免費(fèi)矢量圖標(biāo)SVG，PSD，PNG，EPS格式或圖標(biāo)字體。
 

　　Icons8
 

　　Icons8 提供大量免費(fèi)插圖素材，使用者無需注冊(cè)即可下載。免費(fèi)方案在使用插圖時(shí)必須遵守授權(quán)規(guī)定，標(biāo)示出處并連回原網(wǎng)站，中文界面在操作上更簡(jiǎn)單。
 

　　BoxIcons

　　Boxicons是一個(gè)精心設(shè)計(jì)的開源圖標(biāo)集，擁有400多個(gè)圖標(biāo)。 它旨在豐富您的網(wǎng)站/應(yīng)用體驗(yàn)。
 

　　Feather
 

　　Feather 是一個(gè)免費(fèi)開源的簡(jiǎn)單而美麗的ICON圖標(biāo)集合，由Cole Bemis制作，主要設(shè)計(jì)的使用范疇為應(yīng)用系統(tǒng)、媒體控制、位置、天氣、箭頭、徽標(biāo)等，可在移動(dòng)端應(yīng)用開發(fā)的時(shí)候使用，圖標(biāo)格式為SVG。
 

　　Material
 

　　Material是一個(gè)由開源代碼支持的設(shè)計(jì)系統(tǒng)，可以幫助團(tuán)隊(duì)構(gòu)建高質(zhì)量的數(shù)字體驗(yàn)。每個(gè)符號(hào)都有五個(gè)主題以及一系列可下載的大小和密度。也可以作為git存儲(chǔ)庫使用。圖標(biāo)字體對(duì)于Web項(xiàng)目，最好的格式是我們易于使用的圖標(biāo)Web字體。圖標(biāo)免費(fèi)供所有人使用。但注意不能商業(yè)。在Apache許可版本2.0下可用。
 

　　提升UI的細(xì)節(jié)感、視覺感、體驗(yàn)有很多技巧，帶著目標(biāo)來進(jìn)行設(shè)計(jì)，有方向了總會(huì)有提升的方法。今天提供的這些方法，是相對(duì)通用的提升法則，不過，還有一些更加具體、更加細(xì)致的技巧，持續(xù)關(guān)注AAA教育。