【设计总结】像素，分辨率和适配(2)

 适配误区

适配也是目前来说一些设计师比较头疼的一个问题，有很多小细节需要我们去注意。目前来说，我们给app做界面设计基本上都是750×1334(iPhone6/7/8)的尺寸上做，也就是以 2 倍图为基准，然后切 3 倍图对plus和iPhone X进行适配,三倍图适配是我们的重点，所以经常有设计师忽视对iPhone5 的尺寸做适配。

可能会有设计师很困惑了，我本身就是以 2 倍图为基准做的，而iPhone5 用的也是 2 倍图，为什么我还要做适配呢？

其实有这种想法没错，iPhone5 中大部分组件都是和设计稿尺寸是一样的。但是有一些设计元素会相应的改变尺寸来适应iPhone5 640× 1136 的屏幕。这种尺寸的变换一般分为两种：一是等比缩放，这种适合的是图片类。二是高度不变，水平间距缩小，这种适合的是设计组件，比如上面的搜索框。

当然进行适配的工作量是非常大，有很多的小细节需要我们去注意，一篇文章的篇幅是肯定讲不完的。我给大家的建议就是拿一个iPhone5 和iPhone6 下QQ音乐，然后截图去分析比较。这是一个很笨但是也很见效的方法，这个方法也是一个大神介绍给我的。其实这个你也可以看成是"竞品分析"，当然这里没有竞品，但是核心理念都是一样的：不会做的时候，去看看别人怎么做的。

（编辑：ASP站长网）