前端工程师们需懂的微信小程序开发规则

开发者们想开发出一款真正符合规范的微信小程序开发并非是一朝一夕的事情，微信团队对小程序设计也有严格定义，前端工程师们需要看懂以下规则：

1、页面设计需要考虑除微信导航以外其它导航页面的设计，遵循“导航明确，来去自如”，也就是能让客户知道，当前在哪，可以去哪，如何回去等问题。

 

2、页面设计需要遵循重点突出，并且不能出现与业务无关的业务入口。例如：一个查询的页面主题，如果在查询按钮下面出现“今日热点/头条新闻”等无关内容。这就是一个错误的设计，如果页面查询按钮下面显示的是最新搜索过的关键词，却与页面主题匹配。

 

3、页面设计无需考虑微信一级菜单的导航，微信系统内的所有小程序均会自带有微信提供的导航栏。

 

4、微信导航栏自定义颜色规则，开发者如果需要自设导航需要与官方定义的颜色和谐搭配。

 

5、小程序首页可选择微信提供的原生底部标签分页样式，该样式仅供微信小程序首页使用。初期的页面内导航设计尽可能利用微信自带导航Tab，添加自有导航可以添加标签分页（Tab）导航，标签数量不得少于2个，最多不得超过5个，为确保点击区域，建议标签数量不超过4项。

 

6、微信小程序开发已经明确定义了标准的启动页面和页面下拉刷新加载样式，无需开发者设计，启动页面只能上传品牌LOGO且不能更改。

 

7、微信小程序页面的加载反馈和结果反馈应提供载入进度和结果提示，并且每个页面都要有明确的指引操作和退出提示。例如，结果反馈必须有明确提示如：已发送。

 

8、微信小程序开发页面设计需要遵循“减少输入，巧用接口，多用选择”的原则，最大限度的优化用户体验，减少或避免不必要的键盘输入。

 

9、微信小程序页面的字体尽量与用户所运行的系统字体保持一致，字体的规范和字体颜色都通常影响页面设计的问题之一。常用字号为20,18,17,16,1413,10(pt)，字体颜色主内容Black黑色，次要内容Grey灰色。

 

10、小程序页面同样明确定义了列表视觉规范、表单输入视觉规范、按钮使用原则、图标使用原则等详细的规范。

 

以上仅为微信小程序开发公司英趣科技整理出来的小程序设计的诸多要点，具体小程序设计情况，请解读更专业的文章。

转载于:https://my.oschina.net/yingqukeji/blog/802803