做完设计稿后,需要告诉前端程序员,图片尺寸,文本字号,间距等。相比传统的标注方式Sketch 的messure插件导出HTML就可以自动标注图片尺寸,文字字号,间距等等。
但是当你导出HTML文件后,分享的时候需要一个一个人的发源文件分享,一旦设计稿需要多人查看的时候就比较麻烦,所以,介绍一种简单的并且免费的方式来方便管理Sketch的Measure插件导出的HTML文件通过链接分享:WuliHub静态网页托管和演示服务
Demo演示
演示地址:http://www.wulihub.com.cn/cloud/9/1bf5e754d45eae22b563ee3b6a32b3d6-27644/index.html
需要用到的平台
操作视频教程
第一部分就是Sketch托管的教程
WuliHub操作演示教程
Sketch托管的图文教程
在Sketch内用Measure插件选择规范导出
生成的html文件夹
文件夹内结构如图
将HTML压缩成zip格式
上传zip包到到wulihub即可获得演示链接