ZEISS Brand Portal
ZEISS Brand Portal
版式体系版面设计元素

下文将详细说明版式所用的各类基础版面设计元素。更多详情,请参阅以下章节:

  • LOGO和标语

  • 排版设计

  • 图像

  • 颜色

LOGO和标语

以下列出多款品牌应用方案,同时包含LOGO和标语、“Seeing beyond”的各类组合形式。

LOGO和动态标语

本方案为品牌传播的标准呈现样式。

LOGO对齐页边距,放置于画面边角位置。

Logo and dynamic tagline - Image 01

动态标语和LOGO组合展示时,需与其余版式元素协同排布。

其目的在于创造视觉协调、风格统一的整体构图。

Logo and dynamic tagline - Image 02

拓展边角区域内,LOGO需对齐页边距。

元素精简、版面开阔的版式中,LOGO不宜放置边角,以优化空间观感

Logo and dynamic tagline - Image 03

动态标语应置于LOGO对角边角位置。

与LOGO之间的间距应至少保留LOGO自身两倍宽度。

Logo and dynamic tagline - Image 04

为保障灵活应用,LOGO与标语不设固定配比。

标语的尺寸应为LOGO的 1.5 倍至 3 倍。

LOGO和动态标语需始终清晰可辨。

同一接触点覆盖多媒介场景时(如行业展会、销售点(POS)),需统一LOGO、标语和文本内容的尺寸、比例以及排布位置。

禁止事项
动态标语直接放置于LOGO正下方

动态标语直接放置于LOGO正下方

将动态标语替代标题使用

将动态标语替代标题使用

LOGO被其他元素遮挡

LOGO被其他元素遮挡

单用LOGO(不搭配标语)

社交媒体帖子、广告等空间有限的小尺寸版式可单独使用LOGO,不搭配标语。

Logo without a tagline - Image 01

LOGO可贴合版式页边距排布。

Logo without a tagline - Image 02

当LOGO可强化画面层次时,也可在版式内灵活排布。

该用法仅适用于元素精简的简约版面设计。

单用动态标语(不搭配LOGO)

品牌语境清晰、客户可明确识别蔡司的场景下,可单独使用动态标语,无需搭配LOGO。适用场景包含蔡司官网、社交媒体渠道、展会展台等。

Dynamic tagline without a logo - Image 01

动态标语不得用作标题,需置于版面边角位置。

动态标语可作为视觉内容补充元素。

省略LOGO和标语

品牌语境清晰、客户可明确识别蔡司的场景下,可省略LOGO和标语。适用场景包含蔡司官网、蔡司社交媒体渠道、蔡司展会展台等。

No logo, no tagline - Image 01

常规社交媒体帖子和动态内容无需添加品牌元素,因为蔡司渠道本身已具备品牌辨识度。

LOGO搭配标语

LOGO和标语的组合样式,仅可用于 PowerPoint 结尾页,以及视频片尾定格LOGO画面。动态标语严禁直接置于LOGO正下方。务必使用可下载的官方文件。

标准视频片尾,支持下载

排版设计

标题统一使用 ZEISS Head 字体,正文采用 ZEISS Text 字体。

文本必须始终清晰易读,长文本尤须如此。

ZEISS Head 和 ZEISS Text 字体的默认字间距均设为 0。采用全大写排版(如上划线文本)时, Adobe 系列软件字间距应设为 40/1000 EM,在 Figma 软件中则将字间距设为 4%。

ZEISS Head 标题字体
Contrasts - Image
对比度

只要条件适宜,可在静态及动态应用中巧妙运用强烈的对比效果。

竖向紧凑排版

多行标题建议采用偏小行高。

若混合使用大小写字母,且小写字母包含升部、降部及变音符号,行高应设为 100%。

若为全大写字母,或混合大小写但无降部及变音符号,行高应设为 95%。

在极少数情况下,当带有变音符号的大写字母恰好位于降部正下方时,行高应设为 110%-115%。

Condensed - Image

在大多数应用场景中,推荐使用标准字宽。

当有助于强化信息传达或实现文本尺寸最大化时,可使用窄体(Narrow)和压缩体(Condensed)字体样式。

用于正文的 ZEISS Text 字体
Readability and function - Image
可读性和功能性

可选用多款字体样式呈现信息。

适当加大行高,优化阅读体验。

优先使用标准字宽。正文篇幅较长时,可采用压缩体(Condensed)字样。

例外情况:长标题使用 ZEISS Text
Exception - Image

标题行文风格贴近正文表述时,社交媒体帖子等小尺寸版面可选用 ZEISS Text 字体。

同时行间距需加大,最低设置为 130%。

文本组合
Simple setups preferred - Image 01
优先采用简约设置:

尽量精简文字构成元素。

优选主标题搭配正文与小标题的组合形式

Simple setups preferred - Image 02

如需增设副标题,其字号至少较主标题小三分之一,建议设为主标题字号的二分之一。

主标题与副标题需形成清晰视觉层级:

纤细/粗体主标题,可搭配常规字重(medium)副标题。

常规字重(medium)主标题,可搭配纤细字重(Light)副标题。

Simple setups preferred - Image 03

可放大小标题字号,以突出正文重点。

小标题字号至少较正文大三分之一。

同时,小标题字号应明显小于主标题。

Simple setups preferred - Image 04

文字精简、搭配大号标题的版式,可使用小型全大写字母,并在其上方添加上划线。其字号不宜超过主标题的四分之一。

上划线不可与副标题搭配使用。

禁止事项
采用常规(Regular)、中等字重(Medium)等低对比度文字组合

采用常规(Regular)、中等字重(Medium)等低对比度文字组合

单段文字内混用两种及以上字重、字宽样式

单段文字内混用两种及以上字重、字宽样式

单个版面设计中使用超过四种不同的字号

单个版面设计中使用超过四种不同的字号

图像

版面设计中的图像应用包含多种呈现形式。

Background  - Image
背景图片

单张图片全屏铺满整张画布。

Rectangular image- Image
矩形图片

可在画布出血区域内,放置单张或多张矩形图片。

Rectangular image- Image
抠图

产品快照以抠图形式排布于画布中。

色彩

蔡司品牌的主色为白色和黑色。

按需适度选用辅助色系,可突出单个元素,补充信息层级。

Interactive elements- Image
交互元素

链接、按钮等交互元素,统一仅使用 ZEISS Azure。

Eye catcher - Image
视觉焦点

如需突出新品内容或专属优惠信息,可搭配 ZEISS Violet、ZEISS Lime 圆形色块点缀强调。

禁止事项
对画布或背景全域填色

对画布或背景全域填色

为标题、动态标语及正文内容上色

为标题、动态标语及正文内容上色

交互元素使用 ZEISS Azure 以外的色彩

交互元素使用 ZEISS Azure 以外的色彩

您有任何疑问吗?

Corporate Brand, Communications & Public Affairs

保持联系