快好知 kuaihz

DPI/PPI/dp/sp/px/pt 移动设计手册

第二篇:Android手机UI设计分辨率基础知识(DPI,DIP计算)

术语和概念

DPI值计算

比如:计算WVGA(800*480)分辨率,3.7英寸的密度DPI,如图1所示

图1 

Diagonal pixel表示对角线的像素值(=),DPI=933/3.7=252

手机屏幕的分类

根据手机屏幕密度(DPI)或屏幕尺寸大小分为以下3类,如图2所示

图2

手机屏幕分类和像素密度的对应关系如表1所示:

表1

手机尺寸分布情况(http://developer.android.com/resources/dashboard/screens.html)如图3所示,目前主要是以分辨率为800*480和854*480的手机用户居多

图3

从以上的屏幕尺寸分布情况上看,其实手机只要考虑3-4.5寸之间密度为1和1.5的手机

UI设计

从开发角度讲,应用程序会根据3类Android手机屏幕提供3套UI布局文件,但是相应界面图标也需要提供3套,如表2所示

表2

如何做到自适应屏幕大小呢?

界面布局方面 

需要根据物理尺寸的大小准备5套布局

layout: 放一些通用布局xml文件,比如界面中顶部和底部的布局,不会随着屏幕大小变化,类似windos窗口的title bar

layout-small: 屏幕尺寸小于3英寸左右的布局

layout-normal: 屏幕尺寸小于4.5英寸左右

layout-large: 4英寸-7英寸之间

layout-xlarge: 7-10英寸之间

图片资源方面

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:手册  手册词条  移动  移动词条  设计  设计词条  DPI  DPI词条  PPI  PPI词条  
设计

 如何通过数据来指导产品进行优化

推荐理由:产品经理是一个公司不可或缺的职位,对数据的分析尤为重要。如何通过数据来指导产品进行优化也是产品经理必须要学习和研究的。本文结合作者在登录产品的体验优化...(展开)

设计

 100天的互联网金融产品实习,我...

作者在互联网金融产品实习100天,主要工作方向为借贷产品,前后经历两个项目,这是他的个人总结,希望能对你有用。实习部门是做借贷业务的,相当于一个独立的小公司,麻...(展开)