BACK >
app做界面设计的适配误区
作者:吾诺瀚卓    浏览次数:194    日期:2017-11-28

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

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

UI设计师

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

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

UI设计师

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

UI设计师

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