• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

让微信小程序和页面界面 UI 统一:WeUI 前端样式库

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

http://sc.chinaz.com/info/161021113594.htm 

微信里使用的 H5 页面是相当多,特别是最近开发内测的小程序更是火爆,为了能让页面以及微信小程的界面能与微信统一,让用户看起来就像是微信内置的功能或页面,建议使用者一个WeUI 前端框架!

它从界面、配色、图标等样式接近与微信一样,所以推荐你使用这套界面来设计你的小程员、网页商城、 WordPress主题,让界面更加统一。

 

框架名称:WeUI 样式库
在线演示:https://weui.io
下载地址:https://github.com/weui/weui

Sketch 源文件

同时也推出了 WeUI 的 Sketch 源文件,如果你是设计师,可以下载这个设计源文件来设计新的微信小程序、H5网页等等,还有 Symbol,很好用哦!


文件格式:.Sketch
素材版权:免费
下载地址(7MB):百度网盘 | Github

官方简述:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素

下面来看看 WeUI 样式库的介绍:

图标

图标的颜色、样式和微信原生的样式几乎一致,看不到有什么区别哦!

Flex 布局

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

Panel 面板

可以用它来做文章列表、文章图文列表。

Footer 页尾样式

就是网页页脚样式~

提示样式

 

菜单

底部Tabbar

Navbar

WeUI页面层级

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

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序开发04-打造自己的UI库发布时间:2022-07-18
下一篇:
6个优秀的微信小程序ui组件库 - 0C°发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap