当我们做很多软件时，我们通常将前端和后端分开。对于我们的普通开发人员而言，大多数人专注于一个方向。例如，编码少了UI的设计和开发，尤其是在某些应用程序中。在Web上，界面的设计更加精细，需要越来越多的专业人员来处理它。但是，在许多小型项目中，我们还需要能够握住大刀并使用切碎器。有时情况是强迫性的，我们需要擅长后端开发的人员来照顾UI开发。通常，不太复杂的界面不是我去寻找UI设计器所必需的。本文专门针对小程序的界面设计进行了一些探索性研究和讨论，并介绍了小程序的界面设计的一些思路和方向。

1、基于快速发展的设计平台

在Internet上搜索。 小程序零编码平台在雨后像竹笋一样弹起，令人目眩。各种设计平台的网站令人眼花。乱。近年来，随着H5页面设计的兴起，出现了许多这样的平台。设计平台（更换背心）继续包含小程序的在线设计，这就像在重复互联网早期网页设计，小程序零代码的趋势吗？这种类型是相对简单的静态小程序，也可能是小程序具有某些表单填充功能，但是随着小程序的流行，这种需求驱动了许多此类商机。毕竟，没有一般事务。从令人愉悦的小程序来看，它感觉很差，因此小程序仍然有很大的市场，类似于静态页面。

基于这些快速开发的设计平台，您只需支付年费，就可以应用模板来快速设计更漂亮的界面。速度是第一。通常，设计人员需要了解一组体面的界面。根据客户需求，需要进行设计。至少需要一天半的时间，人们才能直接部署效果，并且只需几分钟即可完成，因此市场很大。

这些开发平台通常不导出源代码（例如Fanke Light Station的代表）。即使小程序的源代码可以通过其他方式下载，它也非常混乱并且难以理解。当然，某些样式仍然可以参考。这种设计平台的特点是，付费模板更多，更具吸引力。

也可以导出某些源。要求源代码符合小程序的标准格式，以便更好地阅读（这是基于小程序接口的快速设计，基于一些开发的结果，意在发送Coolsite360）组件模板，但是缺点是组件模板太少，应该根据开发人员的角度进行操作。如果您可以坚持导出文件并拥有更多的组件内容，那么它应该非常有吸引力。

另一个值得一提的是墨刀。这也基于设计人员的观点来设计小程序界面。界面元素更丰富且略显blo肿。这是一个客户端软件。安装后，可以设计界面，并且可以导出网页，但不能以小程序格式导出。这不如前述的Coolsite360好。

基于这些发展，在材料或模板丰富的情况下快速应用某些设计样式应该很方便，并且可以很方便地制作出更专业的效果，但是缺点是它受到其他人的限制，并且有很多付款。费用，对于执行小型项目或偶尔执行小程序项目的团队来说，这是很多费用。

2、基于Sketch的设计

通常，现在设计APP，Web 网站，小程序等时，可以使用功能强大的设计工具Sketch。该工具在设计领域越来越广泛地使用，其功能确实足够好，但是与其他工具一样，它需要一些时间来学习如何使用它。目前，微信的许多官方资源同时发布了Sketch设计手稿，这些手稿可以在网站上下载。

Sketch是适用于所有设计师的矢量绘图应用程序。矢量绘图也是设计网页，图标和界面的最佳方法。

Sketch诞生于图标设计和界面设计。这是具有出色UI的一站式应用程序。

Sketch是功能强大且易于使用的出色产品。它是Mac的设计软件。它在UI设计领域享有很高的声誉。只需搜索此关键字，即可获得许多教程和相关资源。学习起来并不难。

其界面分为几个区域，如下所示

基于Sketch的设计，我们还可以逐步地结合设计图纸，这是指导模块化处理的基本设计概念。

基于Sketch的开发需要一定的时间来积累，但是优点是您不必受到某些看似强大的界面设计平台的限制。可以早使用或快速交付它的人使用。长期以来，您仍然需要掌握相关的设计知识并使用专业的工具来快速开发自己的界面。

积累很多，慢慢积累更多的Sketch材质和设计资源，更多的动手解决问题是基础。

小程序的界面设计完成后，我们可以结合我们的后端API来在客户端封装相关的JS处理，以实现完整的前端和后端解决方案。