小程序设计规范要求有哪些?

微信小程序设计规范是确保产品通过平台审核、获得用户认可的基础。无论是微信、支付宝还是其他平台的小程序,设计规范都围绕几个核心维度展开:遵循官方设计原则、严守尺寸与组件标准、满足合规审核红线。以下是最核心的规范要点。

一、四大设计原则:F.I.T.S.框架

微信官方推荐的小程序设计原则可概括为“F.I.T.S.”:

友好礼貌要求减少无关元素干扰,突出重点,交互流程简短明确,不在用户操作过程中插入打断性内容。清晰明确意味着用户进入任何页面都应知道自己在哪、能去哪,页面标题、返回按钮和加载提示必须到位,异常场景要提供重试和退出路径。便捷优雅针对移动端手指操作的特点,要求减少输入、用选择代替输入,控件排布预留足够的缓冲距离以防误触。统一稳定则强调小程序应与微信整体视觉风格保持一致,内部各页面设计风格也应统一。

二、尺寸、导航与组件的硬性标准

小程序以屏幕宽度750rpx为基准进行等比缩放。导航栏是设计的重点区域:顶部导航栏通常包含返回按钮和页面标题,微信小程序右上角的胶囊按钮区域必须预留空间,避免内容遮挡。底部标签栏标签数量控制在2至5个,建议3至4个为佳,图标建议尺寸为81px×81px,选中态与未选中态需有明确的颜色或形态区分。

按钮尺寸方面,触摸目标建议不小于44pt,以保证移动端操作的准确性。正文字号建议不小于28rpx,行高控制在字号的1.4至1.6倍之间,以保障可读性。字体应使用平台默认字体,微信小程序在iOS上为苹方,Android上为思源黑体,不建议强制指定自定义字体。

相关内容参考:小程序页面设计技巧

三、审核合规:不可触碰的设计红线

隐私与授权是当前审核驳回率最高的环节。小程序采集用户信息必须严格限定于功能实现所必需的范围,敏感权限的调用须提供明确的弹窗说明,并在设置页配置可见的权限关闭路径。

禁止强制诱导设计:以“必须分享”“强制关注”作为使用核心功能的前提条件,已被明确纳入重点监测范围。分享后解锁功能、关注后查看内容等设计均属违规。此外,页面不得设置诱导跳转外部APP或第三方网页的隐性入口,所有弹窗必须配备清晰、可一键关闭的操作入口。

功能与类目一致性同样关键:小程序实际功能必须与申报类目匹配,不得通过低门槛类目嵌套高门槛功能,个人主体不得开发UGC互动类功能。

四、无障碍设计:从推荐走向标准

无障碍设计已从行业倡议上升为国家标准。2025年发布实施的GB/T 45395-2025《信息技术小程序应用无障碍技术要求》,从小程序的组件、交互及设计三个维度提出了明确的技术要求。实践中,文本与背景的对比度应至少达到4.5:1,关键信息不能仅通过颜色区分。这不仅是合规要求,也能惠及在强光、单手操作等“情境性障碍”下的普通用户。

小程序设计规范的本质是一套经过验证的最佳实践体系,遵循规范既能提高审核通过效率,也能切实降低用户的认知与操作成本。


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序

为您推荐