iPhone6与iPhone6+诞生之后,很多小团队的设计师一般只出一套iPhone6尺寸的图(750*1334px),然后再由程序员进行适配。

现在的iPhone屏幕尺寸如下:

  • 1080*1920px(iPhone6+)
  • 750*1334px(iPhone6)
  • 640*1136px(iPhone5)

向下适配时,一些元素(如:按钮,图标),只需要使用原设计图的尺寸。
而向上适配时,元素需要放大

1080/640=1.6875倍

我们的做法是将原设计图的尺寸放大1.5倍。

那么如何快速便捷地将所有的元素放大1.5倍并重命名(@2x->@3x)

Mac中有一个叫Automator的程序,他是用来构建Mac中的工作流(如:打开一个文件夹,复制其中所有文件,重命名某个字符串)

现在我们有一个放着切好@2x元素的文件夹和一个空的@3x文件夹

我们利用automator构建一个如下图所示的工作流:

运行完该工作流后,我们得到了一个放着放大了1.5呗的@3x文件夹

这样就可以很快地得到适配屏幕所需的图片素材了

这个方法一开始是范老板发现的,特此链上他的微博以表感谢