微信UI设计之WeUI前端样式库

WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素

框架名称：WeUI 样式库
在线演示

下载地址

Sketch 源文件

如果你是设计师，可以下载这个WeUI 的 Sketch 源文件来设计新的微信小程序、H5网页等等。

文件格式：.Sketch
素材版权：免费
下载地址（7MB）： Github

下面来看看 WeUI 样式库的介绍：
图标的颜色、样式和微信原生的样式几乎一致，看不到有什么区别哦！


Flex 布局


使用 CSS Flex 属性定制的布局系统，轻松实现多栏自适应排版。
Panel 面板


Footer 页尾样式


提示样式

 
底部Tabbar


Navbar


WeUI页面层级


用于规范WeUI页面元素所属层级、层级顺序及组合规范。


本文转自：http://www.shejidaren.com/weui.html