所有图标均采用一套统一的设计模式,以确保视觉语言的一致性。部分模式旨在满足技术要求,其余则确保形式与概念的统一。

网格规格和线条粗细,决定每款图标的细节层次以及具体特征表现空间。
因此,相较于功能型图标和表现型图标,叙事型图标会呈现更多细节。


描绘常见事物时,我们在遵循设计规范的同时,注重捕捉其本质特征。
即便简化为基础图形,图标也应具备高辨识度。

呈现各类概念时,应精简使用视觉元素。摒弃多余复杂设计,保证图标直观易懂。

所有线条的粗细保持统一。

直线、曲线均基于网格设计,由基础几何图形组合而成。

图形间距不小于 2 px。

元素相互叠加时,需预留 2 px 镂空分隔。

线条端点统一采用直角,不设置圆角。

图标的角部采用圆角还是尖角,取决于其与所代表实物的对应关系。
在不降低辨识度的前提下,线条端点可统一做斜切处理,增强实用性和视觉特色。


斜切仅应用于线条端点。
叠加元素不做斜切处理。
点状标识短线段不做斜切处理。

斜切造型按 1:2 网格比例制作,全系列图标斜角角度保持统一。
网格内曲线应采用非正交造型。特殊场景可使用正交曲线。


控制柄比例设定为 1:1.2, 即所有曲线的水平与垂直贝塞尔控制柄均遵循此比例。
水平控制柄长度除以垂直控制柄长度,结果固定为 1.2。

仅当物体原型本身为正交形态时,方可使用正交曲线,以确保清晰度和准确性。

所有图标在 32×32 网格内水平、垂直居中。
允许通过视觉微调平衡视觉重心,但调整必须贴合网格线。

图标置于按钮内时,需放大 1.5 倍,以保证视觉效果和协调性。 例如:32 px 图标适配 48×48 px 按钮容器。

图标造型需具备充足视觉对比度,保障快速识别。
Corporate Brand, Communications & Public Affairs