微信小程序尺寸百科-微信小程序在开发icon切图需要怎么切,直接切成81*81吗?
作者: --时间: 2022-09-29
阅读量:
微信小程序尺寸
作为一种新型移动应用体验,小程序已经成为越来越多商家和企业展示产品、提供服务的方式。在小程序开发过程中,icon是一项不可或缺的设计元素。那么,在开发图标时,我们需要注意什么呢?
1、切图尺寸
在微信开发者文档中,官方规定了小程序 icon 的尺寸为 40px * 40px,也就是说直接切成81*81并不符合标准。但值得注意的是,40px * 40px 是 icon 显示在选中状态下的大小,在未选中状态下会有一个稍微变小的效果(约为 34px * 34px)。因此,建议设计师按照这个尺寸比例来制作 icon。
2、透明度处理
小程序 icon 务必保证背景透明,以便使得其能够与系统产生良好的融合效果。而且,对于长得相似的 icon,微信小程序会根据主色调自动优化颜色值,使得用户体验更加统一和流畅。
3、图案元素简洁美观
小程序 icon 设计时,除了关注规范的尺寸和透明度外,还应该注重图案元素的美感和简洁性。一个清晰易懂,视觉上独特的图标可以提高品牌辨识度。而在视觉复杂的情况下,容易使得用户产生困扰,从而导致流失率增大。
4、多尺寸适配
尽管小程序 icon 使用的标准尺寸为 40px * 40px,但实际场景中需要注意到屏幕分辨率的不同,因此要适配各种屏幕分辨率,例如高分屏设备需要使用2倍或3倍大小的 icon。同时,在将 icon 上传至服务器前,也建议把图像进行压缩,以减小资源负担。

