圖標(biāo)是APP的重要組成部分，它讓我們可以更快地理解特定的含義，是UI設(shè)計(jì)師絕不能忽視的元素。自從1981年第一個(gè)圖標(biāo)系列的出現(xiàn)以來，圖標(biāo)設(shè)計(jì)的技術(shù)與風(fēng)格每年都在變化，而23年又會(huì)流行什么風(fēng)格呢，讓我們一起來看看吧！

01
3D圖標(biāo)

3D圖標(biāo)依然是主流發(fā)展趨勢(shì)，但似乎一直沒有被普及開來。主要還是由于它制作上的難度。但它在體積和質(zhì)感上的表現(xiàn)，是其它風(fēng)格無法復(fù)制的。

另一方面，3D圖標(biāo)的視覺占比非常重，它可能會(huì)比內(nèi)容本身更吸引人的注意力，因此與界面融合的難度也非常高。

02
手繪圖標(biāo)

手繪風(fēng)格是獨(dú)一無二的，我們可以通過控制它的線條、筆觸、粗細(xì)來營(yíng)造極其多變的視覺風(fēng)格，它看起來更加的個(gè)性、與眾不同，如果這正符合你的品牌定位，那手繪風(fēng)格無疑是最好的選擇了。

03
粗線條

線性圖標(biāo)一直是很常見的圖標(biāo)風(fēng)格之一，趨勢(shì)表面，設(shè)計(jì)師們?cè)絹碓綗嶂杂谑褂酶值木€條，這能夠增加整體的視覺重量，又不會(huì)像面性圖標(biāo)一樣過于沉悶，并且線條可以表現(xiàn)更加復(fù)雜的細(xì)節(jié)。

但要注意的是，保持不同圖標(biāo)線條粗細(xì)的一致性，以及內(nèi)部空間的均勻，是非常有難度的事情。

04
偽3D圖標(biāo)

使用扁平化風(fēng)格塑造體積感是非常有難度的，但好處是：比起3D圖標(biāo)，這種風(fēng)格對(duì)于色彩與圖形更具控制性，也不會(huì)出現(xiàn)過多的細(xì)節(jié)，導(dǎo)致圖標(biāo)喧賓奪主。但這種風(fēng)格對(duì)空間的要求較高，需要更大的展示面積，例如金剛區(qū)，就很適合這種風(fēng)格。

05
極簡(jiǎn)圖形

少即是多，這種風(fēng)格可以說是回歸了圖標(biāo)設(shè)計(jì)的本質(zhì)：去除細(xì)節(jié)，使用最少的內(nèi)容來表現(xiàn)功能。這對(duì)于設(shè)計(jì)師的歸納總結(jié)能力是一個(gè)考驗(yàn)，必須保證圖形的識(shí)別性，同時(shí)將元素精簡(jiǎn)到最少。

06
線條與色塊

如果你既要使用線性風(fēng)格，又想有更大的創(chuàng)意發(fā)揮空間，可以試試將線條與色塊結(jié)合。這可以增加圖形的層次，讓色彩更加豐富，其識(shí)別性也會(huì)大大增強(qiáng)。但同時(shí)也要克制色彩的使用，避免圖標(biāo)太過凌亂。

07
抽象圖標(biāo)

抽象圖形很有吸引力，它會(huì)讓產(chǎn)品變得更高端、大氣。但識(shí)別性也會(huì)變差，要力求在抽象中，尋找與現(xiàn)實(shí)交匯的元素，來保證最基礎(chǔ)的可讀性，建議在不重要的地方使用它，并配以文字說明。

?

08
漸變?cè)?/strong>

隨著顯示設(shè)備越來越好，漸變色的應(yīng)用也變得越來越普及，沒有設(shè)計(jì)師會(huì)滿足于使用單調(diào)的純色，漸變色讓色彩的組合更加千變?nèi)f化，并且獨(dú)一無二，對(duì)于初創(chuàng)型公司或小微企業(yè)，個(gè)性化的色彩是其吸引用戶的關(guān)鍵之一。

09
柔和色彩

柔和色彩，也就是這種類似馬卡龍配色，它通常與女性、健康聯(lián)系在一起。搭配纖細(xì)的線條，可以營(yíng)造一種溫和、高端的感受，自然的色彩不會(huì)傷害眼睛，用戶可以更長(zhǎng)時(shí)間的瀏覽產(chǎn)品。

OTHER
顯示器推薦

以前一直用的明基PD2700U，前段時(shí)間想換新，入手了[明基PD2705U] 設(shè)計(jì)顯示器，色彩一如既往的好，連接Mac基本沒有色差，真的非常適合設(shè)計(jì)師使用，忍不住給大家推薦下!

?來源網(wǎng)絡(luò)

?

標(biāo)簽：