安卓的设计规范文档

安卓的设计规范文档安卓的设计规范文档 篇一：Android 界面设计规范 1、android 分辨率 Android 的多分辨率，一向是设计师和开发者非常头 疼的事儿尽管如此，对于多分辨造成的复杂问题，也是 大家要优先解决的Android 支持多种不同的 dpi 模式： ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 注意，ppi、dpi 是密度单位，不是度量单位 ： * ppi (pixels per inch)：图像分辨率 （在图像中， 每英寸所包含的像素数目） * dpi (dots per inch)： 打印分辨率 （每英寸所能打印的点数，即打印精度） dpi 主要应用于输出，重点是打印设备上；ppi 对于 设计师应该比较熟悉，photoshop 画布的分辨率常设置为 72 像素/英寸，这个单位其实就是 ppi 尽管概念不同， 但是对于移动设备的显示屏，可以看作 ppi=dpi ppi 的运算方式是：PPI = √（长度像素数 2 + 宽度 像素数 2） / 屏幕对角线英寸数即：长、宽各自平方之 和的开方，再除以屏幕对角线的英寸数 以 iphone5 为例，其 ppi=√（1136px2 + 640px2）/4 in=326ppi（视网膜 Retina 屏） 对于 android ，一 个不确切的分法是，720 x 1280 的很可能接近 320 dpi （xhdpi 模式） ，480 x 800 的很可能接近 240 dpi （hdpi 模式） ，而 320 x 480 的则很接近 160 dpi（mdpi 模式） 。

来自友盟指数 XX 年 3 月份的数据： 480 x 800 的占比最高为%，720 x 1280 的 占比为%位居第二，而 240 x 320 的占比最少为% xxdhpi 模式的高分辨率 1080 x 1920 占比也越来越 高，目前为% 2、单位换算方法 android 开发中，文字大小的单位是 sp，非文字的尺 寸单位用 dp，但是我们在设计稿用的单位是 px这些单位 如何换算，是设计师、开发者需要了解的关键 * dp：Density-independent pixels，以 160PPI 屏 幕为标准，则 1dp=1pxdp 和 px 的换算公式 ：dp*ppi/160 = px对于 320ppi 的屏幕，1dp x 320ppi/160 = 2px * sp：Scale-independent pixels，它是安卓的字体 单位，以 160PPI 屏幕为标准，当字体大小为 100%时， 1sp=1pxsp 与 px 的换算公式：sp*ppi/160 = px对于 320ppi 的屏幕，1sp x 320ppi/160 = 2px 简单理解的话，px（像素）是我们 UI 设计师在 PS 里 使用的，同时也是屏幕上所显示的，dp 是开发写 layout 的时候使用的尺寸单位。

为什么要把 sp 和 dp 代替 px？ 原因是他们不会因为 ppi 的变化而变化，在相同物理尺寸和不同 ppi 下，他们呈 现的高度大小是相同也就是说更接近物理呈现，而 px 则 不行 根据单位换算方法，可总结出： 当运行在 mdpi 下时，1dp=1px ：也就是说设计师在 PS 里定义一个 item 高 48px，开发就会定义该 item 高 48dp ； 当运行在 hdpi 模式下时，1dp= ：也就是说设计师在 PS 里定义一个 item 高 72px，开发就会定义该 item 高 48dp ； 当运行在 xhdpi 模式下时，1dp=2px ：也就是说设计 师在 PS 里定义一个 item 高 96px，开发就会定义该 item 高 48dp ； 当你的 app 需要适配多个 dpi 模式的时候，请参考图 1 的比例进行换算 3、设计稿基本元素的尺寸设置 为了适应多分辨率的，理想的方式是为每种分辨 率做一套设计稿，包括所用到的 icon、设计稿标注等但 在实际开发中，这种方法耗时耗力所以通常会选择折中 的方法 方法一： 在标准基础上（比如 xhdpi）开始，然后放 大或缩小，以适应到其他尺寸。

不足之处是，对于更高分 辨率的，图标被放大后会导致质量不高 方法二： 以最高分辨率为基准设计，然后缩小适应 到所需的小分辨率上缺点是，图标等若都最大尺寸，加 载时速度慢且耗费流量较多，对于小分辨率的用户也不够 好 结合友盟的分辨率占比数据、也为了方便换算到 android 开发中的尺寸单位， 推荐设计稿的画布尺寸选用 720X1280 ，分辨率仍旧为 72ppi（像素/英寸） 在 android 规范中对于导航栏、工具栏等的尺寸没有 明确的规定但根据 48dp 原则，以及一些主流的 android 应用的截图分析，总结一下尺寸要求： 状态栏高度： 50 px 导航栏、操作栏高度： 96 px=48dp x 2 主菜单栏高度： 96 px 内容区域高度： 1038 px （1280-50-96-96=1038） Android 最近出的都几乎去掉了实体键，把功能 键移到了屏幕中，高度也和菜单栏一样为：96 px 4、图标和字体大小（来自官方规范文档） a、启动图标（home 页或 app 列表页） 整体大小为 48 x 48 dp 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 篇二：APP 设计规范文档 APP 设计规范文档 注：（*本文档分辨率大小是以安卓 1920x1080 为准） 1. ###数值 （1）*标准界边距:40PX （2）*列表左边距:40PX *列表右边距:40PX *列表上边距:40PX *列表下边距:40PX *列表左边距:40PX *列表右边距:30PX *列表上边距:30 PX *列表下边距:30PX （3）*标题字体大小: 56PX *主内容字体大小: 46PX *次级内容字体大小: 36PX *底部导航内容字体大小: 28PX 2. ###颜色 （1）*主背景色:#F3F3F3 (来自: 小龙 文档 网:安卓的设计规范文档) *登录页 面背景色: #FaFaFa *主前景色: 以 APP 主色调为准 *次级前景色:以设计效果图为准，具体到时候填上。

（2）*标题颜色:#FFFFFF *主内容颜色: #333333 *次内容颜色: 以设计效果图为准，具体到时候填上 *高亮内容颜色:以设计效果图为准，具体到时候填上 （3）*列表分割线的颜色:#D9D9D9 （4）*标题字体的颜色:#545454 *主内容字体的颜色:#999999 #545454 *次级内容字 体的颜色:#249FFF #DF3130 #F9A531 篇三：安卓界面设计规范 目前主流的安卓分辨率有以下 3 种： hdpi，对应 800*480 的主流机型，很多如小 米 1 ，1s 三星 htc 等 xdpi，对应 1280*720 的三 星 Galaxy 系列和华为 p6. xxdpi，对应 1080*1920 的小米，华为荣 耀系列为主加上 htc one 下面是当面流行的安卓的屏幕尺寸和分辨率： 小米 3 和小米 4 屏幕尺寸和分辨率： 5 英寸 1920×1080 像素 魅族 MX2 屏幕尺寸和分辨率： 英寸 1280×800 像 魅族 MX3 屏幕尺寸和分辨率： 英寸 1800×1080 像 素 HTC one 屏幕尺寸和分辨率：英寸 1920×1080 像素 华为荣耀 6 屏幕尺寸和分辨率： 5 英寸 1920×1080 像素 华为 p6 屏幕尺寸和分辨率： 英寸 1280×720 像素 华为 p7 屏幕尺寸和分辨率：5 英寸 1920×1080 像素 什么是屏幕像素密度？ 屏幕像素密度，即每英寸屏幕所拥有的像素数，英文 简称 PPI。

在目前我们的安卓 APP 设计项目当中，我们并不会 去为每一种分辨率去设计一套 UI 界面这是一种追求完美 和理想的状态小公司肯定是耗不起这样的 所以，这个 时候我们需要学会变通为了适应多分辨率， 1：在标准基础（xdpi：1280*720）上开始，然后放 大或缩小，以适应到其他尺寸 2：从设备的最大尺寸（xxdpi：1920×1080）开始， 然后缩小，并适应到所需的最小屏幕尺寸 有些时候我们也会在实际开发过程中，Android 和 IOS 的设计稿若无太大差异，也可从 IOS 的分辨率 （960*640）开始，再调整设计稿的比例，适应其他分辨率 但是这种方法在切图的时候 需要做一些图片的调整如果 不是矢量图的元件需要重新按照 1280*720 的尺寸设计下 2、安卓 app 设计规范之字体和字体大小 我们必须知道的安卓设计常识：安卓之后用的字体是 Roboto中文字体：方正兰亭黑体 今天跟大家讲解的是在 720*1280 的基础上的字体设 计大小 注释最小字体：12sp == 24px 文本字体： 14sp == 28px 文章标题或图标名称：16sp ==32px 导航标题： 18sp ==36px 一般 android 设置长度和宽度多用 dip,设置字体大 小多用 sp. 在屏幕密度为 160，1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 英寸.当屏幕密度为 240 时， 1dp=1dip= 安卓多分辨率解决方案 Android 的多分辨率，一向是设计师和开发者非常头 疼的事儿。

尽管如此，对于多分辨造成的复杂问题，也是 大家要优先解决的Android 支持多种不同的 dpi 模式： ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi 注意，ppi、dpi 是密度单位，不是度量单位： * ppi (pixels per inch)：图像分辨率（在图像中， 每英寸所包含的像素数目） * dpi (dots per inch)：打 印分辨率（每英寸所能打印的点数，即打印精度） dpi 主要应用于输出，重点是打印设备上；ppi 对于 设计师应该比较熟悉，photoshop 画布的分辨率常设置为 72 像素/英寸，这个单位其实就是 ppi尽管概念不同，但 是对于移动设备的显示屏，可以看作 ppi=dpi ppi 的运算方式是：PPI = √（长度像素数 2 + 宽度 像素数 2） / 屏幕对角线英寸数即：长、宽各自平方之 和的开方，再除以屏幕对角线的英寸数 以 iphone5 为例，其 ppi=√（1136px2 + 640px2）/4 in=326ppi（视网膜 Retina 屏） 对于 android ，一个 不确切的分法是，720 x 1280 的很可能接近 320 dpi （xhdpi 模式） ，480 x 800 的很可能接近 240 dpi （hdpi 模式） ，而 320 x 480 的则很接近 160 dpi（mdpi 模式） 。

来自友盟指数 XX 年 3 月份的数据（戳这里看最新数 据）：。