小程序设计如何规范呢?在小程序运用越来越广泛的今天，易职邦科技帮你整理了一些设计规范要点。

　　一、加载样式

　　1. 全局加载

　　针对全局页面加载，微信提供官方的加载样式，针对安卓和iOS会有相应的适配样式。

　　全局加载还有一种常见的模态加载样式，但由于无法明确告知用户进度，一般建议谨慎使用。

　　看完上述两种加载方式，我们需要注意同一个页面切勿存在多个加载动画，会给用户造成一定的迷惑性。

　　2. 关于加载的优化方案

　　针对优先级较高的页面，通常更希望减少用户的等待时长，因此在一些首页或重要页面，会对其进行优化。

　　·静态模块优先展示

　　·数据加载优先展示缓存数据，没缓存展示0，异步更新后显示

　　·动态区域用占位图，需考虑动态区域的内容是否大多数场景下展示

　　通常一个页面都会有静态模块，这部分内容可以优先展示，不需要加载时间;第二点主要是页面内数据的加载形式;第三点中的占位图好理解，但用占位图时需要考虑动态区域是否有为空的情况，如果动态区域加载后为空，实际的效果相当于先告知用户此处有加载内容，加载完成该模块又没有任务信息，这种设计也是不可取的。

　　3. 局部加载

　　通常一些tab分类固定的列表页，我们会针对局部区域给予加载提示。不只是页面的加载，一些操作流程上的页面，也可以用按钮的局部加载样式给予提示。

　　二、页面转场

　　页面转场场景下，基本会有动效和无动效两种形式。无动效基本就是页面间的跳转，动效场景，基本也是进入切出的样式。

　　针对小程序跳转Webview的页面，微信有固定的进度条样式，无需进行开发。

　　为了便捷设计，有时候会有页面跳转页面的设计，针对跳转到导航页，一般不建议这样设计。常规的用户使用习惯都是右滑返回，如果跳转导航页右滑则会出现直接退出小程序的情况。

　　三、热区点击

　　微信规范文档中有特意介绍热区设计，为了避免一些点击误操作，通常需要设计合理的热区面积，既不要过小也不要过于密集。

　　常规需要注意的热区一般就是带文字的icon以及表单页，避免不规范的热区设计。

　　四、异常情况

　　常规的异常处理，类似于缺省页面提示规范一致，异常页面不是死胡同等等，在此特别介绍下表单的报错形式。

　　针对异常表单的报错，微信官方其实有推荐的样式。置顶告知报错原因同时标识错误信息。

　　之所以单独把这个样式拿出来，是因为日常工作中看到太多设计的样式，导致报错样式五花八门。

　　易职邦科技提示企业要重视小程序设计的规范，有时候细节决定成败。

　　产品岗位一定要先去看看官方的设计规范，避免出现低级失误。