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

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

1.遵循一种风格

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

2.形状简单,尺寸规范

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

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

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

3.有呼吸感

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

4.指向明确

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

5.体现品牌个性

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

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

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

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

相关推荐

网站设计案例|怎么设计中小企业网站

这是一个法国的自行车修理团队,利用“上线了”国外版(Strikingly)所搭建的一个企业网站。对于体育类网站来说,教练团队介绍是很重要的。下面这个ins杂志风美食网站案例,头图是多重网格布局,很有新意;甜甜…

小程序教程:新手创立品牌电商步骤

新手可以直接使用“上线了”小程序模板,来快速搭建自己的小程序商城。这就需要你好好推广自己的小程序店铺了。有了稳定客源和订单后,商家就需要好好维护客户,可以建立微信群与客户交流,或者用小程序直播的方式与客户直接…

做好企业网站推广,要懂这6个技巧

这是目前大企业常用的网络推广方式,也就是付费做搜索引擎广告推广。我们在搜索一些关键词时,常常会看到首页前几个都是广告,这就是企业做SEM的结果。你可以在网站中放入自己各个媒体平台的按钮链接,让用户能多方位了解…

这4个设计技巧,教你做好个人网页制作

在不懂设计和技术知识的情况下,个人网页制作怎么才能好看?若想让自己的个人网站美观,你需要尽量找设计感强的模板,比如“上线了”建站系统,模板是由专业设计师制作,能够贴近访问者的视觉逻辑习惯,美观且高大上,做出来…

微信扫一扫

微信扫一扫

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

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