培训无忧网合作机构 > 学校机构 > 长沙牛耳教育欢迎您!

咨询热线 400-001-5729

关于UI设计界面尺寸的基础知识

发布时间:2021-11-17 10:36:15

ui设计尺寸规范
      UI尺寸基础知识:
      1、像素密度-PPI
      像素密度是指显示屏幕每英寸的长度上排列的像素点数量,PPI(Pixels per inch)越高代表屏幕显示效果越精细,Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。
      2、计量单位
      iOS和Android平台都定义了各自的像素计量单位。iOS的尺寸单位为pt,Android的尺寸单位为dp。说实话,两者其实是一回事。
      单位之间的换算关系随倍率变化:
      1倍:1pt=1dp=1px(mdpi、iPhone 3gs)
      1.5倍:1pt=1dp=1.5px(hdpi)
      2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)
      3倍:1pt=1dp=3px(xxhdpi、iPhone 6)
      4倍:1pt=1dp=4px(xxxhdpi)
      单位决定了思考方式。在设计和开发过程中,应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时,有的设计师喜欢把画布设为1080×1920,有的喜欢设成720×1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp,这就意味着在xhdpi的设备上,按钮尺寸至少是96x96px。而在xxhdpi设备上,则是144x144px。
      无论画布设成多大,设计的是基准倍率的界面样式,而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通,双方都需要以逻辑像素尺寸来描述和理解界面,无论是在标注图还是在日常沟通中,不要再说“底部标签栏的高度是96像素,我是按照xhdpi做的”这样的话了。

      

      本文由培训无忧网长沙牛耳教育专属课程顾问老师整理发布,更多相关课程请关注培训无忧网UI培训或添加老师微信:15033336050

以上文章由长沙牛耳教育课程顾问整理编辑发布,部分文章来自网络内容真实性请自行核实或联系我们,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

免 费 申 请 试 课