圖標(biāo)相信大家都不陌生，好的圖標(biāo)能讓我們立刻明白它指代的是什么，節(jié)省瀏覽時(shí)間。而要在微信小程序中把圖標(biāo)設(shè)計(jì)好，就需要你需要在視覺設(shè)計(jì)上花費(fèi)功夫，弄明白小程序的設(shè)計(jì)要求以及注意事項(xiàng)。這里給大家分享5個(gè)原則，幫你更好地設(shè)計(jì)小程序圖標(biāo)：

1.遵循一種風(fēng)格

不要將不同樣式，不同角度的元素混合在同一個(gè)圖標(biāo)集中。一致的風(fēng)格會(huì)對(duì)用戶識(shí)別圖標(biāo)有所幫助，并讓用戶明白這些圖標(biāo)有同等的重要性和狀態(tài)。所以，同一小程序內(nèi)的圖標(biāo)，應(yīng)始終保證相同的樣式和設(shè)計(jì)規(guī)則。

2.形狀簡(jiǎn)單，尺寸規(guī)范

小程序本身定義為一種輕量工具，圖標(biāo)也不應(yīng)該太復(fù)雜，而應(yīng)簡(jiǎn)單易懂，這樣才能避免讓用戶感到眼花繚亂。圖標(biāo)形狀不需要太花哨，而要線條干練、顏色簡(jiǎn)單，以免喧賓奪主，擾亂客戶視線。畢竟小程序中的“主角”還應(yīng)該是你的商品，而圖標(biāo)主要是為了給商品提供指引，讓用戶快速理解。

小程序圖標(biāo)尺寸也要遵循官方規(guī)范，100*100px。

如果你自己懶得做，那么也可以用現(xiàn)成的微信小程序圖標(biāo)庫(kù)，比如「云中科」https://www./小程序制作工具，選個(gè)模板進(jìn)入小程序編輯器，添加快捷按鈕版塊，你就能隨意挑選合乎規(guī)范的圖標(biāo)了。

此外云中科還提供很多社交媒體圖標(biāo)，包括抖音、B站、小紅書等，小白可以在小程序內(nèi)展示自己的媒體平臺(tái)。

3.有呼吸感

呼吸感的意思就是適當(dāng)留白，不至于太過緊密，給人一種“喘不過氣”的感覺。好的設(shè)計(jì)會(huì)適當(dāng)留白，元素與元素之間都應(yīng)該存在一定的間距，突出主體內(nèi)容。

4.指向明確

一旦用戶進(jìn)入我們的小程序頁(yè)面，我們就有責(zé)任和義務(wù)清晰明確地告知用戶身在何處、又可以往何處去，確保用戶在頁(yè)面中游刃有余地穿梭而不迷路，所以這就要求你的微信小程序圖標(biāo)指向明確，能夠快速傳達(dá)概念。當(dāng)圖標(biāo)開始使用我們不熟悉的含義和隱喻時(shí)候，它就自然變得難以理解，我們要避免這種情況。比如下面這排圖標(biāo)，指向就非常清楚：代表喜歡、警告、音樂和向上。

5.體現(xiàn)品牌個(gè)性

不同品牌的圖標(biāo)應(yīng)當(dāng)有不同的風(fēng)格和氣質(zhì)，比如嚴(yán)肅品牌的圖標(biāo)就可以是黑色、白色，但品牌的主調(diào)是輕松、小清新，那么圖標(biāo)就可以用簡(jiǎn)單的彩色，以體現(xiàn)品牌活潑的調(diào)性。舉個(gè)例子，在美團(tuán)外賣小程序中，大部分與食品的圖標(biāo)都使用紅色或橙色，因?yàn)榕梢越o人們帶來食欲感，讓訪客有想要下單的心情。

總而言之，圖標(biāo)應(yīng)該體現(xiàn)出品牌個(gè)性，這樣對(duì)于品牌才有助益。

圖標(biāo)在設(shè)計(jì)中是一個(gè)基礎(chǔ)的設(shè)計(jì)元素，它雖然只是是一個(gè)物體的簡(jiǎn)略縮影，但對(duì)小程序頁(yè)面的影響還是很大的。如果你不懂設(shè)計(jì)，那么也可以直接用「云中科」小程序制作工具中的圖標(biāo)哦！

本文章由【云中科】原創(chuàng)，未經(jīng)授權(quán)，請(qǐng)勿轉(zhuǎn)載。