图标相信大家都不陌生,好的图标能让我们立刻明白它指代的是什么,节省浏览时间。而要在微信小程序中把图标设计好,就需要你需要在视觉设计上花费功夫,弄明白小程序的设计要求以及注意事项。这里给大家分享5个原则,帮你更好地设计小程序图标

1.遵循一种风格

不要将不同样式,不同角度的元素混合在同一个图标集中。一致的风格会对用户识别图标有所帮助,并让用户明白这些图标有同等的重要性和状态。所以,同一小程序内的图标,应始终保证相同的样式和设计规则。

小程序图标

2.形状简单,尺寸规范

小程序本身定义为一种轻量工具,图标也不应该太复杂,而应简单易懂,这样才能避免让用户感到眼花缭乱。图标形状不需要太花哨,而要线条干练、颜色简单,以免喧宾夺主,扰乱客户视线。毕竟小程序中的“主角”还应该是你的商品,而图标主要是为了给商品提供指引,让用户快速理解。

小程序图标尺寸也要遵循官方规范,100*100px。

小程序图标

如果你自己懒得做,那么也可以用现成的微信小程序图标库,比如「上线了」https://www.sxl.cn/小程序制作工具,选个模板进入小程序编辑器,添加快捷按钮版块,你就能随意挑选合乎规范的图标了。

微信小程序图标素材

此外上线了还提供很多社交媒体图标,包括抖音、B站、小红书等,小白可以在小程序内展示自己的媒体平台。

微信小程序图标库

3.有呼吸感

呼吸感的意思就是适当留白,不至于太过紧密,给人一种“喘不过气”的感觉。好的设计会适当留白,元素与元素之间都应该存在一定的间距,突出主体内容。

4.指向明确

一旦用户进入我们的小程序页面,我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去,确保用户在页面中游刃有余地穿梭而不迷路,所以这就要求你的微信小程序图标指向明确,能够快速传达概念。当图标开始使用我们不熟悉的含义和隐喻时候,它就自然变得难以理解,我们要避免这种情况。比如下面这排图标,指向就非常清楚:代表喜欢、警告、音乐和向上。

图标

5.体现品牌个性

不同品牌的图标应当有不同的风格和气质,比如严肃品牌的图标就可以是黑色、白色,但品牌的主调是轻松、小清新,那么图标就可以用简单的彩色,以体现品牌活泼的调性。举个例子,在美团外卖小程序中,大部分与食品的图标都使用红色或橙色,因为暖色可以给人们带来食欲感,让访客有想要下单的心情。

图片来源:美团外卖小程序

总而言之,图标应该体现出品牌个性,这样对于品牌才有助益。

图标在设计中是一个基础的设计元素,它虽然只是是一个物体的简略缩影,但对小程序页面的影响还是很大的。如果你不懂设计,那么也可以直接用「上线了」小程序制作工具中的图标哦!

本文章由【上线了】原创,未经授权,请勿转载。

立即创建小程序