小程序头像规定,小程序开发有些什么规定?
小程序开发过程中有很多步骤和细节都有官方规定,今天小编就为大家讲一讲在开发小程序中必须遵守的5条UI规范,其中包括小程序头像规定。
11月03号,微信团队宣布微信公众平台小程序开放公测,我们的团队也开始进行了小程序的开发,在开发过程中我们发现有很多需要注意的问题。在这里就分享给大家在开发小程序中必须遵守的5条UI规范。
在开始微信小程序的开发前,请开发者仔细阅读,这里我举几个例子来看看怎么做才算是符合微信小程序开发全过程。
第1条:小程序设计规范
1.字号选择
微信内字体的使用与所运行的系统字体保持一致,常用字号为20, 18, 17, 16,14 13, 11(pt)。
在字号规范中已经明确给出在结果页主标题字号是40pt,而右图没有遵循该规范,因此右图设计字号使用错误。
2.按钮样式
在小程序按钮控件的复用度是很高的,同样的一个确定按钮也会根据页面环境不同来设定不同的宽高尺寸。需要注意的是,即使按钮宽高不同,按钮样式也需要和遵循设计规范所标示出来的宽高比例、描边、直角、圆角、色值、文字区域、字号、字间距等,保证按钮样式和规范统一。另外,在一般情况下,按钮会有不同的状态,这些变化也需要保持统一。
在微信小程序设计规范中已经给出了大按钮圆角的大小固定为10px(5pt),所以右图使用的按钮正确,左图所使用的按钮不正确。
第2条:微信小程序页面内的浮层和弹窗可关闭
用户本打算进行搜索,在进入页面时却被突如其来的抽奖弹窗所打断;对于抽奖没有兴趣的用户是非常不友好的干扰; 而即便有部分用户确实被“诱人”的抽奖活动所吸引,离开主流程去抽奖之后可能就遗忘了原本的目标,进而失去了对产品真正价值的利用和认识。
3.微信小程序的界面必须遵守微信的外观和功能,不得提供改变微信外观和功能的产品体验。
顶部标签分页栏颜色可自定义。在自定义颜色选择中,务必注意保持分页栏标签的可用*、可视*和可操作*。
小程序顶部导航栏颜色可自定义,在自定义的同时要满足可用*,上图中左图的Tab 颜色对比明显,辨识度高所以正确;右图的Tab颜色对比不是很明显,没有足够的辨识度,所以不正确。
4.微信小程序界面内不得模仿系统通知或警告、诱导用户点击。
相信大家在看完以上资料以后都对小程序头像规定有了一定的了解,那么文中介绍的其他规定你们也都了解了吗?更多相关资料请关注微信小程序素材网。
如何避开微信小程序规则的雷区
开发者必须掌握的小程序发布规则
小程序二维码跳转规则是什么?
上一篇:小程序获取微信头像开发代码
