Android设计规范简介(英文版).pdf

上传人:恋****泡 文档编号:9534920 上传时间:2022-04-04 格式:PDF 页数:66 大小:3.64MB
返回 下载 相关 举报
Android设计规范简介(英文版).pdf_第1页
第1页 / 共66页
Android设计规范简介(英文版).pdf_第2页
第2页 / 共66页
点击查看更多>>
资源描述

《Android设计规范简介(英文版).pdf》由会员分享,可在线阅读,更多相关《Android设计规范简介(英文版).pdf(66页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。

1、 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 目录目录 【Google 官方 Android设计指导】.3 【Android UI设计设计】 Android系统图标设计原则.20 Activity和 Task的设计思路和方法.39 Android最佳实践之流畅设计.51 【手机手机 UI设计最佳实践设计最佳实践】

2、Android与 iPhone 应用程序界面布局对比.55 . 手机客户端 UI测试分析.60 【其他】【其他】 BUG提交.64 关于 eoeandroid.64 新版优亿市场上线.64 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【Google 官方 Android设计指导】 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一

3、十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 And

4、roid 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策

5、划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第

6、十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 A

7、ndroid 开发社区! 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 【Android UI设计】设计】 Android系统图标设计原则系统图标设计原则 创造一个统一外观,感觉完整的用户界面会增加你的产品附加价值。精炼的图形风格也使用户觉得用户界面更加专业。本文档提供了一些信息,帮助你如何在应用界面的不同部分创造图标来匹配 Android 2.x框架下的普遍风格。遵守这些原则会辅助你为用户创造一个流畅而统一的体验。为了使你创建图标的工作进行的更加快速,你可以下载 Androi

8、d 图标模板包。更多信息请浏览 Android图标模板包的使用。 Android系统被设计在一系列屏幕尺寸和分辨率不同的设备上运行的。当你为自己的应用设计图标时,必须知道,你的应用有可能在任何设备上安装运行。正如支持多屏幕文档中所描述, Android 为你直接提供这样的图标,他们会在任何设备上正确的显示,无论这些设备的屏幕大小和分辨率如何。 一般来说,推荐的方式是为三种普遍的屏幕密度(如表 1)中的每一种都创造一套独立的图标。然后,把他们储存在你的应用中特定的资源目录下。当你的应用运行时,Android平台将会检查设备屏幕的特性,从而加载特定密度资源目录下相应的图标。想要了解更多如何存储特定

9、密度资源的信息,请参阅创造合格屏幕尺寸和密度的办法目录。 Android 设备的屏幕密度基线是中等。因此,一种被推荐的为多种屏幕密度创造图标方式是: 1首先为基准密度设计图标(看表一为实际的像素尺寸设计的图标)。 2把图标放在你的应用的默认可绘制资源中,然后在 Android 可视化设备(AVD)或者 HVGA 设备如 T-Mobile G1中运行应用。 3根据需要测试和调整你的基准图标。 4当你对在基准密度下创建的图标感到满意的时候,为其他密度创造副本。 把基准图标按比例增加为 150,创造一个高密度版本。 把基准图标按比例缩小为 75,创造一个低密度版本。 5把图标放入你的应用的特定密度资

10、源目录中。例如: 中密度版本在 res/drawable-mdpi/ 目录下运行(或在默认 res/drawable/ 目录下运行) 高密度版本在 res/drawable-hdpi/目录下运行。 高密度版本在 res/drawable-ldpi/目录下运行。 6如果需要,测试和调整高密度和低密度的图标。 表 1. 对三种普遍屏幕密度中每一种密度的所需要的成品尺寸图标的摘要 Icon Type 对于普遍的屏幕密度标准版本尺寸对于普遍的屏幕密度标准版本尺寸(像素表示像素表示), 低密度屏幕低密度屏幕(ldpi) 中密度屏幕中密度屏幕(mdpi) 高密度屏幕高密度屏幕(hdpi) 启动器启动器 3

11、6 x 36 px 48 x 48 px 72 x 72 px 菜单菜单 36 x 36 px 48 x 48 px 72 x 72 px 状态栏状态栏 24 x 24 px 32 x 32 px 48 x 48 px 标签标签 24 x 24 px 32 x 32 px 48 x 48 px 对话对话 24 x 24 px 32 x 32 px 48 x 48 px 列表视图列表视图 24 x 24 px 32 x 32 px 48 x 48 px 启动器图标启动器图标 启动器图标是一个图形,代表了设备的主页和启动器窗口中的应用。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoe

12、Android 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 用户会在点击主页底部的图标中打开启动器。启动器打开,显示所有已经安装应用的图标。他们被以格状排列。用户选择一个应用,通过任何可以得到的硬件导航控制,例如轨迹球点击启动器图标。 用户也可以把一个图标从启动器窗口中拖出来,放在主页上,来更方便的访问应用。再这种情况下,系统会显示你的应用的启动器图标在主页墙纸上的映射。此渲染的映射尺寸与在启动器中渲染的尺寸相同。 系统控制了所有启动器图标的缩放,所以他们被渲染为统一的高和宽。被渲染的启动器图标的实际像素尺寸在随着设备屏幕的像素尺寸和屏幕密度的不同而

13、显示的不同。为了保证你的图标渲染效果最佳,请提供为低密度,中密度和高密度屏幕制作的图标。想得到更多信息,请参阅上面的提供特定密度图标集或下面的为设计师的建议。 风格风格 你创造启动器图标应该符合以下原则的一般风格。这个准则并不限制你可以做的图标,而是强调你的图标可以在其他设备上共享的普遍的办法。图 1提供了例子。 图 1.启动器图标风格的插图 干净和现代干净和现代: 启动器图标应该是现代的,有时有点古怪,但是他们不应该是过时和粗糙的。如果可能的话,你应该避免过度使用象征性的隐喻。 简单和标志性的简单和标志性的: Android启动器图标应该是自然的抽象表现;你的图标应该高度简化和夸张,以至于他

14、们可以在小尺寸时合适显示。你的图标不应该过于复杂。 尝试用一个简单的部分作为整体的象征性的代表(例如,音乐图标以扬声器作为特征)。 考虑使用自然轮廓和形状,包括几何的和有机的,与现实(不是照片般的真实)映射。 你的图标不应该呈现一个对更大的图像不正确的观点。 触觉和质感触觉和质感: 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图标应该表现为不平淡的,有质感的材料。更多信息请看下面的材料和色彩。 面向前方和顶部照明面向前方和顶部照明: Android 2.0和以后的平台的新规定

15、: Android启动器图标应该面向前方,透视非常小,而且应该顶部照明。 此外,注意所有图标应该有独立的文字标签,而不是把文字设计嵌入到图标里面,把努力用在使图标有特色和难忘中去。 要看更多 Android系统下应用的启动器图标的案例,请参阅标准启动器图标。 做什么和别做什么做什么和别做什么 以下有一些在你为自己的应用设计一个图标的过程中“可以做的的和不要做的”例子 Android启动器图标是启动器图标是. 现代的,简约的,不平坦的,有触感,和质感的 面向前方和顶部明亮,整体而言,色彩在一定的色谱中 Android 启动器图标不是启动器图标不是. 过时的,过分复杂,光滑的,平坦的 旋转的, 剪

16、裁不正的,过于深色的 图 2. 启动器中做什么和别做什么的例子 质感和颜色质感和颜色 启动器的图标应该利用触觉,顶部照明,使用纹理材料。即使你的图标只是一个简单的形状,你应该尝试把它们当做真实世界的材料渲染。 该平台的默认应用中启动器图标用了以下图 3所示的材料。 你的图标可以使用这些材料也可以创建新的材料。 Android 启动器图标经常包括由较小的形状组成一个较大的形状,并结合成一个中立的形状和一个中立的颜色。图标可能会使用中性色彩的组合,但保持较高的对比度。如果可能的话,每个图标不应该使用超过一个原色。 启动器的图标应该使用一个又限制的调色板,包含一系列中立的颜色和原色。该图标不应该过分

17、饱和。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 推荐的启动器图标调色板应用,如图 4所示。你可以使用条侧板中的基本颜色和高亮元素。你可以使用白色到黑色垂直线性渐变叠加一起的调色板的颜色。这产生的印象是,光从顶部照射进来,且保持颜色的低饱和度。 图 3.你可以用它来创建你的图标的材料的例子. 图. 从推荐调色盘中选出的基本和高亮颜色组合形成的材料的例子 当你从简易的调色盘中取出一个高亮颜色组成材料时,你可以创造如图 5所示的材料组成。为了帮助你开始,图标包(icons pa

18、ck)包括一个Photoshop模板文件(Launcher-icon-template.psd),文件提供了默认的材料,颜色和梯度。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 5. 推荐图标调色板. 尺寸和位置尺寸和位置 启动器的图标应该使用不同的形状和形式,而且这些必须缩被缩放和定位来创建一致的视觉重量。 图 6展示了图标放置在各版本中的不同的方式。至于更详细的描述,就是为了制造一个一致的直觉质量,并允许加入阴影,你应该使图标比实际版本中的范围小一些。如果你的图标是方形或

19、近方形,尺寸应该更小。 为全版本边界框显示为红色。 推荐的实际图标边界框显示为蓝色。该图标框的大小比完整版中的尺寸更小,以便有空间包含阴影和特殊的图标处理。 对于方形图标,推荐的边界框是橙色显示的。为正方形图标框比较小是因为要在两种类型的图表中建立同样的视觉重量。 1、 高密度屏幕(hdpi) 的图标尺寸: 1) 全版本: 72 x 72 px 2) 图标: 60 x 60 px 3) 正方形图标: 56 x 56 px 2、中密度屏幕(mdpi) 的图标尺寸: 1) 全版本: 48 x 48 px 2) 图标: 40 x 40 px 3) 正方形图标: 38 x 38 px 3、低密度屏幕(

20、ldpi) 的图标尺寸: 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 1) 全版本: 36 x 36 px 2) 图标: 30 x 30 px 3) 正方形图标: 28 x 28 px 使用启动器图标模板使用启动器图标模板 Android的图标模板包 2.0是一个包含默认图标的材料和颜色调色板的模板。该模板为 psd格式,方便Photoshop或相似的图像编辑器编辑。 To get started, fir 要开始使用,首先下载 Android的图标模板包 2.0. 一旦你下

21、载了模板包,解压缩,并在 Adobe Photoshop或类似的图片编辑器中中打开 Launcher-icon-template.psd ,注意调色板的材料和颜色。您可以使用该模板创建一个启动器的图标作为起点。 在创建您的图标之后,你可以按照以下规范添加阴影效果,作为你创造的合适的图片大小。 WVGA (高密度) 屏幕的阴影: 1. 效果: 底部阴影 2. 颜色: #000000 3. 混合模式: 多重 4. 不透明度: 75% 5. 角度: 90 6. 距离: 2px 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留!

22、 做最棒的 Android 开发社区! 7. 扩展: 0% 8. 尺寸: 5px HVGA (中密度) 屏幕阴影: 效果: 底部阴影 颜色: #000000 混合模式: 叠加 不透明度: 75% 角度: 90 距离: 1px 扩展: 0% 尺寸: 3px 当添加了阴影,图标制作完成后,输出一个格式为 PNG的透明文件,以确保您的图标在高密度屏显示大小为72 x72像素和在中密度屏显示大小为 48 x48像素。关于为什么你应该为高,中,低密度的屏幕提供不同的启动器版本,参阅支持多种屏幕. 菜单图标菜单图标 菜单图标是一个图形元素,当用户按下菜单按钮时在向用户显示菜单,在弹出菜单里显示。他们是平面

23、展示的。菜单图标元素不能表现为 3D 或者透视的。 正如提供特定密度图标集中所描述的,你应该为低,中,和高密度的屏幕制作相应的图标集。这可以确保你的图标在一系列安装你的应用的设备中正常显示。见表 1 所建议的为每种密度所创造的图标尺寸。此外,请参阅对设计师建议 中关于如何使用多组图标。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 结构结构 为了保持一致性,所有的菜单图标必须使用相同的原调色板和相同的效果。欲了解更多信息,参阅菜单图标颜色调色板 。 菜单图标应包括圆角,要保证逻

24、辑正确。例如,在图 7中,合理表现圆角的部分是房顶而不是建筑余下的部分。 所有这个页面上的特定尺寸是建立在一个 48x48像素的画板,6像素安全边栏的基础上的。 图标菜单效果(外发光)在灯光,效果,阴影 中被描述,它在必要时可以与 6px安全边栏重叠。而基础形状必须始终留在安全边栏内。 最后的图形必须导出为一个透明的最后的图形必须导出为一个透明的 PNG文件。文件。 在 Adobe Photoshop中制作的菜单图标模板可以在图标模板包中得到。 图 7. 菜单图标中的安全栏和圆角 。 图标尺寸是 48x48. 灯光,特效和阴影灯光,特效和阴影 菜单图标是平的。轻微凹陷和一些其他特效,如下所示,

25、可以创造纵深感。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 8.菜单图标的灯光,特效和阴影. 1、前部:从原色调色板中挑出颜色填充渐变 2、内投影:黑色 | 20 % 不透明度 角度 90 | 距离 2px 大小 2px 3、外发光:白色 | 55% 不透明度 扩展 10% |大小 3px 深度 1% 5、内斜角:角度 90 | 高度 10 发光白色 70%不透明度 阴影黑色 25% 不透明度 颜色调色盘颜色调色盘 白色 r 255 | g 255 | b 255 用于

26、外发光和斜面的高光。 渐变填充 1: r 163 | g 163 | b 163 2: r 120 | g 120 | b 120 用作颜色填充。 黑色 r 0 | g 0 | b 0 用于内部阴影和斜面的阴影。 步骤步骤 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 1. 使用工具如 Adobe Illustrator 创建基本形状。 2. 导入到一个像 Adobe Photoshop的工具,把它放置在 48x48像素的透明的背景的图像上。注意安全栏。 3. 增加如图 8所描

27、述的效果。 4. 导出一个 48x48像素的透明 PNG格式的图标。 做这些和不要做这些做这些和不要做这些 在为你的应用做菜单图标时,下面是一些“做这些和不要做这些”要考虑的例子。 状态栏图标状态栏图标 状态栏图标用来在状态栏中展示你的应用中的通知,他们与菜单图标非常相似,但是更加小,对比度更高。 正如提供特定密度图标集中所描述的,您应该为低,中和高密度的屏幕制作独立的图标集。这可以确保你的图标在一系列安装了你的应用的设备中显示正常。见表为每个密度屏幕所建议的尺寸。此外,请参阅对设计师的建议中关于如何创建图标集的描述。 结构结构 圆角必须始终被应用到基础的形状中和状态栏图标细节中,如图 9所示

28、。 所有这个页面上的特定尺寸是建立在一个 25x25像素的画板,2像素安全边栏的基础上的。 状态栏图标可以在必要时与安全栏左右重叠,但绝不能与安全栏的顶部和底部重叠。 最后的图形必须导出为一个透明的 PNG文件。 在 Adobe Photoshop中制作的菜单图标模板可以在图标模板包中得到。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 9.状态栏图标中的安全栏和圆角 。 图标尺寸是 25x25. 灯光,特效和阴影灯光,特效和阴影 状态栏图标略有凹凸感的,高对比度的,绘制的

29、图形可以加强对小尺寸的清晰度。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 10. 状态栏图标的灯光,特效和阴影. 1、前部:用原色板种颜色渐变填充 2、内部斜角:深度 100% | 方向 向下 尺寸 0px |角度 90 | 角度 30 高光 白色 75% 不透明度 阴影 黑色 75% 不透明度 3、细节:白色 4、缺失细节:色板中灰色渐变 + 内部斜角: 平滑 | 深度 1% | 方向向下| 大小 0px | 角度 117 | 海拔 42 | 高光 白色 70% |

30、无阴影 在为你的应用做状态栏图标时,下面是一些“做这些和不要做这些”要考虑的例子。 标签图标标签图标 标签图标是用来表示在一个多选项界面里的单独的标签元素的图形。每个标签图标有两种状态:未选中和选中。 正如提供特定密度图标集中所描述的,你应该为低,中,和高密度的屏幕制作相应的独立图标集。这可以确保你的图标在一系列安装你的应用的设备中正常显示。见表 1所建议的为每种密度所创造的图标尺寸。此外,请参阅对设计师的建议 中关于如何使用多组图标。 结构结构 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Androi

31、d 开发社区! 未选定的标签图标和菜单图标具有相同的填充渐变和特效,但没有外部发光。 被选择的标签图标,看上去像未选择的标签图标,但有一个暗淡的内部阴影,且和对话图标有着相同的前部渐变。 标签图标有一个 1像素的安全边栏,且安全边栏只应该和抗混淆圆形的边缘重叠。 此页面上指定的所有尺寸都基于一个大小为 32x32像素的画板。在 Photoshop模板内,对边缘栏保持1像素的填充。 最后的图像必须导出为一个 32x32像素的透明 PNG文件。 在 Adobe Photoshop制作的标签图标模板可以在标签模板包中得到。 图 11. 未选中的标签图标的安全边栏和填充渐变。图标大小为 32X32。

32、图 12. 已选中的标签图标的安全边栏和填充渐变。图标大小为 32X32。 未选中的标签图标未选中的标签图标 灯光,特效和阴影灯光,特效和阴影 未选中的标签图标 看上去像以选中的标签图标, 但是有一个微弱的内部阴影, 而且和对话图标有着相同的前部渐变。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 13. 未选中的标签图标的灯光,特效和阴影. 1、前部:渐变 | 角度 90 底部颜色: r 223 | g 223 | b 223 顶部颜色: r 249 | g 249 |

33、b 249 底部颜色 位置: 0% 顶部颜色位置: 75% 2、内部投影:黑色 | 10 % 不透明度 | 角度 90 距离 2px |大小 2px 3、内斜面:深度 1% | 方向 向下 | 大小 0px | 角度 90 | 高度 10 高光 白色 70% 不透明度 阴影 黑色 25% 不透明度 步骤步骤 1. 用如Adobe Illustrator 或类似的工具创建基本图形。 2. 导入到 Adobe Photoshop或类似的工具中,把它在 32x32像素,透明背景的图片中合适放置。 3. 如图 13,用合适的滤镜增加特效 4. 把图标导出为一个 32x32像素的 PNG透明文件。 被选

34、择的标签图标被选择的标签图标 已选择的标签图标和菜单图标具有相同的填充渐变和特效,但没有外部发光。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 14. 被选择的标签图标的灯光,特效和阴影. 1、前部: 全渐变. 2、内部投影:黑色 | 20% 不透明度 | 角度 90 | 距离 2px | 大小 2px 3、内斜角:深度 1% | 角度 | 大小 0px | 角度 90 | 高度 10 高光 白色 70% 不透明度 阴影 黑色 25% 不透明度 对话图标对话图标 对话图标

35、有一个 1 像素的安全边栏。基本图形必须在安全边栏内部合适放置, 但是抗混淆的圆形可以和安全边栏重叠。 此页面上指定的所有尺寸都基于一个Adobe Photoshop中建立的,大小 32x32像素的画板上的。在Phontoshop模板中,对边栏保持保持 1像素的填充。 最后的图片必须导出为一个透明的 PNG文件。 在 Adobe Photoshop制作的对话图标模板可以在标签模板包中得到。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 图 15. 对话图标安全边栏和填充渐变.图

36、标大小 is 32x32像素. 灯光,特效和灯光,特效和阴影阴影 对话图标 是平的且面向前的图片.为了在黑色背景中突出, 他们用了光线渐变和黑色投影。 图 16. 对话图标的灯光,特效和阴影. 1、前部:渐变叠加 | 角度 90 底部色彩: r 223 | g 223 | b 223 顶部色彩: r 249 | g 249 | b 249 底部色彩位置: 0% 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! 顶部色彩位置: 75% 2、内部投影:黑色 | 25% 不透明度 | 角

37、度 -90 | 距离 1px | 大小 0px 列表视图图标列表视图图标 列表视图图标看起来像 对话图标, 但是他们用了一个光线来源于物体上方的内部投影特效。他们也只用在列表视图中。在包括Android市场应用主屏和在地图应用中的导向屏中使用。 正如提供特定密度图标集中所描述的,你应该为低,中,和高密度的屏幕制作相应的独立图标集。这可以确保你的图标在一系列安装你的应用的设备中正常显示。见表 1所建议的为每种密度所创造的图标尺寸。此外,请参阅对设计师的建议 中关于如何使用多组图标。 结构结构 列表视图图标通常有一个 1 像素的安全边栏。抗混淆的圆形可以和安全边栏重叠。 此页面上指定的所有尺寸都基

38、于一个Adobe Photoshop中建立的,大小 32x32像素的画板上的。在Phontoshop模板中,对边栏保持保持 1像素的填充。 最后的图片必须导出为一个透明的 PNG文件。 在 Adobe Photoshop制作的列表视图图标模板可以在标签模板包中得到。 图 17. 列表视图图标的安全边栏和填充渐变. 图标大小 is 32x32。 灯光,特效和阴影灯光,特效和阴影 列表视图图标是平的且面向前的图片.为了在黑色背景中突出, 他们用了光线渐变和黑色投影。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒

39、的 Android 开发社区! 图 18. 列表视图图标的灯光,特效和阴影. 1、内部投影: 黑色 | 57 % 不透明度 | 角度 120 | 混合模式 正常 | 距离 1px | 大小 1px 2、背景:黑色 | 标准系统颜色 这些图标只在列表视图中使用。 注意: 列表视图图标在 Photoshop中 32x32像素的画板中放置,没有安全边栏。 用常用的命名习惯为图标版本命名用常用的命名习惯为图标版本命名 尝试命名文件,当他们按照字母排序的时候,有关的版本将会在一个目录内聚集在一起。特别是它有助于为每个图标类型的使用共同的前缀。 例如: 版本类型版本类型 前缀前缀 例子例子 图标 ic_

40、ic_star.png 发射器图标 ic_launcher ic_launcher_calendar.png 菜单图标 ic_menu ic_menu_archive.png 状态栏 ic_stat_sys or ic_stat_notify ic_stat_notify_msg.png 标签图标 ic_tab ic_tab_recent.png 对话图标 ic_dialog ic_dialog_info.png 请注意,你不需要使用任何类型的共享前缀 这样做只是为了您的方便。 为制造多密度版本图标,建立一个空间储存文件为制造多密度版本图标,建立一个空间储存文件 为不同屏幕密度发展多个版本集意

41、味着制作文件的多个尺寸副本。为了保持文件多个副本的安全和更容易被发现,我们建议您在您的工作空间创建一个目录结构,来组织文件版本。例如: assets/. ldpi/. _pre_production/. working_file.psd finished_asset.png 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! mdpi/. _pre_production/. working_file.psd finished_asset.png hdpi/. _pre_product

42、ion/. working_file.psd finished_asset.png 这种结构与特定密度结构相同,你可以在你的应用源文件中存储最终的版本。因为你的工作空间的结构与应用的结构类似,您可以迅速确定哪些版本应该复制到每个应用源文件目录下。为不同密度制作的独立版本可以使你根据密度检测不同的文件名,这非常重要,因为为不同密度制作的对应的版本必须有同样的文件名。 为了做比较,下面是一个典型的应用资源的目录结构: res/. drawable-ldpi/. finished_asset.png drawable-mdpi/. finished_asset.png drawable-hdpi/.

43、 finished_asset.png 首先制作中密度版本 r.由于中密度是 Android的基线,因此你的设计工作应该从制作中密度版本开始。见上面的表 1,为不同图标类型的实际像素尺寸。如果可能,使用矢量图形或在Photoshop建立路径,使其更容易修改版本尺寸。 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! Activity和和 Task的设计思路和方法的设计思路和方法 Activity和 Task是 Android Application Framework架构中最基础的

44、应用,开发者必须清楚它们的用法和一些开发技巧。本文用大量的篇幅并通过引用实例的方式一步步深入全面讲解它们的基础原理(underlying principles)和架构(mechanisms),例如:Navigation、Multitasking、activity re-use、intents 和 activity stack等大部分与其相关的应用模块。重点讲解开发过程中如何更准确的体现用户交互性的便捷和高效,同时也帮助分析 Designers 和 Developers 在开发期间所要面对的问题。 文中涉及到的实例有一部分是属于平台自带的 application(例如:拨号程序等),另外也有 G

45、oogle 产品线中的一些有代表性的应用(例如:Google Map等)。建议大家亲自利用 Emulator 或者 Android-powered device测试实例中的效果,这样可以帮助更加清晰的理解一些模块的含义。(注意:可能会因为硬件对于某些功能无法提供支持,所以有一些实例可能无法在你的测试机中正常浏览) 首先需要清楚一些基础模块首先需要清楚一些基础模块: Applications Acitivities Activity Stack Tasks 以上这四个模块对于理解这篇文章非常重要,下边就来逐一的简单介绍其具体的含义和用法(也可以通过其链接直接查看官方文档)。 Applicatio

46、ns 任何一个 Android Application基本上是由一些 Activities 组成,当用户与应用程序交互时其所包含的部分Activities 具有紧密的逻辑关系,或者各自独立处理不同的响应。这些 Activities 捆绑在一起成为了一个处理特定需求的 Application, 并且以“.apk”作为后缀名存在于文件系统中。Android平台默认下的应用程序 例如:Email、Calendar、Browser、Maps、Text Message、Contacts、Camera 和 Dialer 等都是一个个独立的 Apps。 Activities 上边已经提到 Activitie

47、s 是构成 Applications 的主要组成部分,其实可以更为具体的理解为 Application仅仅是一个抽象的标签,它将系统内一部分Activities 关联在一起,协同完成用户的特定需求。安装Application的过程也可以简单理解为将其所包裹的Activities 导入到当前的系统中,如果系统中已经存在了相同的Activities,那么将会自动将其关联,而不会重复安装相同的 Activities,避免资源的浪费。Application卸载的过程也会检查当前所关联的 Activities 是否有被其它 Application标签所关联,如果仅仅是提供当前的Application使用

48、,那么将会彻底被移除,相反则不做任何操作。 用户与 Application的交互行为大部分都是通过 GUI来完成,在 Android平台可以有两种方式定义 GUI,其中可以利用 XML来预置静态的 GUI 元素,或者在 Activity类的内部动态定义 GUI 元素。这两种不同的方法都是由 Activity作为驱动和响应用户交互事件的主体。当启动Application之后,至少需要一个包含有 GUI 信息的 Activity实例被创建。 Activity的主体包括两个主要部分,其中一个是 Content(data),另外一个是响应用户交互事件的行为。列举一个 Dialer 例子的截图,其中包括

49、四个部分:Dialer 主界面、通讯录、查看联系人信息和添加新联系人。 下面列举了更多比较有代表性的Applications 和其所包含的 Activities: Email activities to view folders, view list of messages, view a message, compose a message, and set up an account 【eoeeoe 特刊特刊】第第十一十一期期 本文档由 eoeAndroid 社区组织策划,整理及发布,版权所有,转载请保留! 做最棒的 Android 开发社区! Calendar activities to

50、 view day, view week, view month, view agenda, edit an event, edit preferences, and view an alert Camera activities for running the camera, viewing the list of pictures, viewing a picture, cropping a picture, running the camcorder, viewing the list of movies, and viewing a movie Game one activity to

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 研究报告 > 其他报告

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知得利文库网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号-8 |  经营许可证:黑B2-20190332号 |   黑公网安备:91230400333293403D

© 2020-2023 www.deliwenku.com 得利文库. All Rights Reserved 黑龙江转换宝科技有限公司 

黑龙江省互联网违法和不良信息举报
举报电话:0468-3380021 邮箱:hgswwxb@163.com