小程序和app设计界面 第1篇
NO:1 功能支持
小程序我们都知道是基于微信的应用程序，开发必须依靠微信给的接口（微信给啥就是啥），能实现的功能被大大的限制了。而且小程序上线也就2年的时候，还有一些功能不完善。
App 依靠于手机系统，可以实现复杂且多的功能，App 开发已经有近10年的积累，各类控件比较完善，换句话说就是开发者能力越大，展示效果越丰富。
小程序和app设计界面 第2篇
小程序的体验略逊于 App , 小程序使用时没有那么稳定，容易出现错误闪退，特别是在一些功能复杂的应用中，虽然说小程序已经优化了很多，有时仍会出现卡顿感。
·2.差异在哪里？具体表现·
NO:1 顶部导航栏
实现效果也略欠缺一些，例如微信提供原生和自定义的两种导航栏：
（一）原生的导航栏支持更改颜色，但字体颜色仅支持黑/白两种；
（二）虽然自定义的导航栏可以去除原生导航栏，支持图片通到导航栏上，但是所有页面都需要重新调整（原先导航栏的高度没有了，界面元素会跟着上移），而小程序不支持单个页面修改。
这是目前最麻烦的地方，量级小的应用还可以，量级大的导致工作量大大增加。同时，自定义导航容易带来标题无法对齐、页面机型不同安全区域不同、全局刷新时页面会被整个下拉等等问题。
建议页面多、复杂的情况，尽量减少使用自定义导航，也可以使用像马蜂窝一样，导航栏背景和图片背景衔接，效果也不错。
NO:2 标签栏
小程序和app设计界面 第3篇
App：可实现日常所需的所有文字、段落效果。
小程序：文本限制行数，加省略号，并且增加全文展开方案实现有问题。无法预估到行尾位置省略。
建议通过换行增加全文展开按钮，或者控制字数，文本末尾增加全文展开。
NO5:原生组件
App：可以自定义组件库，对开发设计限制低。
小程序：部分组件是由微信创建的原生组件，有系统相机、输入框、地图、文本输入...等等，原生控件使用有一定的限制，不能在滚动、轮播、选择器、拖动区域中使用，层级最高无法被覆盖，可供修改的参数由微信提供。
建议在设计时以原生控件为基础修改，不要自造控件。同时注意使用场景，以免无法实现。
NO6: 动画实现
App：动画流畅、无卡顿，想要的基本都能实现。
小程序：动画能力低于 H5 和 App ，动画对性能消耗大，尤其是在 Android 机型上，卡顿有稍显明显。当加载代码包时，当微信认为这个小程序占用过多的内存，会把此小程序强行退出，以保证微信的正常使用。
建议动画精简，尽量做减法设计。
·3.总结·
由于小程序本身的开发特殊性，在和 App 设计的会有一些的不同之处，例如：
1.页面多、复杂的情况，尽量减少使用自定义导航。
2.不带有交互的情况，尽量使用原生控件。
3.使用上下按钮替换上下拖动，或者图片排序使用标记的方式来进行排序。
4.通过换行增加全文展开按钮，或者控制字数，文本末尾增加全文展开。
5.在设计时以原生控件为基础修改，不要自造控件。同时注意使用场景，以免无法实现。
6.动画精简，尽量做减法设计。
参考链接：
微信小程序设计指南
;wfr=spider&for=pc 干货| 小程序和APP的区别
UI设计刚入门？
怎么才能了解现阶段的自己需要补充什么？
猛戳“原文阅读 ”了解更多详情！
·【今日互动福利】·
在小程序和APP设计中遇到过哪些问题？
欢迎留言评论和本圈分享~
留言点赞第一的小伙伴赠送
“原研哉-设计中的设计“电子版
每日朋友圈分享好货福利同样精彩