Size Marks – 免费的Photoshop尺寸标注脚本
Size Marks 是用在Photoshop的一个自动标注尺寸脚本，可以方便设计师和前端人员在效果图上添加尺寸，很实用哦！虽然很早就有类似的工具，但大部分为收费，而这个是免费的！
安装方法
1、下载Size marks：下载 密码：wpn2
2、复制 Size Marks.jsx 到Photoshop的脚本文件夹。
- OS X: /Applications/[Photoshop]/Presets/Scripts/
- Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
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来标注，如果是正方形，就默认为垂直标注。
来源：设计达人网
相关内容
-
Ps Play – 移动设计零阻力
说来惭愧，这么好用的工具也是刚刚知道的，瞬间就被它强大的功能给深深的吸引住了。WhatisPsPlay?PsPlay是一个通过Wi-Fi网络，在终端设备上实时预览Photosh...
-
完美解决禁止复制的神器-Circle 阅读助手
其实我是想解决目前很多中小型网站完全禁止复制禁止右键的无良问题，毕竟更多人复制的根本在于学习分享，而不是刻意剽窃。Circle阅读助手这是基于chrome的一个扩展插件，适用于...
-
EmEditor——好用并且免费的文本编辑器
在这里只是作一下记录，EmEditor这个文本编辑器的牛逼之处在于：几个G的文本文件照常编辑，实在太过于强大了如果您需要一个好用并且免费的文本编辑器，EmEditor免费版将会...
-
Markdown 文档生成工具
之前用了很多Markdown文档生成工具，发现有几个挺好用的，现在整理出来，方便大家快速学习。loppo:非常简单的静态站点生成器idoc：简单的文档生成工具gitbook：大...
-
photoshop 弹出错误提示框：无法完成该操作，系统找不到指定的路径。
使用photoshop时，点击“存储为WEB所用格式”会弹出错误提示框：无法完成该操作，系统找不到指定的路径。经过研究发现改回来的方法：使用注册表编辑器regedit，找到下列...
-
现代视频编解码器的工具HandBrake
HandBrake是一款小巧到极致的实用视频转换软件，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。您会喜欢HandBrake的原因转换几乎任何格式的视频免费和...
-
photoshop实时自动导出图层/图标的方法
先来看一个小示意图导出图层/图标的正确姿势首先打开设置，在“增效工具”下，勾选“启用生成器”；然后在主菜单的“文件”-“生成”，勾选“图像资源”；在图层面板选择要导出的图层，把...
-
UI设计中细节之处的敏感度测试——Can’t Unsee
这款网页游戏由软件工程师AlexKotliarskyi与产品设计师AmandaHum共同制作，屏上会显示两种iOS界面设计选项给你选择出哪一个最正确，随着越到后面难度也会越高，...
-
caniuse：Web前端兼容性查询
CanIUse是一个检测浏览器对JS、HTML5、CSS、SVG或者其他Web前端相关特性支持程度的列表。可以检测的浏览器包括桌面和移动版的主流浏览器：IE,Firefox,C...
-
在线一体化免费PDF处理在线工具神器HiPDF
「HiPDF」是一款免费的一站式PDF工具集合，它能让您随心所欲玩转PDF，只要是您想到的PDF转换方式，它都能做到，在线工具的好处就是不用安装任何。「HiPDF」主要功能包括...
