app开发：做界面设计的适配误区-桔子科技网站建设设计公司

app开发：做界面设计的适配误区

发布人：桔子科技发布时间：2017-11-30 08:16:09 分享到：

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

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

其实有这种想法没错，iPhone5中大部分组件都是和设计稿尺寸是一样的。但是有一些设计元素会相应的改变尺寸来适应iPhone5 640×1136的屏幕。这种尺寸的变换一般分为两种：一是等比缩放，这种适合的是图片类。二是高度不变，水平间距缩小，这种适合的是设计组件，比如上面的搜索框。当然进行适配的工作量是非常大，有很多的小细节需要我们去注意，一篇文章的篇幅是肯定讲不完的。

我给大家的建议就是拿一个iPhone5和iPhone6下QQ音乐，然后截图去分析比较。这是一个很笨但是也很见效的方法，这个方法也是一个大神介绍给我的。其实这个你也可以看成是」，当然这里没有竞品，但是核心理念都是一样的：不会做的时候，去看看别人怎么做的。

之前做开屏广告设计规范的时候，我就是截了好几个的产品的开屏图进行分析做出来的。

那么在二倍图的基础上做图，我们一定要注意组件的尺寸不能是单数，比如你的按钮高度是75px，那么到三倍图里，75px放大1.5倍肯定会出现虚边。这种问题我们要去规避。

本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都微信小程序开发、成都VR全景制作-桔子科技公司为您整理！

下一篇：如何设计出一款好的APP出来上一篇：APP应用开发到底难不难