UI 图标#
本页提供有关 UI 图标使用的通用指导:何时使用它们、使用哪些图标、如何查找它们以及如何创建它们。
UI 图标样式#
GNOME UI 图标使用“符号化”样式。这种样式简单且单色,旨在在较小尺寸下表现良好。符号化图标以 16×16 像素的 SVG 格式绘制,可用于 32×32 像素、64×64 像素和 128×128 像素。避免使用其他尺寸以防止模糊渲染。
图标的全部或部分可以以编程方式重新着色。
GNOME 中另一种图标样式是全彩图标样式,主要用于 应用程序图标。全彩图标可用于在较大尺寸下显示且旨在成为关注焦点的 UI 图标。文件管理器中的文件和文件夹图标就是一个例子。
查找 UI 图标#
GTK 包含一组符号化图标,这些图标可供应用程序自动使用。此外,Icon Dev Kit 提供了一系列图标,您可以将其复制/粘贴到您的应用程序中。这两个来源的图标都包含在 Icon Library 应用程序 中。这允许浏览和搜索所有可用的符号化图标,并提供有关如何使用每个图标的说明。
在可能的情况下,建议重用这些现有图标,而不是创建自己的图标。
何时使用 UI 图标#
通常,控件应使用标签或图标标识,而不同时使用两者。这有助于避免信息过载,尤其是在控件紧密排列在一起时。但是,此规则有一些例外情况,在这些情况下,可以/应该将图标和标签组合使用。这些包括 侧边栏 和 视图切换器 中的位置。
UI 图标最常见的用途是标识按钮。在这里,通常最好使用图标而不是标签。但是,只有当您的用户能够识别该图标时,才应该这样做。实际上,人们普遍认可的图标数量很少,并且由约定决定。它包括标准的图标,例如搜索、菜单、前进、后退和共享。如果您有疑问,仅使用其他应用程序中经常使用的图标。
其他图标也可以在特定领域内被识别:专业工具的用户通常熟悉特定领域的符号。
请注意,某些图标只有作为一组或成对使用时才能被识别。例如,用于停止的媒体图标只是一个正方形,如果没有其他媒体符号(播放、暂停、跳过等)存在,将不会被识别为“停止”。同样,“删除”图标是一个减号符号(即一条水平线),如果没有相应的“添加”图标,将不会被识别。
如果您的用户无法识别图标,最好使用文本标签。
符号化图标创建#
如果您需要一个尚不存在的图标,可以创建自己的图标。为此,建议使用 Symbolic Preview 应用程序。这将生成一个用于开始的 SVG 模板,并允许预览您的图标在不同上下文中的显示方式。
在绘制符号化图标时,请坚持符号化图标样式的特征
标称尺寸为 16×16 像素,包括边距以允许形状的独特性和视觉权重的统一性。
没有透视 - 使用简单的正交视图。
主要特征使用 2 像素笔画,尽可能避免使用 1 像素笔画。
以单色定义,然后以编程方式重新着色。
符号化图标创建的通用指南
在寻找图标的适当隐喻时,确定要传达的单个属性。例如,在描述要对图像执行的操作时,不必在每个图标中重复图像的概念。相反,专注于每个操作的独特之处(例如:旋转、标记、对齐)。
将所有形状对齐到像素网格,以确保清晰的渲染。
当隐喻依赖于负空间时,请确保它在使用反色时也能正常工作。例如,相机镜头的光斑/高光只有在比镜头本身亮时才有效。