小程序UI设计规范与趋势

小程序UI设计规范

一、基础规范

• 设计尺寸：750rpx宽度为基准
• 字体：系统默认字体，标题14-18px，正文12-14px
• 间距：8px为基本单位
• 颜色：主色1个+辅色2个以内

二、组件规范

• 按钮：最小点击区域44px
• 输入框：高度至少40px
• 列表项：高度64-80px
• 图标：线性/面性风格统一

三、2026年设计趋势

• 毛玻璃效果：背景模糊+半透明
• 3D元素：增强视觉层次
• 微动效：状态切换的流畅过渡
• 暗色模式：支持日夜间切换

相关文章推荐