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

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


结构参数
画布 (32 x 32 px)
有效区域 (28 x 28 px)
非正交曲线
线条粗细 (2 px)
斜切
线条端点
叠加 (2 px)

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

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

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

有效区域例外情况
常规图标均在指定有效区域内设计。
偏宽或偏高类图标可酌情调整边距,确保整套网格内图标视觉疏密、体量协调统一。
表现型图标
表现型图标适用于大尺寸展示,细节表现更为丰富。


结构参数
画布 (64 x 64 px)
有效区域 (56 x 56 px)
斜切
非正交曲线
线条粗细 (2 px)
内留白 (2 px)
线条端点(直角样式)

颜色
表现型图标默认采用双色搭配设计,同时也支持单色使用,应用效果良好。
叙事型图标
叙事型图标融合图形、符号和图示元素,用以诠释内容脉络,解析各类体系与理念。


结构参数
画布 (128 x 128 px)
有效区域 (112 x 112 px)
非正交曲线
斜切
线条粗细 (2 px)
内留白 (2 px)
线条端点(直角样式)

线条和填色
叙事型图标结合线条和色块填充,视觉风格贴合品牌插画。
色块可强化视觉重点、营造明暗对比,引导观众视线,提升叙事表现力。

组合应用
叙事型图标可与功能型图标、表现型图标搭配使用,打造层次更丰富的视觉组合。此类搭配既能维持整体风格统一,也能让叙事型图标与图标体系其他部分自然衔接。
您有任何疑问吗?
Corporate Brand, Communications & Public Affairs
保持联系