开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
小程序设计规范
小程序适配规范
设计 > 视觉规范 > 小程序设计规范 > 页面布局
收藏
订阅更新
我的文档
设置
小程序可根据需要使用支付宝小程序官方提供的标准控件,以达到统一稳定的目的,帮助用户使用最小的学习成本达成使用目标,减轻页面跳动所造成的不适感。
基础布局
基于宽度 750px(iphone 6)输出视觉方案。在布局小程序信息时,为信息内容区留出左右边距 24px(12pt),限制内容宽度以获得最佳可读性。
1.png

间距
间距的规范统一可以保证界面一致性的美感。
2.png

图文间距
3.png

圆角
有规律的容器和组件圆角可以保证页面的统一性、秩序感。
4.png

图标大小
根据展示场景,选择相应的图标尺寸展示。
5.png

内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图