Retina图片制作的范例流程?

Question

为了兼容性Retina分辨率，通常要制作两种分辨率的图形元素，有没有一个比较完善的流程？

Answer 1

我的流程：
PS里做两倍图，切图用Slicy（原先叫Layer Cake），自动导出两种分辨率并命名，最省事的方法。
由于一倍图是两倍图缩放的，有些地方达不到像素精确，再微调或重制。
此方法限mac平台。

win平台嘛，没有slicy，所以还是ctrl＋alt＋shift＋s导出两倍图，然后填个50%再导出一倍图，最后像素微调。

Answer 2

可以考虑先做一倍图，比如iPhone的UI设计，先按照320x480设计，之后再放大切两倍图

切图工具可以考虑使用Fireworks
1、比较精确，有对齐到像素的工具（Ctrl+K），方便像素级调整
2、Fireworks的切片可以像图层那样进行尺寸调整，位置移动等等
3、制作两倍图，可以把图片跟切片一起复制到同一个画布的其他位置，接着直接数值化调整尺寸（宽高x2就好）

介于FW跟PS的一些差异，有一些纹理相关的图还是需要PS来切图，或者在PS里面做好，统一在FW里面调整尺寸跟裁剪