美文网首页Axure知识汇总我爱编程
产品中界面设计中的尺寸常识

产品中界面设计中的尺寸常识

作者: 陪学 | 来源:发表于2018-04-13 13:39 被阅读27次

    一、基本概念

    dip        : Density independent pixels ,设备无关像素。

    dp        :就是dip

    px        :像素

    dpi       :dots per inch ,直接来说就是一英寸多少个像素点。常见取值 120,160,240。我一般称作像素密度,简称密度

    density :直接翻译的话貌似叫密度。常见取值 1.5 , 1.0 。和标准dpi的比例(160px/inc)

    分辨率   :横纵2个方向的像素点的数量,常见取值 480X800 ,320X480

    屏幕尺寸:屏幕对角线的长度。电脑电视同理。

    屏幕比例的问题。因为只确定了对角线长,2边长度还不一定。所以有了4:3、16:9这种,这样就可以算出屏幕边长了。

    二、应用

    在android里面,获取一个窗口的metrics,有这么几个值

     metrics.density;

    metrics.densityDpi;

    densityDpi:就是我们常说的dpi。

    density:是 DPI / (160像素/英寸)后得到的值。

    DPI的单位是像素/英寸,density是没单位的,是一个比例值。

    三、单位转换

    1. 计算dpi

    比如:一个机器,屏幕4寸,分辨率480X800,dpi是多少?

    4是对角线长度,用勾股定理算对角线像素,除以4,算出来大概是dpi = 233 像素/英寸。

    density=(233 px/inch)/(160 px/inch)=1.46 左右

    注意:android默认有3个dpi,low、medium和high,对应 120、160、240

    2. 计算dp与px

    布局时要知道1个dp等于多少px

    换算公式:dp = (DPI/(160像素/英寸));px =density px

    假设dpi=240 像素/英寸,density=1.5

    则dp=1.5px

    转换计算用这个公式:PX = density * DP

    即:像素值 = density * 设备无关像素值

    四、计算范例:荣耀7

    屏尺寸:5.2英寸

    屏幕分辨率:1920*1080像素

    宽高比:16:9(120)

    像素密度:424PPI

    1.用勾股定理算出两边长

    (16x)2+(9x)2=(A)2  ,则:

    (16x)2+(9x)2=(5.2)2

    2.换算英寸为厘米:1英寸=2.54厘米

    宽=2.54*2.54=6.45厘米

    高=4.532*2.54=11.43厘米

    你看懂了么?

    (加微信:pexuepexue,小编邀请您进入全国产品经理交流群)

    群内每日分享学习资料、重磅报告、面试问题、招聘信息、免费课程

    更多精品文章查看:http://axure.pexue.com/PeiXue/Default.aspx

    相关文章

      网友评论

        本文标题:产品中界面设计中的尺寸常识

        本文链接:https://www.haomeiwen.com/subject/gmyckftx.html