WeUI – 微信原生视觉体验一致的基础样式库 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

WeUI 为微信 Web 服务设计,帮开发者快速开发美观、好用的 Web 界面,提升用户体验,后附WEUI 在线实例演示链接。

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

环境依赖

Sketch 版本不低于 v3.6

字体

苹方/ PingFang SC
SF UI Text
思源黑体 / Noto Sans CJK
Robot

使用说明

方法一:复制粘贴控件图层进行创作
WeUI – 微信原生视觉体验一致的基础样式库 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

方法二:使用Symbol进行快速创作,可方便的在多个页面和画板中重复运用控件
WeUI – 微信原生视觉体验一致的基础样式库 - 任刚 · Ren Gang - 我的设计笔记 世界设计 · 设计世界

安装方法:

1、用bower进行安装

bower install --save weui

2、用npm进行安装

npm install --save weui

开发:

git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
npm install
gulp -ws

运行gulp -ws命令,会监听src目录下所有文件的变更,并且默认会在8080端口启动服务器,然后在浏览器打开 https://localhost:8080/example

" /> 工具 · 任刚 · Ren Gang - 我的设计笔记

工具    91

WeUI – 微信原生视觉体验一致的基础样式库

工具      

Latest Apple Watch GUI for Sketch – Apple Watch GUI 的 Sketch 最新资源

工具      

Pure – 又一款响应式前端开发框架

工具      

Topcoat – 又一款响应式前端开发框架

工具      

Helium – 又一款响应式前端开发框架

工具      

Skeleton – 又一款响应式前端开发框架

工具      

Bootstrap – 一款灰常强大的响应式前端开发框架

工具      

Maxmertkit – 又一款响应式前端开发框架

工具      

HTML KickStart – 又一款响应式前端开发框架

工具      

Grumby – 又一款响应式前端开发框架

工具      

ZURB Foundation – 又一款响应式前端开发框架

工具      

Ivory – 又一款响应式前端开发框架

工具      

登 录 注 册