专栏首页我分享我快乐一线UI设计师对APP切图尺寸换算指导

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

工作后,很多同学还是会问到app切图尺寸的问题。今天分享android和iOS的换算分析,希望能帮到工作中的你。

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。

本文分享自微信公众号 - 我分享我快乐(duan_uid),作者:段惠勇

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-03-19

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jquery中使用event.stopPropagation()阻止事件冒泡

    案例如上图:点文档关闭菜单,点按钮打开菜单。因为按钮在文档内,所以会产生事件冒泡使得在点按钮打开菜单时无法正常执行。所以我们需要阻止事件冒泡。例子代码如下: ...

    用户1730674
  • CSS3“蒙版(剪切路径)”: clip-path

    <!doctype html> <html> <head> <script src="jquery.js"></script> <style> .box{wid...

    用户1730674
  • 【案例】如何用js实现加载上升的loading效果(内附代码)

    用户1730674
  • 计算机基础(三)

    云飞扬
  • 为你的WordPress 博客文章页面增加多彩排版条

    不知这个上面这个题目会不会让人产生误解,再说明一下,所谓排版条即是如下面的一个绿色的彩条(当然颜色可以自己设定)。有了这个排版条,能更加容易区分内容文字及总结文...

    Jeff
  • emlog每日一键打卡(踩/赞三合一)插件1.2

    Youngxj
  • 如何贡献文档

    如何贡献文档 PaddlePaddle的文档包括英文文档 doc 和中文文档 doc_cn 两个部分。文档都是通过 cmake 驱动 sphinx 编译生成,生...

    用户1386409
  • 你的布局设定方法靠谱吗? - 腾讯ISUX

    腾讯ISUX
  • 你的布局设定方法靠谱吗?

    本文不适合采用天才设计(Genius Design)方法的人士。 有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致...

    前朝楚水
  • python类(一)

    mwangblog

扫码关注云+社区

领取腾讯云代金券