RESONATOR:设计稿管理神器

RESONATOR是一款Adobe Photoshop插件,它能帮你更好地收集、存储、导出设计元素。支持PS CC 2014及以上版本,兼容Mac和Windows平台。

$19.95购买该软件

 

RESONATOR是什么?

RESONATOR能帮你整理、导出、 存放图形资源,支持多个移动平台及web页面

收集

RESONATOR帮你把该屏幕中所有项目设计元素(如icon、按钮、UI控制等)整合到一个Res-Project.psd中,并且,所有的元素都能按你所需要的间隔排列,你可以很快发现并修复模糊的图形及其他问题元素。
每一像素助力设计!

导出

RESONATOR可以导出所有设计元素,并自动整合为开发者可用的文件名和文件夹结构。这一功能适用于任意平台: Android、iOS、Retina网页、甚至Windows Phone :-)
真可谓开发者福音!

存储

RESONATOR可以帮你存储所有你绘制的设计图案,并分别转换为单个文件供开发调用。这意味着,你可以再也不用费力地切片,也不用在出现问题时无止尽地查找问题所在。
什么东西在哪里,你将无所不知!

整理设计元素

使用“~”标记图层文件夹

在Photoshop图层面板新建一个图层组,把图形放进去,在图层组名字开头加上“~”符号即可。

例如:~ic_menu_login

使用“#”命名图层

如果你想要某个元素之后存为某一尺寸,只需在图层名开头以“#”为名。

例如:#mask

绘制9-patch

如果你想把图形存为.9.png,只需把这些图层命名为“.content”或“.stretch”,放在以“~”命名的文件夹里。“.content”图层决定着元素的内容在元素内的位置 、“.stretch”图层决定着该元素将会如何绘制。你可以查看这个短视频,它会告诉你具体如何操作。

如果想了解更多关于9.png的内容,请查看Android开发者9-Patch绘制指南Guidelines

收集器:已选

在Photoshop的图层面板中,选择某一或几个你想收集在Res-Project.psd中的标有“~”符号的文件夹,在“选择器”子选项中点击“已选”按钮,RESONATOR就会只添加你所选择的元素放入Res-Project.psd。

如果你想替换Res-Project.psd的一个icon,只需把新的文件夹取同一名称(以“~”开头),点击“已选”按钮,RESONATOR会自动删除旧版icon,用新版icon更新该文件。

收集器:全选

点击“全选”按钮,即可把Res-Project.psd中某一源文件包含的所有标有“~”符号元素全部替换。

 

 

Res-Project.psd是什么?

这个文件能帮你把该屏幕中所有项目设计元素整理和存储起来

Res-Project.psd 架构

所有用“~”标记并从源文件里“收集”到的设计元素都会被按列排放在有背景色的Res-Project.psd里,显示间隔可按你所需设置。你可以在“存储器”子选项里使用工具栏按钮来复制、重命名、删除icon。

设置

你可以自由选择平台(Android、iOS、Retina 网页 或者 Windows Phone),并调节分辨率显示精度。这些设置都是分别存储在单个Res-Project.psd里的,并非全局。

内容感知背景

背景层颜色会自动根据源文件数据来指定,你永远不用担心由于背景色的原因看不清图形。

 

导出设计元素

RESONATOR能从Res-Project.psd中把icon图标用合理的文件分类及命名保存出来

添加“#”图层

RESONATOR能根据icon的像素分布识别透明边界,以此来把它切片为PNG图片。如果你想把icon存为你需要的大小,只需在icon文件夹里新建一个以“#”开头命名的图层即可。

例如: #mask

存储器

在PS图层面板中,你可以选择一个或多个你需要保存的标有“~”文件夹,在存储器的子选项下点击“已选”按钮。你也可以选择某一文件夹里的元素,按照任意密度切片。RESONATOR可以自动用相同的名字命名Res-Project.psd中的文件夹,并把它们切片。

命名资源

RESONATOR能帮你用合适的命名规则和文件夹架构整理设计资源,满足开发者使用。

例如,对Android开发者,RESONATOR会创建类似“drawable-xxhdpi”、“drawable-xhdpi”等子文件夹并把资源存放在里面;对iOS开发者,RESONATOR则使用“@2x”或“@3x”前缀来命名。

官方网站:http://resonator.cc/

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

1 1 收藏

资源整理者简介:凝枫

非典型性程序员,爱做一些和写程序毫不相干的事 个人主页 · 贡献了46个资源 · 1


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer