讓微信小程序和頁面界面 UI 統一:WeUI 前端樣式庫

  微信里使用的 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頁面元素所屬層級、層級順序及組合規范。

來源:設計達人

上一篇: 50個常用的Photoshop快捷鍵

下一篇: 6個步幫UI設計師高效完成切圖

分享到: 更多
球探体育比分电脑版 2019重庆时时开奖时间 重庆老时时彩开奖结果 红马计划软件手机版 麻将下载 重庆时时黑马人工计划 有重庆时时彩网址吗? 江西时时专家预测 幸运pk10怎样看走势图 易彩分分彩计划稳赚 在线购彩 香港马会36码 微乐棋牌 重庆时时彩杀号 时时如何杀跨度 双色球开奖直播