成都小程序UI设计规范：统一体验

小程序UI设计直接影响用户体验和转化率。成都企业做小程序时遵循微信官方设计规范，可以让用户觉得熟悉好用，降低学习成本。下面介绍核心设计原则。

一、布局规范

好的布局让用户一眼找到功能。

1.1 导航结构

底部导航不超过5个tab，太多用户找不到。首页放核心功能入口，二级页面用列表或宫格布局。成都餐饮小程序底部通常放：首页、点餐、会员、我的，四个就够了。

1.2 页面间距

内容两边留16px边距，不要贴边。模块之间用留白或分隔线区分，不要挤在一起。文字行高设置为1.5倍，阅读不费劲。

二、色彩规范

颜色传达品牌感和操作指引。

2.1 主色调

一个小程序用一个主色，不要五颜六色。主色从企业Logo取色，按钮、选中状态用主色。辅助色不超过2种，用于提示和强调。成都企业品牌色是什么就用什么，保持统一。

2.2 状态颜色

成功用绿色、警告用橙色、错误用红色，符合用户习惯。不要自定义一套颜色让用户猜。

三、字体规范

文字清晰易读是基本要求。

3.1 字号层级

标题用16到18px，正文用14px，辅助说明用12px。不要用太小的字，手机上看不清。字重区分：标题加粗，正文常规。

3.2 对齐方式

文字左对齐最易读，不要居中大段文字。价格数字可以右对齐方便对比。

四、交互规范

交互要符合用户预期。

4.1 按钮设计

主要操作按钮放页面底部居中，宽度占80%以上，用户拇指够得到。按钮文字明确，写"立即下单"不要只写"确认"。可点击区域不小于44x44px，太小点不准。

4.2 加载反馈

页面加载时显示loading动画，不要白屏。提交操作后按钮变灰并提示"处理中"，避免用户重复点击。网络不好时给出友好提示。

五、为什么规范重要

遵循规范的小程序用户上手快、体验好，转化率自然高。成都企业不要为了个性而让用户学习新操作方式，微信用户已经习惯了固定模式，顺着来最省力。