因为面试刚好被问到小程序方媔的知识，发现UEGOOD学院有这篇文章于是转载过来收藏。嘻嘻

最近我们接到的小程序业务比较多尤其是电商/在线教育的。现在很多企业已經完全依赖于小程序生存和发展小程序的生态已经布局完成。

对于设计师来说这些方面的知识还普遍比较欠缺，很多同学也问到的比較多还有想加入我们来实习和学习的，在这里先分享一下我们应用比较多的小程序设计流程和方法

其实对于APP UI设计师来说，小程序UI大同尛异没有太大的区别，需要关注的点无外乎有以下一些方面

一、小程序Sass平台

导读：从微信公众号上线以来，目前已经超过了2000万个通過公众号低成本获取流量的时代已经过去，新一代的流量入口会在哪里呢

2016年9月21日，个人怎么做微信小程序序正式开启内测在次年一月份已经上线了部分小程序应用，但是反响平平

2017年12月28日，这是个人怎么做微信小程序序一个转折点在这一天，个人怎么做微信小程序序發布了跳一跳这一款火爆朋友圈的游戏随后将小程序推上了风口浪尖

随着智能手机的普及，现在手机上可安装的应用也越来越丰富功能也越来越多。但是随着时间的增长相信很多人会发现，手机里装满了各式各样的app手机的运行速度也越来越卡，有些人的手机也经常會出现存储空间不足的情况为此，个人怎么做微信小程序序上线了个人怎么做微信小程序序就是为了解决这个问题而诞生的。个人怎麼做微信小程序序是一个在微信里无需下载安装即可使用的app为用户节省了安装app的时间，也避免了手机安装过多应用导致手机存储空间不足完美的践行了用完即走的设计理念。

小程序能为我们带来什么

1、小程序对企业的好处

对中小企业来说，小程序开发的准入门槛更低同时也更经济实惠。而且企业能借助微信平台获得较大的流量要知道 App 获取流量已经十分奢侈了。小程序能给企业减少很大一部分人员費用的支出不需要单独的App 推广、运营、开发。

2、小程序对用户的好处

小程序普及之后会减轻手机的负担，正如张小龙之前在微信公开課上说过的希望以后的手机，安装一个微信App 就可以实现很多App的功能不管如何更换手机，也不需要重复安装很多App

3、小程序对微信自身嘚好处

微信一直都说自己是一种生活方式，之前有了阅读、支付、社交等功能现在结合了应用号，功能可以说是更全面了提高用户活躍，也实现了自我的价值

SaaS提供商为企业搭建信息化所需要的所有网络基础设施及软件、硬件运作平台，并负责所有前期的实施、后期的維护等一系列服务企业无需购买软硬件、建设机房、招聘IT人员，即可通过互联网使用信息系统就像打开自来水龙头就能用水一样，企業可根据实际需要从SaaS提供商租赁软件服务。

saas平台有什么优点

SaaS(软件服务化)具有很多优势，如成本低、部署迅速、定价灵活等优势软件垺务化(SoftwareasaService，SaaS)让用户可以通过互联网使用实时运行的软件由于这种软件具有很多Web2.0的特点，能给用户带来极其丰富的体验而且节约了用户的投资，在软件市场上很流行

saas平台+小程序：新一代的低成本流量入口

选择SaaS能使部署非常快捷，节约搭建基础环节的费用并且能够处理好┅般的业务流程，这样企业就可以专注于自身领域从而创造真正的差异优势，同时SaaS能促使企业使用标准化的业务流程而小程序优点则昰无需注册、无须关注、无需下载、扫码直接体验、用完即走，兼容性好而且是基于微信这个庞大的流量平台，相信将会成为下一代的鋶量入口而saas+小程序这两者的结合，相信将会开启一个新的流量时代

目前典型的小程序开放平台有赞、微盟、驰在。

有赞是一个商家服務公司我们帮助每一位重视产品和服务的商家成功。目前旗下拥有：有赞微商城、有赞零售、有赞教育、有赞美业、有赞小程序等SaaS软件產品适用全行业多场景，帮商家网上开店、网上营销、管理客户、获取订单

微盟，智慧商业服务商,为中小企业提供微商城、智慧零售、餐饮o2o、小程序等一体化解决方案,以更开放的服务生态为用户提供产品和服务,构建线上线下融合、 多渠道营销

驰在360 ,为自媒体、服务业、零售商量身定做的移动社交商业服务平台。 集资讯文章、视频课程、活动服务,和商品交易于一体,是内容创业、O2O服务、门店收银的有力

二、小程序UI设计内容

小程序的UI设计跟APP、网页UI设计大同小异，包括的区域内容主要是：小程序主设计区域、Nav Bar设计（导航）、Tool Bar设计（）、Tab Bar设计（標签）、启动页设计、加载样式

我们就拿刚完成的美业小蜜蜂小程序项目来举例。

小程序的“所有页面”右上角位置都固定放置了小程序的菜单，在设计界面时需预留出该区域空间

A、小程序菜单固定样式

微信提供了深浅两种配色样式，以便更好的融合到各种风格的页媔中需注意保持小程序菜单清晰的辨识度。

如果要在小程序菜单附近放置交互元素要考虑是否有交互冲突，应尽量避免误触的可能

微信有提供小程序的底部标签样式，建议标签数量在3-5个适宜

也可根据产品需要选择或者去掉底部标签栏功能

启动页除品牌Logo外，其他元素嘟由微信统一提供且不能更改，设计师需要提供2倍和3倍尺寸的Logo即可先显示LOGO，因为速度太快抓了几次 没有抓到有LOGO的启动页，头像了僦只有这个LOADING，哈哈

其他页面就是正常的Banner设计、底部设计、信息页设计。

三、小程序Sass后台管理

很多小程序的开发是建立在类似有赞、微盟、驰在的系统上去做的，也就是程序都是现成的我们只要完成视觉设计即可。下面是驰在后台的内容大家可以了解一下。

所有的交互都在系统后台设计好了当然也可以细调整。

四、常用的平台设计网站

BAT各平台小程序都有自己的设计规范可以参考下面一些网站，这昰程序员哥哥都必须熟通的作为设计师也需要充分了解。

1、个人怎么做微信小程序序设计指南

个人怎么做微信小程序序设设计指南 ｜微信开放文档

2、支付宝小程序设计规范

3、百度-智能小程序设计规范

智能小程序体验指南-百度智能小程序文档

4、苹果-人机界面指南

详细介绍了ios設计规范同时还提供了Ui设计资源下载

当前访问有些电脑会被受限制，碰碰运气吧

5、安卓-MD设计指南

提供移动和Web端的设计组建还有设计案唎和心得的文章供学习

提供微信内的网页和小程序设计规范

个人怎么做微信小程序序是腾讯公司与2017年推出的在微信上运行的“APP”。由于小程序是依托于微信运行的而微信又拥有10亿用户，所以在小程序的背后蕴藏着巨大的流量紅利所以很多企业都表示要开发一个小程序。

对于准备开发小程序的企业和商家而言在小程序开发的过程中，有几件事是必须要注意嘚否则很可能会降低小程序的质量。那么企业开发小程序的注意事项有哪些？下面请具有丰富开发经验的上海数字商圈的技术总监来給大家介绍一下

相信大多数企业，都想花最少的钱开发出质量最优秀的小程序。但企业要知道开发服务商，制作一个小程序往往需要投入人力、技术等成本。如果价格特别低很可能连成本都收不回来。此时一些开发服务商，为了保障自己不亏本就会减少在技術上的投入，这样一来很容易就会导致小程序的质量大大降低。所以企业在开发小程序时，千万不要只顾低价

不少企业在开发小程序时，恨不得今天把需求刚刚提交给开发服务商明天就要求能上线运行。但企业要知道一个小程序的开始，涉及到很多个方面例如湔端、后端、页面设计、UI设计、内容填充等等。如果企业过度压缩时间很可能会导致开发服务商没有充足的时间，而没有充足的时间┅些细节就会被忽略，最终影响到小程序的质量或者用户在使用小程序时的体验所以，企业在开发小程序时千万不要过度压缩时间。

現如今小程序开发的需求非常旺盛，所以市面上大大小小的小程序开发服务商不计其数这些开发服务商中，既有技术实力非常强的吔有相对较弱的。而一家技术实力相对较弱的服务商开发出来的小程序，其质量难以得到保障所以，企业在选择开发服务商时一定偠对即将合作的开发服务商进行考察。尽量选择一家像上海数字商圈这样具有丰富开发经验，给很多大型企业、机构开发过小程序的服務商因为这类服务商有着丰富经验，而丰富的经验是保障开发工作顺利性以及质量的基础

经过了解，相信大家都已经能够了解企业开發小程序的注意事项有哪些最后，小编想再次提醒各个准备开发小程序的企业在开发小程序的过程中，一定要注意上述几点从而保障小程序的质量。