微信小程序图标设计指南:注意这5点

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

1.遵循一种风格

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

2.形状简单,尺寸规范

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

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

如果你自己懒得做,那么也可以用现成的微信小程序图标库,比如“上线了”小程序制作工具,选个模板进入小程序编辑器,添加快捷按钮版块,你就能看到微信小程序图标素材,然后随意挑选合乎规范的图标了。

3.有呼吸感

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

4.指向明确

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

5.体现品牌个性

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

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

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

图标在设计中是一个基础的设计元素,它虽然只是是一个物体的简略缩影,但对小程序页面的影响还是很大的。

相关推荐

微信小程序裂变教程:4个技巧

拼多多的成功相信大家也看到了,“多人拼团”活动可以激发消费者的购物热情,让消费者自发传播,这是一种快速裂变的营销行为。以上就是4个微信小程序裂变的常用方法了,新手想要实现粉丝快速增长,就可以尝试上面这4种方法…

网站建设干货|怎么设计一个好的网站标题

如果网站访客有明确的浏览目标的话,他们直接参考网站标题就可以找到自己想要了解的内容。你也可以看到“联系我们”按钮,以及购物车按钮,在标题的所有内容中非常突出。当你想要将网站访客的注意力转移到更加重要的地方去的…

这几个小程序搭建误区,一定要避开!

新手其实不需要懂代码,就能很快做出自己的小程序。很多新手有个误区,认为微信小程序搭建好之后,就会有流量。目前来说,如果是用第三方小程序平台制作,那么功能简单的小程序价格会是几百块,功能更为简单的,比如上线了文…

微信小程序怎么优化?

如果用户曾经使用过这个小程序,那么用户在下次搜索时,使用过的小程序名称含有用户搜索的关键词时,这个小程序排名会在前面。所以商家要多多引流拉新,通过公众号、线下扫码、社群宣传等,结合上线了小程序制作工具的优惠券…

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

微信小程序图标设计指南:注意这5点
嘿!有什么能帮到您的吗?