8天在线UED团队对于效率的提升孜孜不倦，提升效率就是降低成本。我们的UED团队一直保持小而精的特点，就是依靠极高的效率。

最近，我们放弃了Zeplin，使用Sketch Measure的「规范导出」功能代替。（感谢组长和某群的小伙伴）

并且我们搭建了ued.dev.8dol.com（内部）的高保真展示网站，方便规范的展示与共享。

我们先说说Sketch Measure的「规范导出」功能

安装了Sketch Measure2.0以上的版本后就可以使用规范导出功能，快捷键是Ctrl+Shift+E

之后就可以选择像素和色值显示方式

选择需要导出的画板

点击导出后就可以生成html文件

在文件夹中生成了index.html这个规范展示文件、assets切图文件夹、links和preview预览图文件夹。

打开index.html之后就可以看到这样的界面：

左侧：可以选择画板、切图、色彩

中间：展示界面、鼠标移动到元素上可以交互，展示其大小、间距等

右侧：点击元素后，右侧会展示该元素的属性（如：色彩、大小、位置、样式、CSS等）

PS：点击右侧的色彩可以切换色彩值的显示方式（HEX、RGBA等）

Sketch Measure 与 Zeplin的对比

高保真展示网站

我们使用Sketch Measure代替Zeplin，明显的缺点就是共享不方便。因此，我们借鉴产品组的原型分享网站，在此基础上优化完善，建立了UED高保真分享网站。

是这样的：

我们将文件直接复制到UI的共享网盘中，打开UED共享网站，就可以查看到Sketch Meaure导出的规范。同时我们也可以将相关的sketch源文件、素材等放在其中。可以更好的内部分享。

 PS：这个展示的php文件是在simple-file-manager（https://github.com/jcampbell1/simple-file-manager）基础上修改完成的。

至此，我们的全新的设计规范分享方案就完成了，通过对于设计、运维、程序等多方面的工作，实现了一个比Zeplin更加方便的设计规范分享方案。相信对于研发中心的效率提升会有一定帮助！大家可以尝试一下这样的方案~

如果有更好的方案，欢迎留言ww

（话说，我截图这么小，为什么展示出来这么大- -还是模糊的。。。）

本文最初发布在我们UED的官方博客：http://ued.8dol.com