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

lvxiangan發表於2018-05-25
UI前端

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

相關文章