- 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
客户端交互设计适配之——屏幕大小客户端交互设计适配之——屏幕大小
客户端交互设计适配之——屏幕大小 随着各个手机操作系统的应用平台的上线 几乎所有的互联网应用都在往手机上迁移。然而手机 与PC 不一样 PC经过了多年的发展 在设计上形成了很多不成文的规则 如网页的宽度都 在960px左右 【当然 由于整体的电脑屏幕往大尺寸及高分辨发展 除了背景宽屏自适应外 不少 网页也正朝着更宽的方向上发展】。当前的手机种类繁多 手机屏幕的大小、比例各异 并且手机 的屏幕本身就小 因此既要考虑应用在不同屏幕大小上的适配 又要保持其一致性 同时还要提高 每个手机屏幕的使用效率 这就存在着很多的矛盾点。 在客户端的设计过程中 针对不同的屏幕大小 应该如何来设计 ?是否每个大小的屏幕尺寸都需要 一个新的界面布局 还是所有的屏幕尺寸都使用相同的界面布局 ?我们将在下面的内容中来探讨这 些内容。 一、当前热门手机的屏幕大小 下图中 我抽取了国内某个网络电器城某周的10大畅销手机排名 : 虽然只是2010年中的某一周的手机销售量排名 由此可以看出 当前使用中的手机屏幕差异很大 各种屏幕大小和分辨率都有。如果为了适配更多的用户群体 则需要考虑的手机屏幕大小和分辨率 更多。 【不过 根据当前的手机发展趋势 及手机客户端的使用行为可以看出 最主要需要用户关 注的手机屏幕是2.4 吋以上 24 0*320以上的手机屏幕 因为这样的手机使用客户端的频率和用户量 都会更多。个人建议更多地是考虑320*4 80及以上的屏幕。】 二、屏幕大小正确理解 说起屏幕大小的时候 会有两种表达方式 1 ) “我的屏幕2.4 吋 你的屏幕3.5吋。” 2 )“这个屏幕分 辨率 24 0*320 那个屏幕分辨率为320*4 80。”但在设计过程中 屏幕的分辨率和屏幕的实际尺寸必 须同时考虑。 这里首先有几个概念需要再澄清一下 : 屏幕物理尺寸 :屏幕对角线长的实际尺寸 如2.4 吋 3.5吋等等 屏幕分辨率 :屏幕所能显示像素的多少。如 24 0*320等。 屏幕密度 (pixel per inch ):以每英寸的像素数。每英寸的分辨率数 如160ppi。 物理尺寸决定了屏幕的实际尺寸 而分辨率可以表示屏幕上可以呈现的像素点数 屏幕密度决定了 屏幕的精细程度。相同的屏幕大小 如果分辨率高 则屏幕元素更精细。一个界面元素在屏幕里的 实际尺寸却是与屏幕密度相关 屏幕密度较小的屏上 界面元素的实际尺寸就会大些 反之亦然。 在进行手机界面布局中 除了元素的像素值外 考虑元素的实际尺寸也非常重要 甚至更为重要 ( 人眼是要靠物体成像在视网膜上的视角大小来进行识别感知 视角是与物体实际大小和距离有关 ) 。 在不同屏幕中 不同的图标点阵或者不同的字体及大小的汉字 在人的主观感知上 会有一个最优 的结果值。在设计的过程中 我们需要根据这个最优值来进行界面的布局及设计。 也可以看出 这个用户感知最优的取值也与使用手机的人群有关 (如年龄大的用户需要物理尺寸更 大的界面元素 )。 在不同屏幕中 不同的图标点阵或者不同的字体及大小的汉字 在人的主观感知上 会有一个最优 的结果值。在设计的过程中 我们需要根据这个最优值来进行界面的布局及设计。 也可以看出 这个用户感知最优的取值也与使用手机的人群有关 (如年龄大的用户需要物理尺寸更 大的界面元素 )。 三、设计过程 屏幕适配思路 1 .确定目标的屏幕大小 屏幕大小由宽度和高度两个因素决定 但是在布局手机客户端的过程中 最关心的是 宽度值。宽度 确定后 高度可以由滚动或者翻页来显示所有内容 ;文字可以在适当的位置折行 ;标题栏可以伸缩 适配屏幕宽度等等。但并不是不考虑高度 图标、文字、特殊的组件不仅需要考虑宽度 也需要考 虑整个屏幕的布局是否与之适配。 由于不可能对所有的客户端进行单独的开发 因此 需要对手机屏幕的大小的归类。同时 在设计 中也不会真的只考虑屏幕大小一个因素 屏幕大小和操作系统、手机类型等还是存在很大的相关 性的。 首先 我们先来定义一下手机的屏幕大小的归类档次 : A . 小屏幕 :宽度24 0 px 以下屏幕或者2.4 以下屏幕 一般以非智能机为主 归在这个分类中的手机屏幕 一般是以java版本的客户端为主。 B. 中等屏幕 :宽度24 0 320 px 或者2.4 3.0吋屏幕 智能手机以Symbian或S60 v 1,2,3 W indows mo bile为主流 ;或者是非智能手机的客户端以java 版本为主。 同时包括24 0*320的宽屏手机。 C. 大屏幕 :宽度
您可能关注的文档
- 实用CPA会计精题实用CPA会计精题.pdf
- 实时动态经济负荷分配 High-Speed Real-Time Dynamic Economic Load Dispatch实时动态经济负荷分配 High-Speed Real-Time Dynamic Economic Load Dispatch.pdf
- 实现“中国梦”-----------建党93周年(1921——2014)学生用实现“中国梦”-----------建党93周年(1921——2014)学生用.doc
- 实用文本翻译学习资料实用文本翻译学习资料.doc
- 实用新型及发明专利申请的单一性实用新型及发明专利申请的单一性.ppt
- 实用钻石知识讲座三 钻石分级及其标准实用钻石知识讲座三 钻石分级及其标准.pdf
- 实用建筑结构荷载取值经验总结实用建筑结构荷载取值经验总结.pdf
- 实物与虚物购买注意事项实物与虚物购买注意事项.doc
- 实解2章实解2章.doc
- 实训十一 出纳日记账实训十一 出纳日记账.doc
最近下载
- 2022小学语文新课标测试题库及答案.pdf VIP
- 初中生积极心理品质培育策略与实践研究.docx VIP
- 投标服务承诺书(20篇).docx VIP
- 七年级英语第一次月考卷(考试版A4)【测试范围:沪教版五四学制2024 Starter~Unit 1】(上海专用).docx VIP
- 李白按年龄顺序写的诗.docx VIP
- 2025年四川省高考化学试卷真题(含答案解析).docx
- 高频精选:京东快递员ai面试题及答案.doc VIP
- 高频精选:京东快递员ai面试题及答案大全.doc VIP
- 吉林省中药软片炮制规范.pptx VIP
- 名著阅读《湘行散记》七年级语文上册部编版(共9页).docx VIP
文档评论(0)