- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
安卓尺寸规范
(来自官方规范文档)
在目前我们的安卓APP 设计项目当中,我们并不会去为每一种分辨率去设计一套UI
界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。
所以,这个时候我们需要学会变通。为了适应多分辨率,
1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。
2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕
尺寸。
有些时候我们也会在实际开发过程中,Android 和 IOS 的设计稿若无太大差异,也可从IOS
的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率。但是这种方法在切图
的时候 需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720 的尺寸设
计下
换算关系是 dp*ppi/160 = px
第一部分:720*1280 的布局规范
根据48dp 原则,以及一些主流的android 应用的截图分析,总结一下尺寸要求:
状态栏高度:50 px
导航栏、操作栏高度:96 px=48dp x 2
主菜单栏高度:96 px
内容区域高度:1038 px (1280-50-96-96=1038 )
Android 最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单
栏一样为:96 px
第二部分: 图标和字体大小(来自官方规范文档)
a、启动图标(home 页或app 列表页)整体大小为48 x 48 dp 没有空白的区域的
完整图标。 当然也可以是 包含空白区域的图标等于48DP.
同时大家需要看下这个图:48dp 代表了触摸的范围:
b、操作栏图标,代表用户在app 中可以使用到的最重要的图标
整体大小为32 x 32 dp ,图形实际区域为 24 x 24 dp
c 、小图标/场景图标,提供操作或特定项目的状态。
比如gmail app 的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小
为 16 x 16 dp ,图形实际区域为 12 x 12 dp 。
d、通知图标
如果app 有通知,要提供一个有新通知时显示在状态栏的通知图标。整体大小为24
x 24 dp ,图形实际区域为 22 x 22 dp 。
注:android 规范提供的尺寸单位是dp,若设计稿尺寸设为720 x 1280 ,图标大小
需在规范要求的尺寸数字上乘以2 。比如操作栏图标32 x 32 dp ,则设计稿上应该是64 x
64 px 。
e、字体大小
Android 规范中的要求如下:
前面提到Android 开发中的字号单位是sp,而换算关系是 sp*ppi/160 = px 。所以
720 x 1280 尺寸的设计稿上,字体大小可选择为 24px 、28px 、32px 、36px ,主要根
据文字的重要程度来选择,特殊情况下也可能选择更大或更小的字体。
f、其他尺寸要求
通常把48dp 作为可触摸的UI 元件的标准。APPUI 设计中的48dp 定律原则
为什么要用48dp 呢?一般来说,48dp 转化为一个物理尺寸约9 毫米。通常建议目标
大小为7-10 毫米,以方便用户手指能准确并且舒适触摸目标区域。
如果你设计的元素高和宽至少48dp ,你就可以保证:
(1)触摸目标绝不会比建议的最低目标(7mm )小,无论在什么屏幕上显示。
(2 )在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
另外,每个UI 元素之间的空白通常是8dp 。
第三部分、android 的按钮和弹出层的设计规范参考。
在720 x 1280 px 的设计稿上,有两个按钮(比如登录、注册)并排一行放置,按钮
尺寸最小范围均为240 x 80 px ,换算为android 开发单位就是 120 x 40 dp 。
您可能关注的文档
最近下载
- (新课标)人教版小学劳动教育五年级上册第一章劳动项目2《煮面条》教学设计.doc
- 副县长在县委理论学习中心组学习会上的发言(党的作风建设的重要论述).doc VIP
- 注射水纯水纯蒸汽施工方案.pdf VIP
- 2025年全国中小学校党组织书记网络培训示范班在线考试题库及答案.docx VIP
- 电力新能源知识培训课件.pptx VIP
- 电气运行、检修、事故处理、安全操作规程(电气五大规程).docx
- 《矿山隐蔽致灾因素普查规范 大纲》.doc VIP
- 新概念英语第一册 Lesson 21-22课件.ppt VIP
- 2025贵州遵义南国大数据有限公司招聘100人笔试模拟试题及答案解析.docx VIP
- 网信体系下 网络舆情应对流程指南.docx VIP
文档评论(0)