UI界面设计 设计规范 ·

安卓1080P界面设计规范解读

最近,25学堂的各个app设计群里都在问一些关于android界面设计尺寸的问题。虽然目前都有不同的一些设计尺寸。720、1080都是可以的。而今天25学堂的老谭童鞋跟大家要讲讲最具性价比的1080P设计规范。

android-1080设计规范

第一部分app设计知识:什么是安卓1080P?

目前市场上,只有Android系统的手机才有1080P全高清的产品。1080P是说手机屏幕的分辨率达到1920*1080像素。

目前为止,市面上Android阵营中所有品牌手机里面,全高清屏幕的手机有以下几款。

小米3以上、索尼L36h(Xperia Z);OPPO X909(Find 5);HTC、一加手机 X920e(Butterfly);华为Ascend D2,Ascend P7,荣耀6以上等、中兴Grand S;Nubia Z5(NX501);夏普的SH930W等等。

1080P的屏幕最直观的改变当然是屏幕精细度的巨大提升,就算是5寸的屏幕,精细度也可以达到441ppi的超高级别。相当于苹果手机的iphone6的分辨率。

以上就是针对安卓1080P的解读和一些市面上流行的安卓手机。

所以,作为一名优秀的移动app设计师,也必须了解这些常识和手机屏幕的知识,才能着手去设计1080*1920的界面设计规范。

目前安卓系统5.0的设计风格和标准是Material Design.  大家务必不要跟安卓1080P界面设计规范搞混了。

安卓系统5.0的风格是:Material Design    25学堂今天跟大家讲解的是安卓系统里面UI界面设计的规范。

 

第二部分app设计知识:

为什么说安卓界面设计,以1080*1920px为设计尺寸是最佳性价比的方案呢?

因为这个安卓尺寸是最大的,可以往下适配其他机型。

设计尺寸:1080  *  1920px(XXHDPI)  也就是相当于ios系统当中的@3x的图片资源。提供一套XXHDPI切图资源。其他密度不需要提供,让系统自适配。

最简单最省事。给最清晰的图,放对应的文件夹,系统自动压缩。

设计一套最大尺寸的1080  *  1920px的界面设计稿。生成对应的其他小尺寸的图片资源即可。

跟安卓其他的尺寸或分辨率关系图汇总如下:

android尺寸关系图

 

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

详细的解读和换算公式在这里:APP设计尺寸解读:px、pt、ppi、dpi、dp、sp之间的关系

 

第三部分app设计知识:1080  *  1920px的设计规范

具体详细的完整的安卓界面设计规范:点击这里www.25xt.com/android  值得大家好好的去看看。

如果以1080  *  1920px作为设计尺寸来设计android app UI 界面的话。几乎和iphone6 plus一样的设计规范。

下面的是25学堂给出来的1080  *  1920px 界面设计参考数据

状态栏:70px   导航栏:159px    标签栏:144px 等 具体的规范请看下图:

1080设计规范

以上界面参数和尺寸仅作为参考,具体的也要看自己的设计能力。

 

25学堂的针对安卓界面设计的建议:

虽然现在手机比较高的分辨率是1080×1920,你可以选择这个尺寸作图,但是图片素材将会增大应用安装包的大小。

并且尺寸越大的图片占用的内存也就越高。如果你不是设计ROM,而是做一款应用

25学堂建议大家用PS在720×1280的画布中作图。这个尺寸兼顾了美观性、经济性和计算的简单。

美观性是指,以这个尺寸做出来的应用,在720×1280中显示完美,在1080×1920中看起来也比较清晰;

经济性是指,这个分辨率下导出的图片尺寸适中,内存消耗不会过高,并且图片文件大小适中,安装包也不会过大;

计算的简单,就是1dp=2px啊,多好计算啊!到这里,大家心里也有谱了吧!

参与评论

  • 友爱情深

    请问导航栏为何是单数的

    3年前 (2016-01-04)
    回复
    回复友爱情深
  • 25学堂

    安卓界面的导航栏高度 这里是参考数据 不是规范 因为这个安卓界面的导航栏的高度确实是单数
    安卓的高度是可以程序自定义的 没有具体的数值

    3年前 (2016-01-04)
    回复
    回复25学堂
  • 友爱情深

    请问导航栏为何是单数的

    3年前 (2016-01-04)
    回复
    回复友爱情深
  • 25学堂

    安卓界面的导航栏高度 这里是参考数据 不是规范 因为这个安卓界面的导航栏的高度确实是单数
    安卓的高度是可以程序自定义的 没有具体的数值

    3年前 (2016-01-04)
    回复
    回复25学堂
  • 25学堂

    70是1080*1920的分辨率 不是720*1280的 分辨率不一样

    3年前 (2015-11-16)
    回复
    回复25学堂
  • 许灵锋

    我想问,用720x1280做出来的设计稿,链接ps pay来看,用什么分辨率和尺寸的屏幕的手机看比较好,太大或太大,还原不了真实的尺寸,例如640x1136,我直接那iphone 5s链接就刚好了,这个意思,坐等答案~~[可怜]

    3年前 (2015-11-16)
    回复
    回复许灵锋
  • 25学堂

    你用三星的或者红米手机看就行

    3年前 (2015-11-16)
    回复
    回复25学堂
  • 许灵锋

    好,谢谢。那华为荣耀6的5寸,1080*1920,合适么?和红米比,哪个更好一些?实在没办法问到答案,这能求教了。因为刚转型不久,一些东西还在学习中。

    3年前 (2015-11-16)
    回复
    回复许灵锋
  • 许灵锋

    我想问,用720x1280做出来的设计稿,链接ps pay来看,用什么分辨率和尺寸的屏幕的手机看比较好,太大或太大,还原不了真实的尺寸,例如640x1136,我直接那iphone 5s链接就刚好了,这个意思,坐等答案~~[可怜]

    3年前 (2015-11-16)
    回复
    回复许灵锋
  • 25学堂

    你用三星的或者红米手机看就行

    3年前 (2015-11-16)
    回复
    回复25学堂
  • 许灵锋

    好,谢谢。那华为荣耀6的5寸,1080*1920,合适么?和红米比,哪个更好一些?实在没办法问到答案,这能求教了。因为刚转型不久,一些东西还在学习中。

    3年前 (2015-11-16)
    回复
    回复许灵锋
  • 似是而非

    请问,我的手机是红米分辨率也是720*1280px,但是我我截屏后测量状态栏图高度是50px,不是70px啊?求解释

    3年前 (2015-11-14)
    回复
    回复似是而非
  • 25学堂

    70是1080*1920的分辨率 不是720*1280的 分辨率不一样

    3年前 (2015-11-16)
    回复
    回复25学堂