小程序开发设计与APP开发设计的差异

2019-05-21 17:05:00

目前小程序开发与APP开发都属于热门需求，由于这两个产品差别比较大，因而在设计方面是有差异的。迈特科技分享一下小程序开发设计与APP开发设计的差异。

小程序开发设计与APP开发设计为什么会有差异？其中原因包括功能支持、内存体积、体验及流畅3大方面。功能支持方面，由于小程序是基于微信的应用程序，因而开发必须依靠微信给的接口，能实现的功能被大大的限制了。而且小程序上线也就2年的时候，还有一些功能不完善。但APP依靠于手机系统，可以实现复杂且多的功能，App 开发已经有近10年的积累，各类控件比较完善，换句话说就是开发者能力越大，展示效果越丰富。

小程序开发设计与APP开发设计的差异.jpg

那么小程序开发设计与APP开发设计的差异主要有哪些呢？

1、顶部导航栏

APP：可以保留导航栏，也可以去掉，可拓展性强，灵活性高。

小程序：导航栏右侧有个无法去除和编辑的胶囊（titlebar），设计时也不能在导航上增加其他功能。所以在 App 转小程序时，导航栏的功能要换位置或者在放在导航栏下。

实现效果也略欠缺一些，例如微信提供原生和自定义的两种导航栏：

（一）原生的导航栏支持更改颜色，但字体颜色仅支持黑/白两种；

（二）虽然自定义的导航栏可以去除原生导航栏，支持图片通到导航栏上，但是所有页面都需要重新调整（原先导航栏的高度没有了，界面元素会跟着上移），而小程序不支持单个页面修改。这是目前最麻烦的地方，量级小的应用还可以，量级大的导致工作量大大增加。同时，自定义导航容易带来标题无法对齐、页面机型不同安全区域不同、全局刷新时页面会被整个下拉等等问题。

2、标签栏

APP：可支持最少2个，最多5个的tab切换，图标大小以及底部标签栏高度可自定义。

小程序：也可支持最少2个，最多5个的tab切换，使用原生控件时，要遵从 icon 尺寸81*81px。

3、拖动排序

APP：流畅、体验佳，例如发朋友圈时拖动照片排序。

小程序：除非必要，否则不建议使用拖动排序。图片和列表拖动在 Android机型上体验不够，会有卡顿的情况。

4、文本省略

APP：可实现日常所需的所有文字、段落效果。

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

5、原生组件

APP：可以自定义组件库，对开发设计限制低。

小程序：部分组件是由微信创建的原生组件，有系统相机、输入框、地图、文本输入...等等，原生控件使用有一定的限制，不能在滚动、轮播、选择器、拖动区域中使用，层级最高无法被覆盖，可供修改的参数由微信提供。