郑州ui设计哪个培训班好

小程序ui设计规范

小程序作为依附微信而存在的新产品，自去年以来越来越受到用户的关注。而对于ui设计师来说，自然是要了解下小程序的ui设计规范。所以呢，就为大家整理了一份小程序设计规范~ 1.符合微信小程序设计规范 在开始微信小程序的开发前，需要开发者仔细阅读《微信小程序设计规范》，这里我举几个例子来看看怎么做才算是复合微信小程序设计规范。 字号选择 微信内字体的使用与所运行的系统字体保持一致，常用字号为20, 18, 17, 16,14 13, 11(pt)。 在字号规范中已经明确给出在结果页主标题字号是40pt，而右图没有遵循该规范，因此右图设计字号使用错误。 按钮样式 在小程序中按钮控件的复用度是很高的，同样的一个确定按钮也会根据页面环境不同来设定不同的宽高尺寸。需要注意的是，即使按钮宽高不同，按钮样式也需要和遵循设计规范所标示出来的宽高比例、描边、直角、圆角、色值、文字区域、字号、字间距等，保证按钮样式和规范统一。另外，在一般情况下，按钮会有不同的状态，这些变化也需要保持统一。 在微信小程序设计规范中已经给出了大按钮圆角的大小固定为10px(5pt),所以左图使用的按钮正确，右图所使用的按钮不正确。 2.浮层和弹窗可关闭 如，用户本打算进行搜索，在进入页面时却被突如其来的弹窗所打断；这对用户来说是非常不友好的干扰； 即便有部分用户确实被“诱人”的抽奖活动所吸引，离开主流程去抽奖之后很可能就遗忘了原本的目标，进而失去了对产品真正价值的利用和认识。 3.小程序的界面必须遵守微信的外观和功能，不得提供改变微信外观和功能的产品体验。 顶部标签分页栏颜色可自定义。在自定义颜色选择中，务必注意保持分页栏标签的可用性、可视性和可操作性。 顶部分页栏颜色可自定义，在自定义的同时要满足可用性，上图中左图的Tab 颜色对比明显，辨识度高，所以正确；而右图的Tab颜色对比不是很明显，没有足够的辨识度，所以不正确。 4. 小程序界面内不得模仿系统通知或警告、诱导用户点击。 小程序的页面内容中，存在诱导类行为，包括但不限于诱导分享、诱导添加、诱导关注公众号、诱导下载等，要求用户分享、添加、关注或下载后才可操作的程序，含有明示或暗示用户分享的文案、图片、按钮、浮层、弹窗等的小程序，通过利益诱惑诱导用户分享、传播的小程序，用夸张言语来胁迫、引诱用户分享的小程序，强制或诱导用户添加小程序的，都将会被拒绝；5.小程序头像logo需使用透明或有色背景。若使用白色背景，需使用有色边框。 小程序头像logo应与名称、简介保持一致，而且必须清晰可见，能够识别图片包含的各个元素，如：文字、物体、形状等。 在规范中已经明确规范logo头像清晰可见，上图中左图logo文字清晰可见所以正确，右图logo文字清晰度不够明显，所以不正确。 以上可以看出，小程序的整体设计规范与目前的微信视觉保持统一性的，因此在设计时，除了考虑产品本身的特性和用户需求外，需要再结合微信小程序的设计规范做出适合的产品。 移动互联网时代，很多行业的发展变化都很快，ui设计行业同样如此，只有及时学习新知识，掌握新技能，才能在这个行业走的更远呢。