解锁小程序UI设计的奥秘：必须知晓的相关事项

一、什么是小程序

2016年张小龙首次提出小程序概念，全称为“微信小程序”，英文名为“微信小程序”MiniProgram它是一种基于微信生态系统、开发周期短、成本低、无需下载安装、即用即走的应用。

到目前为止，小程序不仅是微信独有的，还有支付宝小程序、百度小程序、字节跳动小程序。2018年还有小米、ZTE、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加十家手机厂商共同推出了快速应用，虽然名字不同，本质上也是小程序。

二、小程序的主要特点

1.跨平台开发更加方便。因为是基于微信环境，iOS、Android两个平台一次完成。

2.起步快，学习曲线平滑。这是相对于开发而言，如果原本熟悉Web开发，那么起步速度就会更快。

3.开发成本低。一套跨平台、开发环境简单、易学快、代码重用强、开发迭代周期短等特点，都会导致小程序的开发成本远低于nativeapp。比如一款类似信息的软件，产品+前端+服务器+设计+测试+运维，1.0版本的成本要20万起步，而小程序版本只需要3-5万左右。当然也有报价比较低的，有人敢报几千块。曾经有客户要求做一个服装定制的小程序，包括展示、预约、下单、支付、个人中心等模块。经过长时间的沟通，他们说预算只有5000，最后一个找的人只有3000，这次加钱想做得更高(强人锁男.jpg），最后婉言拒绝。

4.营销成本低。也就是推广费。普通app的推广费每年往往是几十万甚至几十万，甚至以几十元的单价批量购买用户，更不用说每年在电视台和各大综艺节目上投入上千万甚至上亿的tiktok辅导了，这样才能获得大量的曝光机会。基于微信庞大的用户群，小程序可以一键直接到达，无形中大大降低了营销成本。

5.不需要下载。当然，这只是一套广告演讲，小程序的本质也需要下载（加载），但由于需要加载的数据较少，以前限制是1M大小，现在是单包2M（大项目支持分包加载，所有分包总容量为8M），也许没有应用启动页面大，可以使用，使用，不需要安装和卸载，不像现在的网络应用，通常是几十万兆，第一次吓跑对流量敏感的用户。

6.更好的用户体验。这种用户体验一般是指使用体验，而不是设计师通常理解的互动体验。小程序体积小，核心功能交互路径短，无需安装卸载，无乱外跳，省心省力省流量，特别适合购物、餐饮、旅游等各种生活场景。

7.官方标准热更新。简单来说，当小程序冷启动时，会自动向微信后台请求新版本的信息。如果有新版本，会立即触发新版本的下载。而不是每次更新都需要重新打包交付给应用商店审核，用户可以通过应用商店下载一个完整的数据包重新安装。开发小哥哥乐开花了。

三.超级好用的小程序设计工具分享

即时设计

即时设计作为一种专业的UI设计工具，也可以为小程序设计的设计师提供一些专业的帮助。即时设计有各种强大的专业设计工具，甚至大量的专业材料库和插件库，可以为设计师提供一定的设计材料，即使你是一个新的设计师，你也可以在即时公开课上找到合适的专业课程，以完成基础知识的学习。

即时设计还专门开展了每周临摹、打卡星球等活动，可以为大家提供锻炼自己的机会。在比赛和打卡的过程中，也可以不断激发自己的设计灵感，这是一个不可避免的机会。此外，这些功能可以免费向个人及中小团队用户开放，可以说是真正为用户考虑的设计工具。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。https://ad.js.design/special/ui/?source=csdn&plan=bttcsdn12292

UXPin

UXPin是一款无需编码即可设计动态UI布局的UI设计软件。UXPin可以方便快捷地拖动元素，轻松创建高质量的线框和原型。UXPin的交互效果非常丰富。除了常见的元素变化、页面跳转和显示隐藏外，它还支持高级操作，如API请求。

缺点：由于功能的复杂性，开始可能需要一些时间。UXPin目前没有免费版本，但提供了14天的免费试用。

OrigamiStudio

Origamistudio是由Facebook团队于2016年开发的免费UI设计软件。UI设计软件的想法是帮助快速设计和共享互动界面。Origamistudio的补丁编辑器可用于创建原型，广泛的补丁库包含动画、开关和布尔运算符等设计元素。Photoshop或Sketch中的设计可以在Origami中复制查看和编辑。

Marvel

对于那些想要设计和与开发团队合作的人来说，Marvel是一个很好的软件。Marvel的同步功能可以从Photoshop开始、Illustrator、Sketch与选定的云存储账户同步设计。因此，您可以使用其他应用程序界面软件来设计您的应用程序，然后使用Marvel来组合这些元素。