Size Marks ? 前端人员必备效果图尺寸标注脚本

一?蔸?乖 · 发表于 2017-5-3 13:19:46

Size Marks 是用在Photoshop的一个自动标注尺寸脚本，可以方便设计师和前端人员在效果图上添加尺寸

，很实用哦！虽然很早就有类似的工具，但大部分为收费，而这个是免费的！下面来看看介绍：

1.下载Size marks

2. 复制 Size Marks.jsx 到Photoshop的脚本文件夹。

3.重启Photoshop，点击【文件】菜单 ? 【脚本】 -Size Marks，如果有显示，表示安装成功了，如下图。

4. 设置脚本快捷键，点击【编辑】菜单 ? 【键盘快捷键和菜单】- 然后拉到Size Marks上为其设置快捷键。如下图：

建议使用快捷键：

OX S系统：Shift+cmd+P

WIN系统：Shift+Ctrl+P

使用方法

使用这个扩展是很简单的，直接看下面的GIF图你就会明白了。

1. 选择“矩形选框工具(M)”

2. 绘制一个矩形

3. 按刚才设置的脚本快捷键Shift+Ctrl+P，接着就会自动显示标注了，如下图：

疑问

Size Marks脚本是如何判断水平和垂直标注呢？

经测试，它是根据你画的矩形的长度来判断的。比如你画了个25 * 30px的矩形，那么它就以30px来标注，如果是正方形，就默认为垂直标注。

一?蔸?乖 · 发表于 2017-5-3 13:22:45

资源下载链接：

游客,本付费内容需要支付 5印币 才能浏览支付

冰晶 · 发表于 2017-5-3 14:06:28

是什么样的图片发出来看下

425805885 · 发表于 2017-5-3 14:27:13

图片失效了，看不到...

mti118 · 发表于 2017-5-3 21:24:54

没有图片,不知道是什么东东.楼主上个图吧

tyteewc · 发表于 2017-5-4 08:26:08

这是什么东西，来个图看看好不好用

cmmac · 发表于 2017-5-4 09:07:18

单位是像素，要是能换算mm/cm就好了。

一?蔸?乖 · 发表于 2017-5-4 10:00:21

因为版主说有外部链接，图片被删除了

atgtjxbc · 发表于 2017-5-4 10:59:07

这个的单位不能改成厘米或毫米吗？使用px标注，怕客户看不懂。

注意注意注意：必看 /1