Android交互视觉设计规范.docAndroid交互视觉设计规范
User In terface Guidelines
Android交互视觉设计规范
编译:陈小清
内部学****资料
Android交互视觉设计规范
Android交互视觉设计规范由Android UI组完成,其中涵盖了Android的交互和视觉 两个部分的设计规范:
图标设计规范和Android图标模板包:
一个应用会包含很多不同类的图标r从应用图标到主菜单图标r以及对话框图标r标签图标r状态 栏图标和列表图标等。图标的规范给出了每种不同图标的细节规范f包括尺寸f颜色f形状和其他 等等细节的详细参数r从而保证他们完美的展现在Android系统中。图标模板包其中包含了Photoshop 和川ustrator的文件模板,其中都含有滤镜效果,这样可以更容易的去绘制统一的图标。
Widget设计规范:
—个widget是为了将一个应用最重要或者随着时间变化的信息以最快最容易的方式在用户Home界 面上。这个设计规范说明了如何去设计在Home界面上可以和其他控件和谐搭配在一起的widgeto 其中包含了可以帮助设计师的图形文件和模板的链接。
行为和任务设计规范:
行为是应用中最基础的独立构件。当你设计一个应用的UI和功能时,你可以自由的从其他别的应用 中复用相同的行为去丰富和延展你的应用实现。这些规范说明了如何应用这些行为r并且相应举例r 并且描述了一些重要的基本准则和构架,例如多任务操作r行为复用或堆登以及任务的实现。它囊 括了所有全局的设计准则。
菜单设计规范:
Adroid应用使用户通过选择菜单和文字菜单去完成一些操作和在不同应用之间导航切换。这个规范 说明了选择萊单和文字菜单的区别r如何去排列菜单条目•什么时候将命令放在屏幕上r以及其他 —些关于菜单设计的细节。
图标设计快速查看
-你可以在一个Android应用 里使用多种不同类型的圏标
•你设计的图标应该遵循这个 文档里面的通用规范
•你也需耍为不同的屏幕尺寸 和分辨率(禺,中,低)巾独 绘制单独的图标资源
Android
创造一个统一视觉体验的用户界面可以提升产品的体验
简约的视觉风格也会让UI看起来更加专业
提供针对不同屏幕尺寸和分辨率的图标资源
Android是被设计运行在各种不同尺寸和分辨率的设备上的。当你为你的应用设计图标时,你要意识 到你的应用程序可能会被安装到各种不同的设备上。在支持多种屏幕的文档中所提到的r不论这个 。
(详见下表1 )的每一种完成对应的 —。当你的应用程序运行时r Android系统会先核实设备的一些信息再从资源文件里面选取合适的进行读取。如果你想了解更多关 于如何存取不同分辨率资源的信息•请查看关于屏幕尺寸和分辨率的资源整理。
Android设备标准的屏幕尺寸和分辨率定义为中(mdpi) o因此一个为多种屏幕尺寸和分辨率制作图 标的推荐方式为:
先按照标准尺寸(mdpi)设计图标(详见表1中具体像素值)
将图标笛于应用程序的默认资源文件中,然后在虚拟Android设备(AVD)或者一个HVGA设备(比如 G1 )BtJAndroid 运行程序
测试并且调整你的标准图标:
当你满意基于标准尺寸的图标效果后,去缩放完成其他不同尺寸的版本
-大尺寸(屏幕尺寸和分辨率定义为高)为将标准尺寸的图标按比例放大150%
Android交互视觉设计规范
•小尺寸(屏幕尺寸和分辨率定义为低)为将标准尺寸的图标按比例缩小75%
然后将不同尺寸版本的资源放到对应目录,比如:
•中尺寸资源放在res/drawable-mdpi/ directory (或者放在默认目录res/drawable/ directory)
•高尺寸资源放在res/drawable-hdpi/ directory
•低尺寸资源放在res/drawable-ldpi/ directory
Android交互视觉设计规范
在必要的情况下再测试和调整高和低尺寸版版本的图标
图标类型
三种屏幕尺寸和分辨率的标准下的具体尺寸(像素)
小尺寸(Idpi)
中尺寸(mdpi)
高尺寸(hdpi)
主菜单图标
36 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
Android交互视觉设计规范 来自淘豆网www.taodocs.com转载请标明出处.