ZEISS Brand Portal
ZEISS Brand Portal
图标规范视觉语言

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

Visual language
细节层级

网格规格和线条粗细,决定每款图标的细节层次以及具体特征表现空间。

因此,相较于功能型图标和表现型图标,叙事型图标会呈现更多细节。

Level of detail
设计模式
Patterns - Shape
造型

描绘常见事物时,我们在遵循设计规范的同时,注重捕捉其本质特征。

即便简化为基础图形,图标也应具备高辨识度。

Patterns - Simplicity
简洁性

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

元素
cardImage
单线粗细

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

cardImage
几何造型

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

cardImage
内留白

图形间距不小于 2 px。

cardImage
叠加处理

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

cardImage
线条端点

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

cardImage
边角样式

图标的角部采用圆角还是尖角,取决于其与所代表实物的对应关系。

斜切设计

在不降低辨识度的前提下,线条端点可统一做斜切处理,增强实用性和视觉特色。

Slants
Application
应用

斜切仅应用于线条端点。

叠加元素不做斜切处理。

点状标识短线段不做斜切处理。

Proportion
比例

斜切造型按 1:2 网格比例制作,全系列图标斜角角度保持统一。

非正交与正交样式

网格内曲线应采用非正交造型。特殊场景可使用正交曲线。

Non-orthogonal and orthogonal style
Handle ratio
控制柄比例

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

水平控制柄长度除以垂直控制柄长度,结果固定为 1.2。

Exceptions
例外情况

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

对齐与应用
Grid alignment
网格对齐

所有图标在 32×32 网格内水平、垂直居中。

允许通过视觉微调平衡视觉重心,但调整必须贴合网格线。

Buttons
按钮

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

Accessibility
视觉可用性

图标造型需具备充足视觉对比度,保障快速识别。

您有任何疑问吗?

Corporate Brand, Communications & Public Affairs

保持联系