下载掌阅APP，畅读海量书库
立即打开
微信小程序发布已经有一段时间了，相信以下三类人对其一直比较关注。
创业者思考更多的是小程序能否降低成本，能否用更少的钱把产品做得更好，小程序有哪些价值，可以做哪些事。
App开发者在思考小程序对App开发的冲击到底有多大？是不是像传言一样，小程序开发者会抢占App开发者的市场，导致App开发者失业？
前端开发者也许会嘴角上扬，近几年微信订阅号、服务号、企业号已经带动了H5的发展。在此背景之下，小程序绝对是一颗重磅炸弹，那么事实究竟是怎么样的呢？让我们一起来看看。
小程序究竟能做什么？要想搞清楚这个问题，我们必须彻底了解微信小程序的开发流程、小程序的能力、小程序的优点和局限，弄清楚这些后，我们才能把小程序的作用发挥到最大。
微信的小程序发布时需要微信的审核，但时间远远没有App Store那么长。
打开已经发布的小程序有两种方式：一是扫描二维码，二是微信搜索。
企业主和App开发者都会思考这个问题：小程序的出现对App有什么影响呢？
笔者认为，我们应该把握住App这个阵营，在保持App迭代更新的同时，将小程序作为一个Lite版，去做一些产品功能的测试，毕竟小程序的开发成本较低、上线时间较短。
同样的道理，微信、支付宝很早就为京东、滴滴、饿了么等App开了专门的用户通道，但是使用原生App的用户还是占绝大多数。
小程序原名叫应用号，它也是公众号的一种，所以这里把它和传统的公众号内嵌H5来做对比。
之前做公众号时，微信底部会提供菜单作为功能引导入口，最终的结果是引导用户到H5页面。
其实，H5的体验和Native App的差距还是比较大的。而微信小程序吸引人的地方在于它提供了丰富的框架组件和API供开发者调用，具体包含：界面、视图、内容、按钮、导航、多媒体、位置、数据、网络、重力感应等。在这些组件和接口的帮助下，运行在微信上的小程序基本保持和Native App一样的流畅度，极大地提高了用户的体验。
之前的开发就是所谓的前端开发，具体工具包括：HTML、CSS、JavaScript，加上微信用JavaScript提供的一些功能，最终的展现形式是用手机内置浏览器（Web View）打开页面，归根结底还是H5。
对于小程序，可以简单地理解为RN（React Native），通俗地讲，就是用HTML5写程序，最后以Native App的方式来运行，其原理都是用JavaScript调用底层Native组件。
这里说的能力，除了界面、视图、内容、按钮、导航、多媒体、位置、数据、网络、重力感应这些大家都能想到的能力外，主要介绍之前公众号H5不能实现的功能。
在开发传统的公众号时，开发者不能对导航栏做任何样式定制。
现在，开发者可以在小程序中定义导航栏的背景颜色（background-color）。但开发者需要规定小程序各个页面的跳转关系，让导航系统能够以合理的方式工作。
微信导航栏分为导航区域、标题区域以及操作区域。其中导航区域控制程序页面进程。目前，导航栏分深浅两种基本配色。
导航区（iOS、Android）：导航区通常只有一个操作，即返回上一级界面，点击Android手机自带的硬件返回键也能起到相同的作用。
微信导航栏自定义颜色规则（iOS、Android）：小程序导航栏支持基本的背景颜色自定义功能，选择的颜色需要在满足可用性的前提下，谐调搭配微信提供的两套主导航栏图标。
我们可以根据需要，在页面添加标签（Tab）分页导航，若仅为一般线性浏览的页面，则仅使用微信导航栏即可。
标签分页栏可固定在页面顶部或者底部，标签数量不得少于2个，最多不得超过5个，为确保点击区域，建议标签数量不超过4项。一个页面也不应出现一组以上的标签分页栏。
其中，小程序首页可使用微信提供的原生底部标签分页样式，该样式仅供小程序首页使用。开发时可自定义图标样式、标签文案以及文案颜色等。
同样，我们在设计的时候也应注意风格选色。
请勿像下图这样设计。
小程序启动页是小程序在微信上展现品牌特征的页面之一。
本页面将突出展示小程序品牌特征和加载状态，启动页除品牌标志（Logo）展示外，页面上的其他所有元素，如加载进度指示，全部由微信统一提供，我们不用开发，也不能开发。
在微信小程序内，微信提供标准的页面下拉刷新加载能力和样式。
在样式上，微信提供了深色、浅色两套方案，并且刷新图标与下拉标示配色已捆绑。我们在开发时，应注意下拉标识与刷新图标的和谐统一。这些下拉的交互和动画等内容由微信统一提供，不需要开发。
为了防止造假与作弊，微信小程序提供了下拉刷新时的标示。此处标示提供深、浅两套方案，文字颜色不可自定义，在开发时应注意配色要和标志颜色明确区分。
iOS和Android的配色方案相同，展示如下。
我们不应该像下图这样配色。
无论在什么页面，我们都应该告诉用户目前的加载状态，以免让用户误以为App卡死。
微信也提供了两种页面加载样式。第一种可以明确告诉用户目前的加载状态、进度等；第二种由于无法明确告知具体加载的位置或内容，这可能引起用户的焦虑感，因此，我们要慎用第二种。
微信小程序设计指导提示我们。
这里只列举了最重要的四点。小程序的能力不仅仅是这些，更多的能力需要你去挖掘。
笔者始终相信凡事都是有两面性的。对于一个产品来说，它肯定有优点和缺点。如果合理利用了它的优点，控制它的缺点，那么将会做到事半功倍。
微信小程序的好处有很多，其中，目前最明显的优点就是：用户不用安装App，就能体验到媲美Native App的流畅度。
但是小程序也有缺点。
而我们特别关心的有两点。
这两个问题可不是精准的关键字和美观的UI能解决的，具体有哪些玩法，让我们拭目以待吧！
对于此问题，笔者的观点非常明确：绝对不会，可能以后会有东西干掉App，但是绝不会是微信小程序。
就像火爆一时的React Native一样，过段时间大家冷静下来，认识清楚了也就都回归了。