图标风格简介

现代风格的图标是品牌视觉系统的重要组成部分，以简洁的图形化方式强化品牌形象。所有图标严格遵循品牌美学设计，旨在通过直观的导航与清晰的功能表达，全面提升用户体验。

图标风格细节

图标风格融合了线型与圆角设计，其起点和终点均完美契合网格版式。

图标提供两种状态：非活跃状态与活跃状态。 为保持视觉外观的一致性，图标线条的粗度在非活跃状态下为 4px，在活跃状态下为 3px。

功能图标

功能图标的设计需遵循统一的视觉准则，可参考以下五款图标的风格。设计时，须确保图标与功能文字相结合，能够清晰、准确地传递核心信息。

产品图标

产品图标的设计需遵循统一的视觉准则，可参考以下七款图标的风格。设计图标时，务必确保产品识别度。

图标色彩

我们的图标始终采用我们的主色调：美的深蓝、美的蓝和白色。 这些主色调也用作背景色。

图标色彩在呈现统一品牌形象的同时，也通过多样的组合与视觉变化，充分保证了应用的灵活性。

图标结构
竖版信息

图标中包含的描述性文字应采用 Gotham Medium 字体，在确保整体描述文字清晰可见的同时，与图标的线条达成视觉平衡。以下是描述文字与图标在垂直对齐的示例。

横版信息

对于水平对齐来说，说明文本需按照以下规范置于图标右侧。

图标应用示例
  • POP

  • 网站

图标风格禁用事项
文件下载