Android 应用程序的 UI 指南（标签图标）答案

【问题标题】：UI guidelines of Android applications (tab icons)Android 应用程序的 UI 指南（标签图标）
【发布时间】：2012-01-30 08:52:44
【问题描述】：

我花了一些时间尝试使用Android Asset Studio 生成某些选项卡图标。我一次又一次地获得奇怪的结果：生成的图标与我使用的输入 png 文件具有相同的形状，但它们要么全是白色（对于选定的图标），要么全是灰色（对于未选定的图标）。

在验证我的图像确实具有工具要求的透明背景后，首先我认为它有一个错误，但后来我阅读了guidelines for tab icons design ，他们说标签图标必须是“哑光” （我花了一些时间试图弄清楚that 是什么意思）。字面意思是：标签图标是扁平的、无光泽的，并且是正面的，而我使用的图标文件是有颜色的。

我的结论是 Asset Studio（这似乎是执行此操作的“官方”工具）正在执行此约定。那是对的吗？。我的主要问题是为什么我不应该在选项卡图标中使用颜色？，这只是一个武断的决定，试图让 Android 应用程序看起来更同质吗？

我很想使用另一个工具来生成我的颜色选项卡图标，但我在 same page 示例中看到了你不应该对选项卡图标做什么，它们在那里显示带有颜色的图标。因此，在做出决定之前，我来看看我的 stackoverflow 朋友寻求反馈。

谢谢！

【问题讨论】：

标签： android user-interface

【解决方案1】：

Android 设计指南可能会禁止所有选项卡图标应为单色，因为用户与应用交互的重点应放在内容上，而不是界面元素上。颜色是一种强大的设计元素，彩色图标可能会引起过多的关注而远离内容。单色图标允许用户的内容通过导航占据主要位置。图标在用户界面中扮演着一贯的支持角色。此外，单色图标将使您的应用成为优秀的 Android 公民，因为图标将与其他应用保持一致，并且看起来像用户期望的那样。

Mac OS 的菜单栏图标在颜色使用方面具有相同的设计准则。当第三方应用程序将其图标放在那里时，那里的问题可能会更加明显。如果他们每个人都想通过使用他们品牌的（或其他强烈的）颜色来吸引用户的注意力，那么菜单栏很快就会变成一个主题公园。

按照指南中的建议，我个人会坚持使用单色图标。

【讨论】：

感谢@ebukva 的反馈。如果您以前使用过 Asset Studio，您知道它生成全白或全灰图像的原因是什么吗？我尝试将黑白图像作为输入，但问题仍然存在。
我之前没有亲自使用过 Asset Studio（我一直在直接从 Photoshop 导出图标），但似乎 Asset Studio 正在按照它生成的图形指南中的建议强制执行灰色.它要求输入的图像类型是具有 Alpha 通道（透明度）的图像。所以这个想法是让人们提供一个简单地定义图标形状边缘的图像（通过什么是透明的和什么是不透明的），而不用担心精确的灰色阴影、不同的状态和每个这些上的微妙阴影.这些是根据输入生成的。
因此，如果您生成的图像最终是一个填充了均匀灰色的正方形，请导出透明图像（如 png）并将其作为输入提供。
但这就是我正在做的，输入的是一个透明背景的png图像，是你的意思吗？
是的，我就是这个意思。奇怪，因为它对我有用：我选择来源：图像并上传透明背景上具有红色形状的透明 png：dl.dropbox.com/u/5008894/test.png 基于该文件的资产工作室生成 4 组不同的状态，将原始颜色更改为推荐灰色和白色，它添加了适当的阴影。示例：dl.dropbox.com/u/5008894/selected.png 和 dl.dropbox.com/u/5008894/unselected.png 我使用 Photoshop 导出初始的 24 位透明 png 文件。你的 png 也会发生同样的事情吗？

【解决方案2】：

只要保持正确的密度并将它们保存在正确的 ldpi/mdpi/hdpi/xhdpi 文件夹中，就可以了。我还没用过那个工具，我的 UI 还可以。

【讨论】：