安卓安卓 app,icon,app,icon,设计规范设计规范篇一:安卓界面设计规范目前主流的安卓分辨率有以下 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 月份的数据(戳这里看最新数据): 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 dpb、操作栏图标,代表用户在 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 元件的标准 为什么要用 48dp 呢?一般来说,48dp 转化为一个物理尺寸约 9 毫米通常建议目标大小为 7-10 毫米,以方便用户手指能准确并且舒适触摸目标区域。
如果你设计的元素高和宽至少 48dp,你就可以保证: 篇二:Android 系统图标设计规范浅谈 Android 系统的图标设计规范 目前移动平台的竞争日益激烈,友好的用户界面可以帮助提高用户体验满意度,图标 Icon 是用户界面中一个重要的组成部分,今天我们来研究和学习一下 Android 系统的图标设计规范在探讨 Android 的 icon 设计之前,我们有必要先了解 Android 的界面是如何适配多样化屏幕的 适配性 由于同一个 UI 元素(如 100 x100 像素的图片)在高精度的屏幕上要比低精度的屏幕上看起来要小,为了让这两个屏幕上的图片看起来效果差不多,可以采用以下两种方法:程序将图片进行缩放,但是效果较差 为这两个精度屏幕的各提供一个图片 但是屏幕的参数多样化,如果为每一个精度的屏幕都设计一套 icon,工作量大并且不能满足程序的兼容性要求,势必要对屏幕的分级,如在 160dpi 和 180dpi 的屏幕上采用同一套 icon,当这套 icon 在 240dpi 效果满足不了设计要求,就需要另做一套稍大些的 icon在 Android 以及更早的版本中,只支持″ 屏幕上的 HVGA (320×480)分辨率,开发人员也不需要考虑界面的适配性问题。
从Android 之后,平台支持多种尺寸和分辨率的设备,这也就意味着开发人员在设计时要考虑到屏幕的多样性 为了简化设计并且兼容更多的屏幕,平台依照尺寸和分辨率对屏幕进行了区分:三种尺寸:大,中,小 三种精度:高(hdpi),中(mdpi)和低(ldpi) 程序可以为这三种尺寸的屏幕提供默认资源,如有需要,还可以为各种精度的屏幕提供资源在运行时,系统会根据屏幕布局加载正确尺寸或者精度的图片Android 支持的屏幕 Android 程序为最佳显示效果提供了三种方法: 1.图片缩放 基于当前屏幕的精度,平台自动加载任何未经缩放的限定尺寸和精度的图片如果图片不匹配,平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求例如,当前为高精度屏幕,平台会加载高精度资源(如图片),如果没有,平台会将中精度资源缩放至高精度2.自动定义像素尺寸和位置 如果程序不支持多种精度屏幕,平台会自动定义像素绝对位置和尺寸值等,这样就能保证元素能和精度 160 的屏幕上一样能显示出同样尺寸的效果例如,要让 WVGA 高精度屏幕和传统的 HVGA 屏幕一样显示同样。