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

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

　　添加表情符和圖標(biāo)能夠讓你的設(shè)計更加一目了然?？吹椒糯箸R圖標(biāo)，你會立刻意識到點擊這個圖標(biāo)能夠搜索。
 

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

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

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

　　Emojione
 

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

　　Icons8
 

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

　　BoxIcons

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

　　Feather
 

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

　　Material
 

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

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