Skip to content
Branch: master
Clone or download
ZTfer
Latest commit 152bb79 Apr 11, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
PSD 图片上传 Jan 22, 2016
Preview
Sketch 增加色板 Apr 13, 2016
font
icons Add icon Mar 10, 2016
images 添加色板图片 Apr 13, 2016
README.md Update README.md Apr 11, 2018

README.md

weui-sketch

weui sketch&PSD by ZTfer

微信官方仓库地址:weiui

个人微博: @ZTfer

Dribbble : ZTfer

邮箱:duke2007@163.com

说明

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

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

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

  • 下载点击上方 Download ZIP。

  • 意见和反馈 有任何意见与问题可以直接在issues上直接提出,在新浪微博@ZTfer 和我的邮箱duke207@163.com 也可以直接联系我。

  • 页面尺寸750*1334

  • 需要Sketch 3.6.1以上版本

使用

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

预览

色板 Buttons Cell Toast Toast_laoding Dialog Dialog_2 Progress Message Article ActionSheet Icons Panel Tab Tab-Navbar Tab-Tabbar SearchBar

更新记录

  • 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

  • Panel
  • Tab
  • Search
  • 增加色板
  • Iconfont 将图标制作为iconfont
You can’t perform that action at this time.