本篇文章希望能为小程序的开发人员重新整理思路，也可以帮助想从事微信小程序的同学能够更快的学习。系列分为多讲，又有对应开发、产品、设计三类受众，相互之间有差别，但有重合的篇章，每位同学根据自己的志向学习。每一讲只用20句话，带你从0开始，从浅入深搞懂微信小程序。
一、页面构成
一个微信小程序有多个页面构成，每个页面都会有WXML、WXSS、JS、JSON四个文件。对于设计人员，我们不需要管逻辑部分，我们只专注于页面体现，所以我们需要充分理解小程序的页面构成，清楚的知道有哪些限定。
我们首先来看一下小程序的页面：
在上图中顶部蓝色的部分是小程序的导航栏，其中的背景颜色，字体颜色，字体文字都可以自己定义。导航栏右侧有一个胶囊，这是小程序的任务控制胶囊，用于小程序关闭，分享，设置等操作。小程序胶囊不能够隐藏，去除。但是可以更改胶囊的样式颜色，目前只能改成黑色风格和白色风格。
有的时候我们不想用导航栏，我们可以去掉它，效果是这样的：
当我们不设导航栏时，整个页面屏幕都是可以自定义的，所以在设计的过程中，注意规避胶囊按钮。胶囊按钮距离顶部的高度不是固定的，根据机型的不同，会呈现在不同的位置，比如一些全面屏刘海屏的手机上就相对与于顶部有些高。但是微信小程序提供了接口，可以很容易的获取胶囊所处的位置，所以在设计的过程中可以根据胶囊位置为基础点进行横纵设计。
一般来说，胶囊所处的位置，是操作安全区域的右上角，所以设计者可以根据胶囊的位置设计安全反馈区域。当去掉导航栏时，很有可能会遇到所设计的事物不能触达的情况，比如下面的场景：
对于一些畸形屏幕，会有一部分的内容不能触达，所以在设计的过程中要千万注意这样情况的发生。对于小程序有下拉需要的，微信提供了可下拉的能力，效果如下：
与导航栏一样，下拉所显示出来的背景颜色是可以自由设定的，可以根据自己的风格设计背景。但是加载的动画效果不能够变化，我们可以改变动画的样式，仅支持黑、白样式，和胶囊的设定比较像。
我们可以不设定下拉能力，那么用户将不能够下拉；也就是可以自定义不显示加载动画。但是IOS由于系统原因，导致小程序不管下拉还是不下拉，都能够拖动页面上下移动。在拖动时显示的底部颜色可以通过自定义设定，以达到设计的美观性。另外，IOS还可以单独分别设定上边的背景颜色和下边的背景颜色，用于解决小程序界面上下颜色不一致造成的视觉缺陷。
二、产品需求分析
产品的源头是需求，做好需求分析是做产品的第一步；微信小程序属于小型的产品，它并不需要多大的成本就可以完成。但正是因为微信小程序的轻便、高效等优秀的特性，所以才提升了产品设计的门槛和水平。轻便、高效意味着成本低，产品小；那么如何在一个很小的产品上完成所需要实现的需求，这就是一个很难的事情了。小成本去夺得大的效益，就需要小程序的产品人员有很过硬的产品设计能力。
要清楚的认识到小程序对自己需求的最大赋能，需要从最初去理解小程序的定位，微信团队对于小程序的定义是这样的：
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
小程序相对于APP来说，在降低开发门槛的同时能够满足最普遍的应用需求，适合生活服务类线下商铺以及非刚需低频应用领域。使得微信通过小程序作为生态的建立者和维护者，赋能商家和应用者。以一种生态触角的状态来迅速的捕捉最大化生态红利。
当清楚的理解小程序的定位后，那么就需要合理的筛选需求并进行应用的功能设计；我们通过下面的步骤一步步的做需求分析：
第一步是：用实质的问题引出明确需求，并确定解决问题的功能边界
首先思考的是，自己需要做的功能都有哪些，使用人群是谁？使用场景是什么？需要数据的实时性吗？我们可以用功能清单的形式全部列举出来，然后分别标定功能的使用对象是谁。
接下来考虑功能之间有什么关系，所使用的对象之间有什么关系。当我们确定功能间的关系后，我们自然而然的得出功能的优先级排序，那么我们就可以根据功能的优先级得出我们的产品的定位是什么。我们看一下我们的定位是否可以完全解决需求，然后根据需求进一步的删增功能；这样我们就得到了一个完整的功能列表，也就是功能边界。
第二步是：对程序平台进行横向比对，明确小程序的优势和劣势
当功能确定好后，不要急于设计，你需要认真的去考虑你的应用是不是适合在小程序上开发。如何确定适不适合用小程序来做呢？我们可以让小程序作为一个互联网平台，把应用带入到互联网的每一个平台中去，进行横向的对比。
在对比中找出各自的优点与不足，当做出客观的判断后，应用在小程序上相比于其他平台有没有优势就很明显了。当我们觉得小程序并不是最合适的平台，那么整个需求源头的定位就没有搞清楚，可能需求方根本不知道自己想要什么，或者就是纯粹上蹭小程序热度。对于这种情况，我们可以对需求进行重新定义，帮助功能在小程序上更有优势；或者我们可以直接拒绝这个需求，不要乱了小程序生态环境。
本文地址：微信小程序开发频道 https://www.hkm168.com/web-wxxcx/1924.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们处理，谢谢！
相关阅读
