Axure的隐藏功能：尺寸标注

隐藏功能一：预览显示标注（色值、尺寸）信息

很多开发团队会遇到以下几种情况：

1、小团队，没有专职的UI设计师
2、敏捷开发，想快速产出MVP产品
3、Axure做出的已是高保真原型，下一步可以直接交给前端进行页面开发

总之，就是省掉“设计师重新设计一遍界面从而前端工程师才能看到尺寸标注”这一过程。

虽然Axure9已经推出了“Inspect页面标注功能”（方法详见我的另一篇文章），但是需要上传至“Axure云”，并且要是团队项目，而且不支持Axure8。重点是网速感人。。。

下面的方式可以实现在Axure8/Axure9原型的预览页面上直接可看到色值、尺寸等标注信息。

1、功能效果

预览页面上标注信息的效果如下：

Axure原型预览页面显示标注（色值、尺寸）信息

如果想关闭标注显示功能，可点击右上角图标关闭。

2、实现方法：

1）想实现这个效果，可以用一个叫“前端乐”的元件。Axure原型设计时，在每个页面里拖放一个这样的元件即可：

2）还有更简单的方法，在“发布项目”的选项中，配置如下一个readline字体文件就可以了，代码如下：

">

Axure8的配置方法：

Axure8中配置一个字体文件

Axure9的配置方法：

Axure9中配置一个字体文件

以上，设置完成！看下效果吧！

---

作者：葛晓玲，产品经理，互联网重度依赖者

微信公众号：产品零感（feelingPM），交流互联网产品思考和感触！

微信公众号：产品零感（feelingPM）  

———— / 推荐阅读 / ————

>>C端产品经理转型到B端？劝你三三三思！
>>不做中台会死吗？