`
yxwang0615
  • 浏览: 552748 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

Android关于布局、设计的常识【整理】

 
阅读更多

 

 

      Android多型号的设备以及形状的诸多因素,让其设计感觉像是一场艰苦的战斗。其神秘的文档使得设计和生产在一开始就显得很难。在网上找有关Android设计的网络资源,你会发现很少有帮助的东西。

 

      幸运的是,Android现在已经开始着手解决有关多种设备和屏幕尺寸的问题,而且设备制造商们也正慢慢达到标准,并最终降低其复杂性。

 

      Android智能手机所支持屏幕的基准是T – Mobile G1——Android平台的第一款面世设备,其配备了320 × 480像素的HVGA屏幕。HVGA表示“半尺寸影像图形数组”(或一半大小的VGA),是目前智能手机的标准显示大小。iPhone 3GS,3G和2G都使用这一相同的配置。

 

      为简单起见,Android将屏幕尺寸(屏幕从左上角到右下角的对角线长度)分为四个级别:小,正常,大和超大。

 

两款普通的Android智能手机尺寸

 

      320 × 480被认为是Android屏幕的“正常”尺寸。至于“超大”的,想象一下平板电脑。然而,当今最流行的Android智能手机配备的是WVGA(即宽VGA)800+×480像素的高清显示器。

 

从Android SDK中的仿真器样机获得的各种屏幕配置图

 

 

      显示器尺寸不同对于那些想创建单个尺寸适合所有的布局的设计师来所真算是非常具有挑战性的。最好的办法是设计一套布局为320 × 480(基准),另一套为320 ×533(可视为“大”尺寸屏幕)。虽然这给设计师和开发人员的工作带来额外负担,如摩托罗拉Droid和HTC Evo等稍大一点手机所需的更大尺寸屏幕,可能需要在基准布局上做一些修改已更好地利用多余的空间。

 

      切图需要两套分辨率的图,480X320,800X480 。icon需要切三种分辨率的图 320X240,480X320, 800X480。

 

关于网点密度(Screen Densities):

 

开发人员一般不考虑屏幕的分辨率,而是它的密度。以下是开发人员指南(Developers Guide)里提到的Android对这些内容的定义:

 

1.分辨率(Resolution)

   屏幕物理像素的总和。

 

 

2.网点密度

   屏幕物理面积内所包含的像素数,通过以DPI(每英寸点数)来计量。

 

3.密度无关像素(Density-independent pixel , DP)

      这是一个虚拟的像素单位,定义布局的UI,在为以密度无关(density-independent)的方式表达布局的维度和位置,而定义布局的时候,会使用到这个概念。密度无关像素就相当于160 dpi屏幕上的一个物理像素,这对“中等”密度的屏幕系统来说算是基准密度。在运行时,系统根据实际使用中的屏幕密度处理任何必要的DP单位的换算。DP单位和屏幕像素的转化公式很简单:像素= DP*(DPI/160)。例如,对于一个240 dpi的屏幕,1个物理像素等于1.5DP。

 

      在定义应用程序的UI时,通常使用DP单位,以确保UI在不同密度的屏幕上得以正确显示。

 

      位图的要求和准备网页打印图形差不多。如果您有打印经验,你就会知道,一个72PPI(每英寸所拥有的像素数)的图像在放大打印时会显得非常像素化和模糊。相反,你需要根据矢量图来重做图像或使用高解析度照片,然后将文件的分辨率设置成大约为300PPI,这样就才能在不牺牲图像质量的条件下打印。Android的屏幕密度的工作原理也是如此,除非我们只想改变图像的大小而不改变文件的分辨率(如标准72 PPI就可以)。

 

      要调整不同的设备屏幕密度,我们需要在四个密度大小之间按照3:4:6:8缩放比例。新建一个android工程你会发现不同DPI文件夹下的icon大小从低到高分别为 36X36 48X48 72X72 ,确实是按照该比例缩放的。

 

from:http://www.bobd.cn/design/media/works/mobile/

分享到:
评论

相关推荐

    实验2android的界面设计(控件与布局)[整理].pdf

    实验2android的界面设计(控件与布局)[整理].pdf

    毕业设计-HenCoder Android UI 12 布局基础 的练习项目.zip

    这里为你收集整理了关于毕业设计、课程设计可参考借鉴的资料一份,质量非常高,如果你投入时间去研究几天相信肯定对你有很大的帮助。到时候你会回来感谢我的。 本资源是经过本地编译测试、可打开、可运行的项目、...

    UI设计规范UI案例分析UI入门教程等培训技术文档资料(44个).rar

    UI设计规范UI案例分析UI入门教程等培训技术文档资料(44个):01.Android平台设计规范整理.pdf02.Android交互视觉设计规范.pdf03.Android手机交互特性.pdf04.移动UI设计基本规范.pdf12.ios视觉设计规范说明.pdf13....

    《HenCoder Android UI 1-2 布局基础》 的练习项目.zip

    这部分内容包含了多个精心设计的Android项目案例,从需求分析、设计思路到实现过程,都有详细的讲解和代码示例。学习者可以通过实际操作,深入了解Android开发的整个流程,提升自己的实战能力。 此外,我们还提供了...

    android开发资料大全

    Android开发指南中文版、创意设计 【Android系统原理与开发要点详解】/底层 应用 框架 Android核心分析28篇,强烈推荐android初学者,android进阶者看看这个系列教程 Android应用开发者指南:性能优化 android开发...

    Android移动应用开发(第3版)卷Ⅰ基础篇 (Shane Conder, Lauren Darcey) PDF扫描版

    第9章 使用布局设计用户界面  第10章 使用Fragment  第11章 使用对话框  第四部分 Android应用程序设计精髓 第12章 使用Android首选项  第13章 使用文件和目录  第14章 使用内容提供器  第15章 设计高...

    源码 UI布局 Android_系统UI设计规则.zip

    免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,...

    UI布局 Android_系统UI设计规则(程序源码).rar

    免责声明:资料部分来源于合法的互联网渠道收集和整理,部分自己学习积累成果,供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,...

    Noto:最小的Android Notes应用程序

    用不同的颜色和图标将您的笔记整理成资料库 轻松创建和管理笔记 暗模式 无广告 存档说明 列表和网格布局模式 提醒事项 自动保存 最小的设计 图书馆 Kotlin Android体系结构组件(LiveData,ViewModel等) 数据绑定 ...

    Axure交互设计常用素材组件包(界面模型、流程图素材).zip

    1、作品中提供的rp和rplib文件均使用Axure RP8版本进行设计整理,如果使用9或10等高版本导入rplib元件库文件时出现失败的情况,可以先用高版本打开rplib文件后保存一次,再重新尝试导入。 2、作品内的部分内容是...

    原型设计,axure9最全组件库

    4.包含了界面模型、设备模型、流程元素、标注元素、交互手势等丰富的素材内容,在界面模型中包含了近两百个移动端及WEB端界面模型,其中涵盖了各类常见的界面布局和功能场景。当产品设计初期阶段,可以用界面模型来...

    应用源码实现动态交叉布局.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    应用源码动态列表布局.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    模仿易信UI布局效果源码.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    应用源码之仿网易布局.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    应用源码安卓多边形布局例子.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    卡片层叠式可动态切换布局.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    应用源码之动态交叉布局demo.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    应用源码之菜单类似QQ的设置面板的侧滑菜单布局.zip

    android 源码学习. 资料部分来源于合法的互联网渠道收集和整理,供大家学习参考与交流。本人不对所涉及的版权问题或内容负法律责任。如有侵权,请通知本人删除。感谢CSDN官方提供大家交流的平台

    Android编程实现抽屉效果的方法详解

    本文章是将自己在开发中的项目中使用到的比较好的抽屉效果的原理以及代码整理后写上来的,以备忘记后可以查阅 抽屉效果的原理很简单,就是给其一个事件监听(动作),然后对此动作所作出的反应(开 or 关); 在编写...

Global site tag (gtag.js) - Google Analytics