微信小程序和APp有明显区别，小程序不占用内存，而应用需要下载，占用大量手机内存。所以APP的设计和小程序的设计是有一定区别的。APP和小程序设计的具体区别是什么？小系列会为大家详细总结具体差距。1）顶部导航栏

App:导航栏可以保留，也可以去掉，可扩展，灵活。

小程序：导航栏右侧有一个标题栏，不可删除和编辑，设计时导航不能增加其他功能。所以当App变成小程序的时候，导航条的功能要改变或者放在导航条下面。

实施效果也略显欠缺。比如微信提供两种导航栏：原生和自定义：

(1)原导航栏支持变色，但字体颜色只支持黑/白；

(2)自定义导航栏虽然可以去掉原导航栏，支持图片传递到导航栏，但是所有页面都需要重新调整(原导航栏的高度没了，界面元素会上移)，而小程序不支持单页修改。

这是目前最麻烦的地方。小数量级的应用是可以的，大数量级的会导致工作负载大幅增加。

同时，自定义导航容易导致标题无法对齐、不同页面模型的安全区域不同、全局刷新时会拉下整个页面等问题。

建议在页面比较复杂的时候，尽量减少自定义导航，或者导航栏的背景可以像马蜂窝一样和图片的背景连接，效果也不错。

2）标签栏

App:可以支持至少2个tab键开关，最多5个tab键开关，可以自定义图标大小和底部tab条高度。

小程序：也可以支持至少2个tab键开关，最多5个tab键开关。当使用本机控件时，它应该符合图标大小81*81px。

使用自定义的标签栏时，可以支持添加互动效果，比如提示气泡数量，但是体验比原来差一点。如果tab是第一个进入的页面，tab条切换会造成跳转，需要开发和规避。

建议尽量使用原生控件，不要交互，就像站酷小程序一样。3）拖动排序

App:流畅有经验，比如发好友的时候拖照片排序。

小程序：除非必要，不建议拖动排序。在安卓机型上拖拽图片和列表的体验不够，可能会卡。

建议用上下按钮代替上下拖动，或者通过标记对图片进行排序。

4）文本省略

App:可以实现日常生活所需的所有文字和段落效果。

小程序：文本限制行数，增加省略号，全文扩展方案实现有问题。无法预测行尾位置。

建议通过换行的方式增加全文扩展按钮，或者控制字数，增加文末的全文扩展。5）原生组件

App:可以自定义构件库，对开发设计限制低。

小程序：部分组件是微信创建的原生组件，如系统摄像头、输入框、地图、文字输入等。原生控件的使用有一定的限制，不能在滚动、轮播、选择器、拖动等区域使用，不能在更高层覆盖层次。可以修改的参数由微信提供。

建议在设计时修改原始控件，而不是创建自制控件。同时注意使用场景，以免实现。6）动画实现

App:动画流畅，没有卡涩，基本上你想要的一切都能实现。

小程序：动画能力比H5和App低，动画消耗大量性能，尤其是在安卓机型上，略显明显。加载代码包时，当微信认为这个小程序占用内存太大时，会强制小程序退出，以保证微信的正常使用。

建议尽量简化动画，做减法设计。以上就是APP和小程序设计的具体区别。设计时