前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一线UI设计师对APP切图尺寸换算指导

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

作者头像
用户1730674
发布2018-05-02 11:33:00
9560
发布2018-05-02 11:33:00
举报
文章被收录于专栏:我分享我快乐我分享我快乐

工作后,很多同学还是会问到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。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-03-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 我分享我快乐 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档