您的位置:首页> 日志> 视觉设计 正文

最近折腾上了Photoshop的扩展功能,photoshop参考线插件工具。可以输入margin值即可在设计页面上生成参考线,对栅格化有帮助,先算出各个版块的宽度、高度再输入margin值即可有规律地生成参考线,方便啊。

每次在PS里面拉参考线是一件很痛苦的事情,特别是要按照规定的宽度创建栅格的时候, Cameron Mcefee提供了一个插件“GuideGuide”,如其名,的确是非常方便的一款创建参考线的插件。

软件介绍:GuideGuide

界面预览:

 

操作很容易的,最上面的三个是快捷创建居中参考线。从左至右依次为:

1)创建水平居中参考线;

2)创建垂直居中参考线;

3)创建水平和居中参考线。

 下面的就是创造边距、行、列参考线了。它可以直接根据画布大小创建,也可以通过选区创建。

上面的4个分别是Margin topbottomleftright,相信对知晓前端代码的UI界面设计师很有帮助。

下面的四个是快捷创建行、列参考线。左边设置行、列个数,右边设置行、列间距数值。

示例:

创建居中参考线

 

选区创建居中参考线

 

创建等距的行、列参考线

 

支持选区创建行、列参考线,功能更实用

 

 

目前该插件正处于测试版,遗憾的是参考线依然无法像coreldraw那样选中参考线,按delete即可删除参考线的功能。希望ADOBE下一版本加入像coredraw选中参考线,即可删除参考线的功能吧。拖动隐藏麻烦啊。

TIPS:

大家留意过这个功能吗?(视图->新建参考线)

 

扩展阅读:http://www.cameronmcefee.com/guideguide/    http://traicyer.me/?p=394