小程序UI设计指南

6.2设计小程序时需要避免的坑，以及设计方法

6.2.1.在适配2端时

标题栏位置的文字保持了各端规范，安卓端保持在左侧，iOS端在居中位置，且设计时，需注意APP中右上角功能与小程序右上角固定入口的冲突 （当然我发现也有一些安卓端小程序进行了定制设计）

右上角的icon是全局性入口，不论你是在哪一级页面，它一直存在

6.2.2.在做小程序时

遇到一个问题就在于微信要求产品必须直接进入产品，不得在打开小程序时就弹出获取用户信息的浮层，你可以发现大部分的产品在这里都是非前置获取，而是后置获取 (相关建议请查看以下链接)

https://developers.weixin.qq.com/community/operate/doc/000640bb8441b82900e89f48351401?scene=0&clicktime=1563895955&from=groupmessage&isappinstalled=0

且微信的登录方式和app的登录方式及入口的"重量级"不同，因为小程序是基于微信的，所以在登录时，则是调起来微信的登录浮层

举例如Airbnb APP调用流程

Airbnb 小程序调用流程

6.2.3.避免交互过深，为了保持小程序轻量化，扁平化的特点！

发现大部分的产品，在设计中都保持了相对扁平和较浅的层次，比如哈啰出现，我们可以发现，APP中有很多的服务入口而在小程序中精简了最核心的顺风车业务，在底部tab中只体现了2个入口，而app中有4个入口

作业帮产品，我们发现在APP中，有很多的入口及功能，但在设计作业帮小程序时，只是把最核心的"拍照搜题"露出，而且，在小程序的设计中

我们尽量去除不必要的修饰，比如在app中相机背景是一个转圈的动效，而在小程序中则替换成了一张静态图片

6.2.4.标题栏"被占用"，常用的几种搜索设计手法