第十一章 安卓 尺寸规范.pdf

安卓尺寸规范 （来自官方规范文档） 在目前我们的安卓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 。