分享

一线UI设计师对APP切图尺寸换算指导

 阡陌云烟 2016-03-19


1.在Android的显示模式为mdpi的时候,1dp等于1px。


2.在mdpi的情况下,屏幕分辨率是320*480px。


3.在ios的分辨率模式为@x1的时候,屏幕分辨率是320*480px。(注意这时候pt和px比例是1:1)


4.因为ios在@x1时候的像素关系和Android的mdpi时候的像素关系是一样的,@x2等于mdpi的2倍,也就是xhdpi的分辨率,所以推导关系如下:


  对应@x1的标准分辨率时(iPhone2、3还有iPad1、2)

  mdpi文字/图标/间距 = (@x1)*1 = px;

  hdpi文字/图标/间距 = (@x1)*1.5 = px;

  xhdpi文字/图标/间距 = (@x1)*2 = px;

  xxdpi文字/图标/间距= (@x1)*2.25 = px;


  对应@x2的高清分辨率时(iPhone4、4s、5、5s还有iPad Retina)


  mdpi文字/图标/间距 = (@x2/2)*1 = px;

  hdpi文字/图标/间距 = (@x2/2)*1.5 = px;

  xhdpi文字/图标/间距 = (@x2/2)*2 = px;

  xxdpi文字/图标/间距= (@x2/2)*2.25 = px; 



  对应@x3的高清分辨率时(iPhone6、6p)


  mdpi文字/图标/间距 = (@x3/3)*1 = px;

  hdpi文字/图标/间距 = (@x3/3)*1.5 = px;

  xhdpi文字/图标/间距 = (@x3/3)*2 = px;

  xxdpi文字/图标/间距= (@x3/3)*2.25 = px;


5.给开发的时候注意按着dpi模式把尺寸标注改成对应的dp。


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多