小程序ui设计规范内容分享，共同来掌握

如今，越来越多的朋友们都对ui设计非常的感兴趣，大家是不是也很想了解呢？接下来就让我们来为各位朋友们全面的分享下小程序ui设计规范，这样也可以帮助大家更好的做好ui设计工作。

　　一、小程序

　　微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或搜一下即可打开应用。

　　全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。小程序、订阅号、服务号、企业号是并行的体系。　　

　　小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，现在已经有超过150万的开发者加入到了小程序的开发，与我们一起共同发力推动小程序的发展，小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，小程序还在许多城市实现了支持地铁、公交服务。小程序发展带来更多的就业机会，2017年小程序带动就业104万人，社会效应不断提升。

（图片来自网络）

　　二、小程序ui设计规范

　　字号选择

　　微信内字体的使用与所运行的系统字体保持一致，常用字号为20, 18, 17, 16,14 13, 11(pt)。

　　在字号规范中已经明确给出在结果页主标题字号是40pt，而右图没有遵循该规范，因此右图设计字号使用错误。

　　按钮样式

　　在小程序中按钮控件的复用度是很高的，同样的一个确定按钮也会根据页面环境不同来设定不同的宽高尺寸。需要注意的是，即使按钮宽高不同，按钮样式也需要和遵循设计规范所标示出来的宽高比例、描边、直角、圆角、色值、文字区域、字号、字间距等，保证按钮样式和规范统一。另外，在一般情况下，按钮会有不同的状态，这些变化也需要保持统一。

　　它被各类电商放在页面不同的位置，主要来说主要分为三个位置：与子分类放在一起、页面左上角、标签栏。

（图片来自网络）

　　浮层和弹窗可关闭

　　如，用户本打算进行搜索，在进入页面时却被突如其来的弹窗所打断;这对用户来说是非常不友好的干扰; 即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后很可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。

　　小程序的界面必须遵守微信的外观和功能，不得提供改变微信外观和功能的产品体验。

　　顶部标签分页栏颜色可自定义。在自定义颜色选择中，务必注意保持分页栏标签的可用性、可视性和可操作性。

　　顶部分页栏颜色可自定义，在自定义的同时要满足可用性。

　　小程序界面内不得模仿系统通知或警告、诱导用户点击

　　小程序的页面内容中，存在诱导类行为，包括但不限于诱导分享、诱导添加、诱导关注公众号、诱导下载等，要求用户分享、添加、关注或下载后才可操作的程序，含有明示或暗示用户分享的文案、图片、按钮、浮层、弹窗等的小程序，通过利益诱惑诱导用户分享、传播的小程序，用夸张言语来胁迫、引诱用户分享的小程序，强制或诱导用户添加小程序的，都将会被拒绝;5.小程序头像logo需使用透明或有色背景。若使用白色背景，需使用有色边框。

　　小程序ui设计规范的内容如上文所述，大家是不是都全面的掌握住了呢？希望上面的内容大家都能够好好的遵守。