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

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

1.遵循一种风格

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

2.形状简单,尺寸规范

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

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

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

3.有呼吸感

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

4.指向明确

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

5.体现品牌个性

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

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

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

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

相关推荐

机会成本是什么,在企业中扮演什么作用?

看完了关于机会成本的介绍,你应该对机会成本有了初步的了解,那么接下来就举两个例子,以便于让你更好的理解机会成本:再比如,你或者你的企业曾经为了节省开支,而放弃通过建设企业品牌网站来进行互联网营销,那么网站为企…

小程序测试指南:要做好这4点

如果你是个不懂技术的新手,那么可以从这几个方面入手来做好微信小程序测试:所以你的小程序系统一定要流畅,对于小白来说,可以找个技术靠谱的小程序开发平台如「上线了」,这样做出来的小程序质量有保障,系统流畅且反应快…

教你用网站做好企业营销管理!

了解了营销管理的基本概念,下面让我们来看看营销管理都需要满足哪些需求!我们在制定营销管理的时候,很重要的一点就是要满足企业的需求。所以在进行品牌营销时,我们要认真分析,真实的、理性的消费者需求是什么呢?当企业…

自媒体人创业营销的5个步骤

自媒体创业,首先要明白你打算吸引哪一部分的粉丝,然后开始做垂直化营销。首先要了解你可以谈论什么,以及市面上有多少其他人可能喜欢,如果需要引流的话,可以通过社交媒体发表一些吸引人的观点。引导粉丝加入你的个人IP…

微信扫一扫

微信扫一扫

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

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