产品设计
WeUI基础样式库

小程序可根据需要使用微信提供的标准控件,以达到统一稳定的目的

  • 作者微信小程序官方
  • 出版社微信开放文档
  • 发行日期2121-04
  • 标签
  • 丛书

微信小程序设计指南

基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。

视觉规范

字体

微信内字体的使用与所运行的系统字体保持一致,常用字号为22, 17, 15, 14, 12(pt),使用场景具体如下:

WeUI基础样式库

字体颜色

WeUI基础样式库

色板

WeUI基础样式库

列表

WeUI基础样式库

WeUI基础样式库

WeUI基础样式库

WeUI基础样式库

WeUI基础样式库

按钮

WeUI基础样式库

WeUI基础样式库

图标

WeUI基础样式库

WeUI基础样式库

资源下载

为方便设计师进行设计,微信提供一套可供Web设计和小程序使用的基础控件库;同时提供方便开发者调用的资源。

相关书籍

百度智能小程序体验指南
为方便小程序开发团队的视觉设计师进行小程序设计,小程序团队提供常用的视觉设计组件资源。
Ant Design企业级产品设计体系,创造高效愉悦的工作体验
设计价值观这是 Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐工作」这一假定,我们在「确定性」和「自然」的基础上,新增「意义感」和「生长性」两个价值观,指引每个设计者做更好地判断和决策。
支付宝小程序核心体验白皮书
支付宝小程序是一种全新的开放模式,让合作伙伴有机会分享支付宝及阿里集团多端流量和商业能力,为用户提供更好的用户体验,助力商家经营升级
Element网站快速成型工具
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
字节跳动小程序设计指南
字节跳动小程序作为字节用户「看见并连接」的承载,向开发者提供丰富的技术能力和流量场景,致力于向用户提供最有价值的信息和服务
Vux移动端Axure组件库1.0
VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。基于webpack + vue-loader + vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式

暂无评论

暂无评论...