小程序设计和App设计的不同之处

由于小程序本身的特殊性，导致 UI 设计师不能够如同设计 App 一般自如。为了后续 UI 设计师和小程序前端开发能减少沟通，返工成本，将在这里和大家聊聊小程序和 App 设计的差异，以及差异具体的表现。

本文仅为个人工作学习心得，可能概述的较片面，有错误不妥之处欢迎指出。

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机型上体验不够，会有卡顿的情况。

建议使用上下按钮替换上下拖动，或者图片排序使用标记的方式来进行排序。

深圳有新加坡大使馆签证中心？今年三月份深圳飞往南非中转新加坡需要申请入境卡吗？

    新加坡最新推出的移民电子签证e-Visa，申请程序是什么？ 申请新加坡电子签证流程：点击进入“新加坡驻中国大使馆”官网，首页上查找“电子注册”链接按钮，点击即可进入“新加坡电子签证申请”英文页面，即可按指定步骤与要求，申请新加坡电子签证。 去新加坡工作签证需要几天？ 一般情况下，新加坡签证要3-5个工作日能够办理完成。 新加坡大使馆所批的新加坡旅游签证有效期一般有四种：35天有效签证、半年有效签...

       网络推广做的不只是SEO 如今的互联网时代，网络推广已是人尽皆知的热门话题。网络推广的兴起使得SEO这个行业渐渐被人们所关注。因此，往往会有很多人片面的认为网络推广的成功就是把一些关键字做上搜索引擎的首页。而事实上，网络推广，所要做的事情不仅仅是SEO，还有很多其他的事情。 　　要怎样来把握好自己的命运呢?很多网站优化者疯狂做外链，更新内容，终于做到搜索引擎排名首页了。可是网站的流量还是没有起色，我们都知道网站的流量是其生...

       制作企业网站不得不关心的问题 面临如今这个网络的时代，倘若是个企业还没有拥有自己的网站可能会说不过去，不管是在品牌的宣传上，还是在产品的宣传上来看这都是吃亏的，因而对于一个企业来讲，网站是务必要关心的事情，然而制作网站的过程当中难免会出现一些问题，并且会有需要关心的地方，倘若稍不注意的话，很有可能会给自己的网站带来反作用，这里就来说说制作企业网站不得不关心的问题有哪些吧。 制作企业网站不得不关心的问题 　　网站务必保证安全问题...

       浅谈网站推广方法之电子书推广法 站长们运营网站时，用的推广方法很多，但也不是所有的网站都适合使用相同的方法，要根据网站的本质，选择适合的网站推广方法。现在的网民喜欢用分享的方法，收藏看到的产品信息，也就是因为这样的分享行为，为电子书的推广方法打造了很好的铺垫。在加上百度文库的开放，更为电子书推广带来了前景，网站建设给大家说说电子书推广的特点。 　　第一：信息持久性。对于一本精装的电子书来书说，里面的信息是具有一定的持久性的，每一...

       福田拉菲酒业与虎网站签约网站建设合同 拉菲是经深圳市福田区工商局审核的正规企业，统一社会信用代码：91440300312055967Q。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：0000。拉菲坐落于深圳市福田区车公庙泰然工业园205栋东座313。拉菲选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 　　拉菲酒堡产品系列：法国原装进口系列、澳洲原装进口...

       海东地民和蓝杞源食品特产与虎网站签约网站建设合约 蓝杞源在海东地区民和核桃北庄乡安家村四社。蓝杞源是经海东地区民和工商局审核的正规企业，统一社会信用代码：91632122MA753N716Y。蓝杞源选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 　　经营范围：青藏特产(枸杞、虫草)、核桃、大枣、雪莲、藏红花、鹿茸、预包装食品网络销售(依法须经批准的项目,经相关部门批准后方可开展经...