ZEISS Brand Portal
ZEISS Brand Portal
图标规范图标结构

功能性图标、表现性图标和叙事性图标用途不同,这决定了它们的尺寸和细节层级。

Icon structure
功能型图标

功能型图标遵循品牌单线、斜向构图、几何造型设计标准,确保在所有数字界面中保持视觉清晰、缩放适配、风格统一。

Icon structure
Icon structure
结构参数
  1. 画布 (32 x 32 px)

  2. 有效区域 (28 x 28 px)

  3. 非正交曲线

  4. 线条粗细 (2 px)

  5. 斜切

  6. 线条端点

  7. 叠加 (2 px)

Icon structure
网格

为保障良好的缩放效果,网格采用 32×32 px 规格,线条粗细为 2 px。

Icon structure
主体造型

图标内容整体置于 28×28 px 有效区域内。

Icon structure
有效区域

图标内容整体置于 28×28 px 有效区域内。

Icon structure
有效区域例外情况

常规图标均在指定有效区域内设计。

偏宽或偏高类图标可酌情调整边距,确保整套网格内图标视觉疏密、体量协调统一。

表现型图标

表现型图标适用于大尺寸展示,细节表现更为丰富。

Icon structure
Icon structure
结构参数
  1. 画布 (64 x 64 px)

  2. 有效区域 (56 x 56 px)

  3. 斜切

  4. 非正交曲线

  5. 线条粗细 (2 px)

  6. 内留白 (2 px)

  7. 线条端点(直角样式)

Icon structure
颜色

表现型图标默认采用双色搭配设计,同时也支持单色使用,应用效果良好。

叙事型图标

叙事型图标融合图形、符号和图示元素,用以诠释内容脉络,解析各类体系与理念。

Icon structure
Icon structure
结构参数
  1. 画布 (128 x 128 px)

  2. 有效区域 (112 x 112 px)

  3. 非正交曲线

  4. 斜切

  5. 线条粗细 (2 px)

  6. 内留白 (2 px)

  7. 线条端点(直角样式)

Icon structure
线条和填色

叙事型图标结合线条和色块填充,视觉风格贴合品牌插画。

色块可强化视觉重点、营造明暗对比,引导观众视线,提升叙事表现力。

Icon structure
组合应用

叙事型图标可与功能型图标、表现型图标搭配使用,打造层次更丰富的视觉组合。此类搭配既能维持整体风格统一,也能让叙事型图标与图标体系其他部分自然衔接。

您有任何疑问吗?

Corporate Brand, Communications & Public Affairs

保持联系