# weui-sketch

**Repository Path**: bscc16/weui-sketch

## Basic Information

- **Project Name**: weui-sketch
- **Description**: weui sketch by ZTfer
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-02-03
- **Last Updated**: 2021-02-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# weui-sketch

weui sketch&PSD by ZTfer

微信官方仓库地址：[weiui](https://github.com/weui/weui)

个人微博： [@ZTfer](http://weibo.com/wudu2012)

Dribbble : [ZTfer](https://dribbble.com/ztfer)

邮箱：duke2007@163.com

### 说明

- 最近看到微信开源了weui，方便了广大开发者的使用，在找了大半天以后还是没找到这款开源框架的源设计稿。对于一些不懂代码的设计师来说，如果没有一个方便的uikit来使用，从项目开始之初就会浪费掉很多时间，并且在开发中不遵循框架的一些间距等规范，对于后期开发中也会有一部分精力在调试UI界面上，这对项目的开发进度是很不利的。

- 为了大家在deadline到来之前能够从容的进行设计和开发，所以做了这个框架的sketch源文件分享给大家。

- 文件中所有的控件和文字的的尺寸颜色等均取自于weui样式源文件，保障原生性。

- 下载点击上方 Download ZIP。
- 意见和反馈 有任何意见与问题可以直接在issues上直接提出，在新浪微博[@ZTfer](http://weibo.com/wudu2012) 和我的邮箱duke207@163.com 也可以直接联系我。
- 页面尺寸750*1334
- 需要Sketch 3.6.1以上版本

### 使用

- 文件已经锁定，建议复制出来一份文件，解锁后使用。
- images文件夹内视@0.5x效果图，Preview文件夹内是@2x效果图
- font文件夹内为苹方&SF字体，如果字体出现问题安装文件夹内字体即可解决，（电脑升级到最新系统后不用担心字体问题☺︎）

### 预览
![色板](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/ColorPalette.png)
![Buttons](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Button%400.5x.png)
![Cell](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Cell%400.5x.png)
![Toast](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Toast%400.5x.png)
![Toast_laoding](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Toast_Loading%400.5x.png)
![Dialog](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Dialog%400.5x.png)
![Dialog_2](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Dialog_2%400.5x.png)
![Progress](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Progress%400.5x.png)
![Message](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Message%400.5x.png)
![Article](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Article%400.5x.png)
![ActionSheet](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/ActionSheet%400.5x.png)
![Icons](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Icons%400.5x.png)
![Panel](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Panel%400.5x.png)
![Tab](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Tab%400.5x.png)
![Tab-Navbar](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Tab-Navbar%400.5x.png)
![Tab-Tabbar](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/Tab-Tabbar%400.5x.png)
![SearchBar](https://raw.githubusercontent.com/ZTfer/weui-sketch/master/images/SearchBar%400.5x.png)


### 更新记录

- 2015.12.11创建项目
- 2015.12.12增加cell
- 2015.12.13完成
- 微信官方更新后会随时同步更新
- 2015.12.13说明文档增加预览图
- 2015.12.18增加PSD版本
- 2015.12.19PSD版本更新完毕，更新sketch版本中cell页面
- 2016.01.21 增加图片上传（sketch版）
- 2016.01.22 增加@1x文件，增加色板（sketch），增加图片上传（PSD版）
- 2016.03.10 增加Panel、Tab、SearchBar（Sketch）
- 2016.04.13 增加色板（sketch@2x）


### Todo

- [x] Panel
- [x] Tab
- [x] Search
- [x] 增加色板
- [ ] Iconfont 将图标制作为iconfont