【Sketch Measure】一键导出Sketch标注html文件,从此标注不再麻烦

UI黑客 2018-10-15 1461

在以前用PS设计页面的时候,标注是一件很痛苦的事情,我们一般会用像素大厨和马克鳗来标注,但是会花费我们很多的时间。大量的标注还会试页面变得乱糟糟。

其实,设计师标注做的无非就是一件事情:让程序员对设计师的界面具有数据可读性

这个可读性其实是要求程序员自己打开源文件,自己去看文字、颜色、间距、大小等属性。

这个在一些公司是可以的,技术自己就能看懂PS源文件图层属性,直接发他源文件就行,so easy。(我喜欢这样的程序员)

不过还有一些公司,就是按部就班,程序员就是想让你做出标注,其实是懒,设计师有的都懂html了,为何程序员不去花几分钟看设计源文件?

现在设计师用Sketch设计界面就不用这么麻烦了,程序员想要标注,不去看源文件?OK,很简单,用Sketch Measure。


它会导出一个页面的html文件,打开后就是一个网页,里面有我们的界面,程序员想看什么元素的属性,直接点击元素就可以在右侧面板看到相应数值,甚至在右下角会显示元素的html代码,打通了设计师和程序员之间的隔阂。

左侧的页面画板

除了标注之外,Sketch Measure还有其他的小功能,大家下载试试吧。



下载地址

链接: https://pan.baidu.com/s/1nLwSSWmgPk0CBxddqaJUrA 提取码: m3ic

有些同学遇到sketch52的sketch measure无法导出标注,点击没反应,可以下载这个版本,亲测可用。



最新回复 (0)
返回
发新帖

更多设计干货文章
请关注UI黑客公众号

好课推荐