小程序模板網(wǎng)

WeUI(微信)原型資源分享(附組件庫及原型下載)

發(fā)布時(shí)間:2018-04-16 10:24 所屬欄目:小程序開發(fā)教程
WeUI 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫,由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計(jì),令用戶的使用感知更加統(tǒng)一。

目前官方為開發(fā)者和設(shè)計(jì)師提供了Sketch和PSD基礎(chǔ)樣式庫源文件,但對于產(chǎn)品童鞋來說,帶交互的原型組件庫才是王道!^_^o~

為方便大家進(jìn)行公眾號、小程序等微信相關(guān)的產(chǎn)品原型創(chuàng)作,我們在這里分享給大家一套WeUI的原型全家桶:項(xiàng)目、組件庫、頁面庫,助你效率up up up!

(下載地址見文末)


原型展示

部分原型動(dòng)態(tài)預(yù)覽

(點(diǎn)擊上圖預(yù)覽動(dòng)圖)


組件庫展示(145+)

利用組件庫快速搭建頁面

1. 在廣場找到WeUI組件庫,點(diǎn)擊引用組件庫

或者:

2.如上圖所示,點(diǎn)擊引用后,組件庫即成為自己的引用資源(庫內(nèi)的資源也會(huì)實(shí)時(shí)更新),大家可在項(xiàng)目中使用,搭建自己的頁面,比如快速搭建一個(gè)微信首頁原型:

(點(diǎn)擊上圖可預(yù)覽動(dòng)圖)


資源地址

原型預(yù)覽:http://www.xiaopiu.com/h5/byId?type=project&id=58777eefbebeb4b204b61fa7http://www.http://www.xiaopiu.com/h5/byId?type=project&id=58777eefbebeb4b204b61fa7http://www.xiaopiu.com/h5/byId?type=project&id=58777eefbebeb4b204b61fa7

原型下載:http://www.xiaopiu.com/square?searchText=WeUIhttp://www.http://www.xiaopiu.com/square?searchText=WeUI

頁面庫引用:http://www.xiaopiu.com/square/page?libPop=page&libId=589e9215fa6d01bd179ff534http://www.

組件庫引用:http://www.xiaopiu.com/square/contr?libPop=contr&libId=5878bbd903423f3d7357ff0dhttp://www.http://www.xiaopiu.com/square/contr?libPop=contr&libId=5878bbd903423f3d7357ff0d



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23425.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢