旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UI設(shè)計中表情符的小妙用

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

時間:2020-10-23來源:m.5wd995.cn點擊量:作者:Arya
時間:2020-10-23點擊量:作者:Arya

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

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

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

  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
 

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

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

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

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖