安卓APP设计规范之1080*1920设计稿对应开发尺寸

转载自https://www.jianshu.com/p/f79371f137c5,当笔记用

目前市场上,只有Android系统的手机才有1080P全高清的产品。1080P是说手机屏幕的分辨率达到1920*1080像素。1080P的屏幕最直观的改变当然是屏幕精细度的巨大提升,就算是5寸的屏幕,精细度也可以达到441ppi的超高级别。相当于苹果手机的iphone6的分辨率。

安卓系统5.0的风格是:Material Design

一、Android各设备屏幕密度

安卓尺寸众多,按每个屏幕去适配肯定是不现实的。

所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了。

以下是Android的密度划分以及代表的分辨率,这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了。

安卓各屏幕密度

建议移动app设计师提供给安卓开发人员的标注单位最好是dp(长度 )和 sp(字体)。

二、Android开发单位DP和SP

DP:安卓专用长度单位。以160 DPI屏幕为标注,则1DP=1PX

计算公式:dp x dpi/160=px

例:以720x1280px (320dpi)为例计算 1dp x 320 dpi/=2px

SP:安卓专用字体单位。以160 DPI屏幕为标注,则1SP=1PX

计算公式:sp x dpi/160=px

例:以720x1280px (320dpi)为例计算 1sp x 320 dpi/=2px

三、设计稿尺寸

根据目前市场主流设备尺寸来看,我们要用1080 x 1920 PX 来做安卓设计稿尺寸。

以1080x1920px作为设计稿标准尺寸的原由:

1.从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配。
2.大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。
3.用主流尺寸来做设计稿尺寸,极大的提高了视觉还原和其他机型适配。

所以做安卓设计稿时请以1080x1920px来做设计稿(sketch用户以540 x 960来做设计稿)

界面设计控件尺寸:

四、Android图标及字体设计

安卓图标

安卓的图标相对iOS来说较少,我们只需提供一下几个尺寸就可以了,但是需要提高2套,圆角和直角各一套,因为有的地方都会用到。

安卓字体

英文字体为 Roboto字体

中文字体为 思源黑体。在在Android 5.0之后,使用的是思源黑体,字体文件有2个名称,“source han sans”和“noto sans CJK”。

五、Android开发单位换算

安卓机型各种尺寸下的PX与DP、SP的对应关系

字体单位SP与PX的对应关系

距离单位DP与PX的对应关系

六、如何用iOS的设计稿去适配安卓

现在有一种情况现在非常普遍,设计师都是做IOS版本的设计稿来适配安卓,这就是我们经常听到的一稿两用;

iPhone的屏幕密度已经达到xHDPI了,用750x1334px的尺寸做设计稿;

实际上,750×1334的@3x的切图资源正好是安卓XXhdpi(1080x1920px)的切图资源;安卓开发用iOS的设计稿自己进行换算就可以了,前提是你必须和安卓工程师沟通。

另一种情况:你可以把750×1334的设计稿等比例调整尺寸到安卓1080×1920尺寸下,对各个控件进行微调,重新提供标注(用dp标注)。也就是说,你需要提供两套标注,一套给iOS的标注,一套给Android的标注。



作者:闽南小吃
链接:https://www.jianshu.com/p/f79371f137c5
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

发布了12 篇原创文章 · 获赞 4 · 访问量 9604

猜你喜欢

转载自blog.csdn.net/lhy24680/article/details/94618463