因为小程序自身的特殊性，导致 UI 规划师不能够如同规划 App 一般自若。为了后续 UI 规划师和小程序前端开发能削减沟通，返工成本，将在这儿和咱们聊聊小程序和 App 规划的差异，以及差异具体的表现。
本文仅为个人作业学习心得，可能概述的较片面，有错误不当之处欢迎指出。
目录
1.为什么有差异？
2.差异在哪里？具体表现
1.为什么有差异——缺乏自主性
1）功用支撑
小程序咱们都知道是基于微信的运用程序，开发必须依托微信给的接口（微信给啥便是啥），能完成的功用被大大的约束了。而且小程序上线也就2年的时分，还有一些功用不完善。
App 依托于手机系统，能够完成杂乱且多的功用，App 开发现已有近10年的堆集，各类控件比较完善，换句话说便是开发者才能越大，展现作用越丰富。
2）内存体积
小程序代码提交不能超过规定大小2M，这部分程度上约束了开发的可能性。
App 就不同了，没有这部分的约束，咱们更新软件的时分经常看到几十兆，几百兆，甚至游戏类的几个G的下载体积。
3）体会及流畅
小程序的体会略逊于 App , 小程序运用时没有那么稳定，简单出现错误闪退，特别是在一些功用杂乱的运用中，虽然说小程序现已优化了很多，有时仍会出现卡顿感。
2.差异在哪里？具体表现
1）顶部导航栏
App：能够保留导航栏，也能够去掉，可拓展性强，灵活性高。
小程序：导航栏右侧有个无法去除和修正的胶囊（titlebar），规划时也不能在导航上添加其他功用。所以在 App 转小程序时，导航栏的功用要换方位或许在放在导航栏下。
完成作用也略短缺一些，例如微信供给原生和自定义的两种导航栏：
（一）原生的导航栏支撑更改色彩，但字体色彩仅支撑黑/白两种；
（二）虽然自定义的导航栏能够去除原生导航栏，支撑图片通到导航栏上，但是一切页面都需要从头调整（原先导航栏的高度没有了，界面元素会跟着上移），而小程序不支撑单个页面修正。
这是目前较费事的地方，量级小的运用还能够，量级大的导致作业量大大添加。
一起，自定义导航简单带来标题无法对齐、页面机型不同安全区域不同、全局改写时页面会被整个下拉等等问题。
主张页面多、杂乱的状况，尽量削减运用自定义导航，也能够运用像马蜂窝相同，导航栏布景和图片布景联接，作用也不错。
2）标签栏
App：可支撑较少2个，较多5个的tab切换，图标大小以及底部标签栏高度可自定义。
小程序：也可支撑较少2个，较多5个的tab切换，运用原生控件时，要遵从 icon 尺度81*81px。
运用自定义标签栏时，可支撑加入交互作用，例如提示数量气泡等，但是体会相比原生差一点，如果标签页是首次进入的页面，那么标签栏切换会造成跳动，需要开发做躲避。
主张不带有交互的状况，尽量运用原生控件，就像站酷小程序 相同。
3）拖动排序
App：流畅、体会佳，例如发朋友圈时拖动照片排序。
小程序：除非必要，否则不主张运用拖动排序。图片和列表拖动在 Android机型上体会不够，会有卡顿的状况。
主张运用上下按钮替换上下拖动，或许图片排序运用符号的方法来进行排序。
4）文本省掉
App：可完成日常所需的一切文字、阶段作用。
小程序：文本约束行数，加省掉号，并且添加全文打开计划完成有问题。无法预估到行尾方位省掉。
主张经过换行添加全文打开按钮，或许操控字数，文本结尾添加全文打开。
5）原生组件
App：能够自定义组件库，对开发规划约束低。
小程序：部分组件是由微信创立的原生组件，有系统相机、输入框、地图、文本输入...等等，原生控件运用有必定的约束，不能在滚动、轮播、选择器、拖动区域中运用，层级无法被覆盖，可供修正的参数由微信供给。
主张在规划时以原生控件为基础修正，不要自造控件。一起留意运用场景，以免无法完成。
6）动画完成
App：动画流畅、无卡顿，想要的基本都能完成。
小程序：动画才能低于 H5 和 App ，动画对功能耗费大，尤其是在 Android 机型上，卡顿有稍显明显。当加载代码包时，当微信以为这个小程序占用过多的内存，会把此小程序强行退出，以确保微信的正常运用。
主张动画精简，尽量做减法规划。
3.总结
因为小程序自身的开发特殊性，在和 App 规划的会有一些的不同之处，例如：
1.页面多、杂乱的状况，尽量削减运用自定义导航。
2.不带有交互的状况，尽量运用原生控件。
3.运用上下按钮替换上下拖动，或许图片排序运用符号的方法来进行排序。
4.经过换行添加全文打开按钮，或许操控字数，文本结尾添加全文打开。
5.在规划时以原生控件为基础修正，不要自造控件。一起留意运用场景，以免无法完成。
6.动画精简，尽量做减法规划。
