UI界面设计 ·

android APPUI设计、切图的常用尺寸大全

今天在APPUI设计群里 ,不少朋友在问  android APPUI设计、切图的常用尺寸到底是多少?很不清楚,所以老谭在此跟大家分享下。

Android 系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。对于应用程序来说,系统平台向它们提供的是一个稳定的,跨平台的运行环境,而关于如何将程序以正确的方式显示到它所运行的平台上所需要的大部分技术细节,都由系统本身进行了处理,无需程序的干预。当然,系统本身也为程序提供了一系列API,所以在目标平台的分辨率是可以完全确定的情况下,程序也可以精确的控制自身在目标平台上的 界面显示方式。

然后当APPUI设计师设计的时候就会很茫然,不知道设计多大的尺寸。一般来说,

视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320x480)等。

我们设计稿的尺寸是选最大的 1280*720来设计。然后按照常用的分辨率来切几个版本。

QVGA(240x320)
用于1000元以下的低端Android手机,显示效果和塞班S60V3的手机一样,对软件的兼容性不好,很多应用运行起来可能会无故退出,代表机型有中兴N600、HTC G8 Wildfire等。

  HVGA(320x480)
曾经的主流分辨率,现在售价在1500到2000元手机常用,运行绝大部分软件没有问题,但显示效果一般,代表机型有HTC G1、G2、G3、LG P500等。

  WVGA(800x480)
目前的主流,G7 Desire、三星i9000、i9100都是其代表机型,有很多大型游戏要求的最低分辨率。

  FWVGA(854x480)
在摩托罗拉的Android手机中比较常见,如摩托罗拉的里程碑一代二代,也有例外的,如索爱X10、小米M1。该分辨率比WVGA的显示效果略好,但整体差别不大。

  除了以上四种常见的之外,再给大家补充一些特殊的。

  qHD(960x540)
在今年推出的不少高端双核手机中,该分辨率是未来发展的一大潮流,代表机型有HTC Sensation、摩托罗拉Atrix 4G,软件兼容性较差是该级别的最大缺点。

  DVGA(960x640)
安卓手机中M9独享,显示效果十分出色,和iPhone4一样,但许多应用在该分辨率下是无法运行的。

  HD(1280x720)
现在最高的手机分辨率,足以和平板电脑媲美,近日曝光的谷歌第三代手机Nexus Prime据说就采用了这个级别。可是过于超前,短时间内不会成为主流。

群里双双分享了一个 andriod 切图神器:名称:cutandsliceme 可以根据你的要求来切很多版本。真的是神器啊

 

参与评论

  • 康香伯

    大家什么看法?我先支持

    2年前 (2016-01-01)
    回复
    回复康香伯
  • 康香伯

    大家什么看法?我先支持

    2年前 (2016-01-01)
    回复
    回复康香伯
  • 康香伯

    好贴子哦,大家不顶说不过去

    2年前 (2016-01-01)
    回复
    回复康香伯
  • 康香伯

    好贴子哦,大家不顶说不过去

    2年前 (2016-01-01)
    回复
    回复康香伯
  • swdSIRIUS

    然后当APPUI设计师设计的时候就会很茫然,不知道设计多大的尺寸。一般来说,
    视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320×480)等。
    我们设计稿的尺寸是选最大的 1280*720来设计。然后按照常用的分辨率来切几个版本。

    3年前 (2015-02-11)
    回复
    回复swdSIRIUS
  • 为我心跳

    我是android程序员,px和dip我是这么换算的,密度为1时,1px=1dip,密度为1的分辨率是320*240,而720*1280密度为2,所以密度为2时2px=1dip,这样我就可以算出每行,每个按钮等的宽度和高度

    3年前 (2015-08-30)
    回复
    回复为我心跳
  • swdSIRIUS

    然后当APPUI设计师设计的时候就会很茫然,不知道设计多大的尺寸。一般来说,
    视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320×480)等。
    我们设计稿的尺寸是选最大的 1280*720来设计。然后按照常用的分辨率来切几个版本。

    3年前 (2015-02-11)
    回复
    回复swdSIRIUS
  • 为我心跳

    我是android程序员,px和dip我是这么换算的,密度为1时,1px=1dip,密度为1的分辨率是320*240,而720*1280密度为2,所以密度为2时2px=1dip,这样我就可以算出每行,每个按钮等的宽度和高度

    3年前 (2015-08-30)
    回复
    回复为我心跳