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

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

1.遵循一种风格

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

2.形状简单,尺寸规范

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

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

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

3.有呼吸感

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

4.指向明确

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

5.体现品牌个性

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

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

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

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

相关推荐

分享:小程序的5个运营模式

此外近段时间视频号也很火,且视频的表现方式更加生动具体,因此商家也要紧跟潮流,利用视频号来营销自己,和公众号、小程序结合,打造一个良好的品牌微信生态,形成稳定的私域流量。商家建立多个粉丝微信群;或通过促销活动…

了解社区网站的用处、特点、用户及制作事项

社区网站可以充当一个内容系统,成员可以在其中发布、评论和讨论,提供建议或进行协作。人们还可以通过网络游戏,博客和虚拟活动加入线上社区,并有可能在约会网站或征婚社区中结识新的重要朋友。他们对网站有重大影响,仅占…

科普:公关有什么用,有哪些公关方法

一般来说,公共关系是一项管理功能,通过制定对策来获得公众的谅解和接纳,提高公众的好感,也是一种管理活动,常见的方式有品牌公关、营销公关等,可以提升品牌形象。在企业中想要建立一种良好的公共关系,就需要通过良好的…

从美工角度看,怎么制作设计小程序

下图「上线了」小程序案例就非常好,从顶部图片banner、快捷按钮、到商品陈列、底部导航栏,都清晰明了,布局美观。如果你不知道怎么快速做好,那么可以多用些快捷工具,比如LOGO神器,创客贴,上线了,这样你就有…

微信扫一扫

微信扫一扫

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

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