IPhone6plus适配和裁剪方法分享

1.有人说用sketch自动导出多套dimension tangent和SVG矢量格式意味着没钱买MAC。

2.有人说用cutman神器就是不支持用CC或以上PS。

3.另一个？我不喜欢/不习惯/不会用ps自带的切割工具。

目前有10款iPhone，5种屏幕尺寸，加上6plus？缩减采样？(下采样)(1080-1920)，以及iPhone6和6+上的放大模式(1125-2001)和默认模式(1242-2208)。不过不用怕，我分享一套超简单的适应方法，你看完也不会相信这么简单~

艺术发展部提供的材料如下

1.标签图(基于640作为宽度尺寸)

2.2x切割(以640为宽度尺寸为基准切割)

3.3x切割(以1280宽度尺寸为基准切割)

开发者看到这个标注图，可以自己用上面的图，乘以1.5，得到3倍的图。字号也是。

以淘宝为栗子

好了，标记的问题解决了，接下来就看怎么切图了。

我剪图用的方法很蠢，就用PS自带的？将图层导出到文件？脚本

具体步骤来了。

1.设计接口宽度为640，保证里面用到的尺寸都是整数和偶数(设计的接口请见下一段)。

2.新建一个宽度为640的空白PSD，命名为？切图-2X？

3.将设计草稿中需要剪切的图层和组拖到？切图-2x？在里面，每个切片保存为一组(比如一个按钮包含三层两种状态，分别组合成两组)，然后检查命名。

居里

4.保存后，再CTRL+ALT+I(图片大小)，将640像素的宽度改为1280像素，因为直接放大两倍不会出现虚边。

5.1280宽版另存为？Chetu -3x？私营部门司.

6.接下来，放PSD？团体？合并到智能文件中。也可以把CTRL+E直接合并成图层，智能文件也可以修改强迫症患者感觉更舒服。合并智能文件快捷键的设置方法:编辑>键盘快捷键>图层>智能对象>转换为智能对象>；设置一个对你来说方便的快捷键。

7.然后激动人心的时刻来了，直接文件>；脚本>导出图层到文件，设置为PNG格式，设置导出的文件夹，点击确定~然后喝杯咖啡~PS会自动帮你保存。

8、 ?切图-2x？你可以对PSD做同样的事情。记得放在不同的文件夹里，不然PS会自动覆盖同名图层。

超级罗嗦:

1.3x正切图的宽度为什么要1280？

其实iPhone6+ 1242*2208的尺寸是3X，很难记，也很难分。我们直接从640*2得到1280，和1242相差几十个像素。最重要的是它不是空的。如果在真机上看(处女座除外)，看不出别的。

2.为什么只设置宽度？

为了保持长宽比。iPhone的这些尺寸不对。宽度放大后，高度总是几个像素。没关系。不要改变高度。手机屏幕可以上下滑动。不能滑动，除了一屏显示，还得手动调整。

3.为什么开发不是乘以2而是乘以1.5来计算大小和字号？因为大屏手机的存在是为了显示更多的内容。纯刻度放大的界面看起来很傻，实验证明1.5倍刚刚好。

4.使用智能对象时要注意

如果你有使用智能对象的习惯，请记住直接放大智能对象会被粘贴。你应该把智能物体里面的图层拿出来，放大后再切图。

5.如何将适应原理与开发进行沟通？

先说一下基于大屏幕设计缩略图的方法。如果各种缩略图都是按照1242设计的，那就虚了。如果我说1280，那么你必须把每个内容都设计成4的倍数，因为当2X除以2，1X，再除以2，又是虚的。数学不好的是蒜~目前主流还是2X尺寸，等3X大屏成为主流再说~