珠海小程序开发公司分享微信小程序设计规范及常见设置

2024-06-19
来源:网络整理

珠海小程序开发公司在制作小程序方面有一些经验,并总结了一些微信小程序设计的规范。如果你想了解更多关于小程序和设计的知识,可以阅读:

1.制作小程序的尺寸规范

小程序开发的尺寸是rpx(),你可以让它适配所有屏幕尺寸。小程序编译完成后,rpx会转换为px。1rpx=1px,设计稿大小,还是以375物理像素为基准,也就是说,1rpx=1px的情况下,375物理像素的宽度是没有问题的。

2.小​​程序菜单的三种常用设置:全局菜单、获取位置、通话录音。

3. 小程序组件(官方)

小程序位置固定,开发者无法自定义内容,配色只能选择纯色,交互元素放置在小程序菜单中,不能与小程序菜单混淆,且需具有可识别性。

4.设置弹窗优先级

微信小程序像素游戏_微信小程序开发中像素问题_像素游戏开发软件

在微信小程序的设计规范中,弹窗并不是优先级最高的,即便是沉浸式的体验,标题栏和底部标签栏也优先于弹窗。

5. 小程序底部导航

底部导航提供了四种不同的图形设计规范,满足圆形、方形、高矩形、宽矩形四种形状类型。通过规范设计,可以进行视觉修正,保持图标的统一性。3-4是最常见的数字,但与APP不同,只能填充颜色,不支持任何动态效果设计。

6. 加载样式

官方消息:全局加载就是小程序名左侧的加载图标,模态加载样式会覆盖整个页面,由于无法分辨加载的具体位置或内容,会给用户带来焦虑感,建议谨慎使用。

7.标题导航栏设计

小程序标题导航设计的背景可以自定义颜色,也可以通过上传图片来设置。上传的图片作为背景还可以设置透明度。二级页面还设有返回按钮,让用户知道自己目前在哪,明确下一步该怎么做。

分享