小程序和app的优劣势(小程序跟app界面设计有什么区别)

1.为什么会有区别?
2.有什么区别?包含
1.为什么会有分歧——缺乏自主性
1)功能支持
我们都知道小程序是基于微信的应用,开发必须依赖微信给的接口(微信给什么就是什么),能实现的功能受到很大限制。而且小程序上线才2年,功能还有些不完善。
根据手机系统的不同,App可以实现复杂多样的功能。App发展了近10年,各种控件都比较完善。换句话说,开发者的能力越大,展示效果越丰富。
2)内存容量
小程序代码的提交不能超过2M的指定大小,这部分限制了开发的可能性。
App不一样。这部分没有限制。我们在更新软件的时候,经常会看到几十兆,几百兆,甚至几个G下载的游戏。
3)体验和流畅性
小程序的体验略逊于App,而且小程序在使用时也没有那么稳定,容易出现错误闪回,尤其是在一些功能复杂的应用中。小程序虽然优化了很多,但有时候还是会有停滞感。
2.有什么区别?包含
1)顶部导航栏
App:可以保留导航栏,也可以去掉。它具有可扩展性和灵活性。
小程序:导航栏右侧有一个胶囊(标题栏),不能移除和编辑,设计时不能在导航中添加其他功能。所以当App变成小程序的时候,导航栏的功能要改变,或者放在导航栏下面。
实施效果也略显欠缺。例如,微信提供原生和自定义导航栏:
(1)原生导航栏支持改变颜色,但字体颜色只支持黑/白;
(2)虽然自定义导航条可以去掉原生导航条,支持图片连接导航条,但是所有页面都需要重新调整(原来导航条的高度没有了,界面元素会随之上移),而小程序不支持单独的页面修改。
这是目前最麻烦的地方。量级小的应用还可以,量级大的应用导致工作量大增。
同时自定义导航容易带来一些问题,比如标题无法对齐,不同的页面模型有不同的安全区域,页面在全局刷新时会被整页下拉。
在页面很多且复杂的情况下,建议尽量少用自定义导航。也可以使用和马蜂窝一样的导航栏背景和图片背景,效果不错。
2)标签栏
App:最少支持2个最多支持5个tab开关,图标大小和底部tab栏的高度可以自定义。
小程序:它也可以支持至少2个和最多5个标签开关。使用原生控件时,应遵循81*81px的图标大小。
使用自定义标签栏时,可以支持添加交互效果,比如提示气泡数量等。但体验几乎比原生的差。如果标签页是第一个进入的页面,标签栏切换会造成跳转,需要开发避免。
建议尽量使用无交互的原生控件,就像站酷小程序一样。
3)拖动排序。
App:流畅好体验,比如发朋友圈的时候拖着照片排序。
小程序:除非必要,不建议使用拖拽排序。而拖动图片和列表在Android机型上是不够的,会出现卡顿的情况。
建议使用上下按钮,而不是上下拖动,或者通过标记对图片进行排序。
4)文本省略
App:可以实现日常生活中需要的所有文字和段落效果。
小程序:文本限制行数,增加省略号,增加全文扩展方案。无法预测行尾位置被省略。
建议通过换行增加全文展开按钮,或者控制字数,在文末增加全文展开。
5)本地组件
App:可以自定义组件库,开发设计限制低。
程序:部分组件是微信创建的原生组件,包括系统摄像头、输入框、地图、文字输入等。本机控件的使用有一定的限制,不能用于滚动、轮播、选择器和拖动区域。最高级别是不能被覆盖的
App:动画流畅,不卡顿,想要的基本都能实现。
小程序:动画能力低于H5和App,动画对性能消耗较大,尤其是在安卓机型上,卡顿略明显。在加载代码包时,当微信认为这个小程序占用内存过多时,会强制退出这个小程序,以保证微信的正常使用。
建议动画尽量简化,尽量做减法设计。
3.摘要
由于小程序本身开发的特殊性,和App设计的会有一些区别,比如:
1.如果有很多复杂的页面,尽量减少自定义导航的使用。
2.如果没有交互,尽量使用原生控件。
3.使用上下按钮而不是上下拖动,或者通过标记对图片进行排序。
4.通过换行增加全文展开按钮,或者控制字数来增加文本末尾的全文展开。
5.在设计时基于本机控件修改,不要自己做控件。同时要注意使用场景,以免实现不了。
6.简化动画,尝试做减法设计。

其他教程

360 美国实体清单(360被列入美国实体清单)

2022-8-14 19:05:57

其他教程

城市规划总规图(城市规划图例)

2022-8-14 19:07:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索