小程序UI设计指南

在拼多多的搜索栏设计中，发现保持了在标题栏搜索入口的位置，而进入搜索后，则需要保留标题位置错开微信右上角固定icon，则选择了下移排列

6.2.5.弹窗尽量不遮挡顶部标题栏和底部tab栏

我进行调研，发现很多app在进行弹窗设计时，不遮挡顶部标题栏小程序默认操作区的同时，也不会遮挡底部标签栏Tab Bar

6.2.6.关于适配的问题  

方案1就是留出空间用色彩来填充部分

方案2就是多设计几种方案，适配几款主流机型

https://developers.weixin.qq.com/community/develop/doc/000eee514f8908ed7d5aef55e51400

这是微信开放社区中用户反映的问题

应该怎么做的适配那？怎样做适配才能更高效且能满足内容不被裁切那？

有一个很好的方法就是利用组件化对图片进行内容有效范围的规定，不论是哪位设计师设计，都需要在规定区域内进行设计，之外的区域可以放"非重要内容"比如背景颜色或者延展图片(可以裁切掉的部分)等

7. 做设计必须要了解所对应的平台特性-小程序的基础能力

小程序的基础能力

API

如微信登录、支付、生物认证等开放接口能力以及位置、数据、录

音、视频等基础接口能力

组件

多样的小程序组件

如表单、导航、地图、媒体、画布以及广告等组件能力

插件

完善的小程序插件

可以是前端组件、也可以是具有独立服务能力的功能模块、还可以

是由第三方提供的完整服务,如腾讯视频插件等

8.设计小程序的，使用1倍图设计即可

这样的适配好处在于，即能够满足手机多尺寸的需要

又能够很好的扩展尺寸，这也是大部分大厂的普遍做法

举例如下

9.切图标注部分几个推荐的高效共享的平台