微信UI設計之WeUI前端樣式庫

lvxiangan發表於2018-05-25

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

相關文章