图标设计标准与原则

《图标设计标准与原则》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Android图标ICO设计标准与原则时间：2010-07-12    来源：译言    作者：Android本文档将帮助你如何在应用界面的不同部分创造图标来匹配Android2.x框架下的普遍风格。遵守这些原则会辅助你为用户创造一个流畅而统一的体验。创造一个统一外观，感觉完整的用户界面会增加你的产品附加价值。精炼的图形风格也使用户觉得用户界面更加专业。本文档提供了一些信息，帮助你如何在应用界面的不同部分创造图标来匹配Android2.x框架下的普遍风格。遵守这些原则会辅助你为用户创造一个流畅而统一的体验。为了使你创建图标的工作进行的更加快速，你可以下载Android图标模板包。更多信息

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

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

4、中。例如：o 中密度版本在res/drawable-mdpi/目录下运行（或在默认res/drawable/目录下运行）o 高密度版本在res/drawable-hdpi/目录下运行。o 高密度版本在res/drawable-ldpi/目录下运行。5.如果需要，测试和调整高密度和低密度的图标。关于如何创造和管理多密度图标集，参阅对设计师的小提醒表 1.对三种普遍屏幕密度中每一种密度的所需要的成品尺寸图标的摘要IconType对于普遍的屏幕密度标准版本尺寸(像素表示), 低密度屏幕(ldpi)中密度屏幕(mdpi)高密度屏幕(hdpi)启动器36x36px48x48px72x72px菜单 

5、36x36px48x48px72x72px状态栏 24x24px32x32px48x48px标签24x24px32x32px48x48px对话24x24px32x32px48x48px列表视图24x24px32x32px48x48px启动器图标启动器图标是一个图形，代表了设备的主页和启动器窗口中的应用。用户会在点击主页底部的图标中打开启动器。启动器打开，显示所有已经安装应用的图标。他们被以格状排列。用户选择一个应用，通过任何可以得到的硬件导航控制，例如轨迹球点击启动器图标。用户也可以把一个图标从启动器窗口中拖出来，放在主页上，来更方便的访问应用。再这种情况下，系统会显示你的应用的启动器图

6、标在主页墙纸上的映射。此渲染的映射尺寸与在启动器中渲染的尺寸相同。系统控制了所有启动器图标的缩放，所以他们被渲染为统一的高和宽。被渲染的启动器图标的实际像素尺寸在随着设备屏幕的像素尺寸和屏幕密度的不同而显示的不同。为了保证你的图标渲染效果最佳，请提供为低密度，中密度和高密度屏幕制作的图标。想得到更多信息，请参阅上面的提供特定密度图标集或下面的为设计师的建议。风格你创造启动器图标应该符合以下原则的一般风格。这个准则并不限制你可以做的图标，而是强调你的图标可以在其他设备上共享的普遍的办法。图1提供了例子。图 1.启动器图标风格的插图干净和现代:· 启动器图标应该是现代的，有时有点古怪，但是他

7、们不应该是过时和粗糙的。如果可能的话，你应该避免过度使用象征性的隐喻。简单和标志性的:·Android启动器图标应该是自然的抽象表现；你的图标应该高度简化和夸张，以至于他们可以在小尺寸时合适显示。你的图标不应该过于复杂。·尝试用一个简单的部分作为整体的象征性的代表（例如，音乐图标以扬声器作为特征）。·考虑使用自然轮廓和形状，包括几何的和有机的，与现实（不是照片般的真实）映射。·你的图标不应该呈现一个对更大的图像不正确的观点。触觉和质