wechat gowechat go 视觉形象指引 wechat go visual identity guidelines 02 目录contents...

23
WeChat Go WEDESIGN 2017. 03 视觉形象指引 Visual Identity Guidelines

Upload: trinhquynh

Post on 04-Mar-2018

396 views

Category:

Documents


13 download

TRANSCRIPT

Page 1: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

WeChat Go

WEDESIGN 2017. 03

视觉形象指引 Visual Identity Guidelines

Page 2: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

01WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

前言 Preface

Preface前言

该指引旨在规范品牌形象的正确应用,以保证品牌完整性和一致性。适用对象为:微信事业群各部门、公司其他事业群、业务合作第三方公司、个人等。该文件由微信事业群基础产品部设计中心品牌设计组设计和维护。

该品牌形象指引提供标志各场景的应用规范以及示例,各场景设计请遵循,标志下载请打开:WEDESIGN- 资源下载 (https://wechat.design/resource)。

This guide is intended to standardize the use of the WeChat brand and ensure the brand's integrity and consistency. The guide applies to all departments of the Weixin Business Group ( or "WXG", the group responsible for WeChat ), other Tencent business groups, and third-party companies and partners.

The brand design guidelines provide speci�cations for using the WeChat brand logo and emblem along with examples for use in di�erent situations. To download the brand emblem and design guidelines, go to WEDESIGN at https://wechat.design/resource.

Page 3: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

02WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

目录 Contents

品牌标志标准品牌标志完整标志完整标志组合形式标志图形规范不可侵入范围和最小应用尺寸全彩标志错误使用示例标志标准色标准背景色 应用规则主品牌背书规范合作品牌并置规范品牌辅助图标

物料衣服徽章

04

05

06

07

08

09

10

12

14

16

18

22

23

1.

1.1

1.2

1.3

1.4

1.5

1.6

1.7

1.8

2.

2.1

2.2

2.3

3.

3.1

3.2

04

05

06

07

08

09

10

14

14

16

18

22

23

目录 Contents

1. Brand Emblem1.1 Standard Brand Emblem1.2 Full Emblem1.3 Emblem Versions1.4 Standard Symbol Speci�cations1.5 Spacing and Minimum Size 1.6 Examples of Inappropriate Use1.7 Emblem Standard Colors1.8 Standard Background Colors

2. Usage Guidelines2.1 Main Brand Speci�cations2.2 Co-Branding Speci�cations2.3 Secondary Brand Icons

3. Showcase3.1 T-Short3.2 Badge

Page 4: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

03WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

品牌标志Brand Emblem

Page 5: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

04WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.1 标准品牌标志 Standard Brand Emblem

Brand Emblem品牌标志

Page 6: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

05WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.2 完整标志 Full Emblem

完整标志 Full Emblem

Brand Emblem品牌标志

WeChat Go 完整标志包含图形部分和文字部分,在各场景下作为微信卡包品牌背书须使用完整标志。

The WeChat Go full emblem consists of a symbol combined with the logotype, which, when put together represent the o�cial branding for WeChat Go.

请勿仅单独使用 "go" 做品牌识别Don't use the "go" portion of the full emblem without also using the logotype.

Page 7: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

06WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.3 完整标志组合形式 Con�gurations and Versions

彩色标志Full color emblem

深灰色标志Dark gray emblem

浅灰色标志Light gray emblem

白色标志White emblem

Brand Emblem品牌标志

WeChat Go 完整标志有全彩、浅灰色、白色四种版本,可根据您的需要选用。工艺、设备条件允许的情况下,彩色横版标志建议优先选择使用。

There are four versions of the horizontal emblem design that may be used: full color, light gray and white. If conditions permit, it is recommended to use the full color version of the emblem.

Page 8: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

07WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.4 标志图形规范 Standard Symbol

Brand Emblem品牌标志

60°X X

此页展示 WeChat Go 标志的制图规范、造型比例,曲线关系,空间结构。

The graphic shows speci�cations, proportions, angles, and spatial structure for the symbol.

Page 9: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

08WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.5 不可侵入范围和最小应用尺寸 Free Space and Minimum Sizes

Brand Emblem品牌标志

标志不可侵入范围Spacing

印刷 Print:12 mm显示器 Screen:60 px

为保证 WeChat Go 标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于 12 毫米,屏幕显示标志宽度不小于 60 像素。

In order to ensure that the emblem for WeChat Go is coherent and visually distinguishable, additional text or graphics should not interfere with the WeChat Go emblem. When displaying the horizontal emblem in print, the emblem should be at least 12 mm in width. When displaying the horizontal emblem on screen, the emblem should be at least 60 pixels in width.

X

0.25 X

Page 10: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

09WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

此页例举了 WeChat Go 标志错误使用示例 , 请勿出现以下 (包含但不仅限于)各类错误。

Brand Emblem品牌标志

微信

请勿将标志立体化或添加阴影。Don't produce 3D version of the emblem or add drop shadows.

请勿在标志周围添加任意文本。Don't place any additional text with them emblem.

请勿更改标志外观。Don't alter the emblem design.

请勿任意拉伸标志。Don't stretch the emblem's aspect ratio.

请勿使用模糊、羽化、质量低的标志。Dont perform any blurring, feathering, or add other visual �lters to the emblem.

请勿改变标志的比例关系。Don't change the proportions of emblem parts.

1.6 全彩标志错误使用示例 Examples of Inappropriate Use

Several examples of inappropriate use of the emblem are shown here.

Page 11: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

10WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.7 标志标准色 Emblem Standard Colors

WeChat Green

#1AAD19C76 M7 Y100 K0R26 G173 B25PANTONE:354

A B

Standard Gray 1

#4D4D4DC0 M0 Y0 K83R77 G77 B77PANTONE:Cool Gray 11

此页制定了 WeChat Go 标志彩色的专用色彩规范,严禁使用非标准色彩,更改标志颜色。

Brand Emblem品牌标志

A

B

Standard WeChat Go emblem color speci�cations are provided. Don't make any adjustments to the standard colors.

标准彩色标志应用于各客户端、网页、彩色印刷等Standard colors for use within the app, on web pages, or when printing in color.

Page 12: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

11WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

1.7 标志标准色 Emblem Standard Colors

B

Standard White

#FFFFFFC0 M0 Y0 K0R255 G255 B255White建议在深色、彩色背景下使用

Recommended when using a dark or color background

Standard Gray 2

#AAAAAAC0 M0 Y0 K50R170 G170 B170PANTONE:Cool Gray 5

A

建议在白色背景下使用Recommended when using a white background.

此页制定了 WeChat Go 单色标志的专用色彩规范,建议在以下场景下使用单色标志:工艺原因无法实现全彩标志的场景、与合作品牌单色标志并置的场景、页面背景色相或明度不能清晰显示全彩标志的场景。

Brand Emblem品牌标志

B

A

A special color speci�cation is provided for the mono-chromatic emblem. The monochromatic versions should be used in the following scenarios: when using the full color emblem is not possible, when used in conjunction with a partner brand emblem, or when the page background color or brightness necessitates using a monochromatic design instead of the full color emblem.

Page 13: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

12WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

此页例举了 WeChat Go 标志背景色正确使用示例和错误使用示例,请参考规范根据场景选择适合的背景色。

请勿将标志放置于明度接近背景色;Don't use black logotype in the emblem with a dark background

Brand Emblem品牌标志

1.8 标准背景色 Standard Background Colors

Several examples of correct and incorrect use of the emblem against di�erent backgrounds are shown here. Refer to the speci�cations to select an appropriate background color according to the scenario.

彩色标志放置白色背景色Full color emblem with a white background

请勿将标志放置于色相接近背景色Don't use the full color emblem with a color background

浅灰色标志放置白色背景色Light gray emblem against a white background

深灰色标志放置白色背景色Dark gray emblem against a white background

请勿将标志放在于花哨的背景Don't use the emblem with a complex background

请勿将标志放置于对比色的背景Don't use the full color emblem with a color background

单色标志放置专色背景色White emblem against a single color background

Page 14: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

13WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

应用规则Usage Guidelines

Page 15: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

14WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

WeChat Go 标志与主品牌标志同页并置时,建议使用的颜色搭配、大小比例以及位置关系参考示例。

应用规则

1.5 X

1.5 X

X

X

When using the WeChat Go emblem in connection with the main WeChat logo, use the following speci�cations for color, sizing, and positioning.

2.1 主品牌背书规范 Main Brand Speci�cations

Usage Guidelines

Page 16: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

15WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

X

WeChat Go 标志与主品牌标志同页并置时,建议将主品牌标志放置于页面四角,预留不可侵犯区域。

应用规则

2.1 主品牌背书规范 Main Brand Speci�cations

Usage Guidelines

不可侵入范围 1XSpacing of 1X

When the WeChat Go full emblem is displayed in conjunction with the main WeChat symbol, be sure to place the WeChat logo in the four corners of the page with the speci�ed spacing with the page borders.

Page 17: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

16WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

当 WeChat Go 标志与合作品牌标志并置使用时,为使标志与物料内容相对独立和清晰,建议放置于页面四角,并遵循不可侵入范围(以星巴克品牌作为合作品牌示例)。

应用规则

2X

0.5 X

X

In order make the full emblem and co-brand emblem coherent and distinguishable, it is recommended use the speci�ed amount of minimum spacing at the four corners as well as between the two emblems (using the Starbucks emblem as an example of a co-brand)

2.2 合作品牌并置规范 Co-Branding Speci�cations

Usage Guidelines

Page 18: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

17WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

当WeChat Go 与合作品牌标志组合时需保持大小尺寸一致,且采用相同的色彩版本,以保证清晰的传达品牌合作关系(以星巴克品牌作为合作品牌在三种应用场景下的示例)。

应用规则

2.2 合作品牌并置规范 Co-Branding Speci�cations

When using the WeChat Go emblem in combination with a co-brand emblem, it's important to maintain the same sizes and consistent color versions in order to ensure a clear co-brand relationship (using the Starbucks emblem as a co-brand in the following three examples).

合作品牌标志需与卡包标志保持尺寸一致Co-brand emblem should be the same size as the Cards & O�ers emblem

彩色合作品牌标志需与彩色卡包标志并置Use a full color Cards & O�ers emblem when displaying a full color co-brand emblem

黑白合作品牌标志需与深灰色卡包标志并置A B&W or gray co-brand emblem must be combined with the dark gray WeChat Go emblem

请勿深灰色标志与合作品牌彩色标志并置Don't use a monochromatic emblem paired with a full color co-brand emblem

请勿将合作品牌标志尺寸放大Don't make the co-brand emblem larger than the Cards & O�ers emblem

请勿将彩色标志与合作品牌黑白标志并置Don't use a full color emblem paired with a black & white co-brand emblem

Usage Guidelines

Page 19: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

18WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

2.3 品牌辅助图标 Secondary Brand Icons

此页展示了 WeChat Go 线下运用中可作为图案使用的图标,在视频、物料、周边产品上可以作为延展。

Icons for WeChat Go which may be downloaded and used for placement in videos, print materials, and outdoor designs are shown here.

应用规则

景区Scenic Spot

航空Airline

通信Communication

酒店Hotel

安全Safety

保险安全Insurance

Usage Guidelines

Page 20: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

19WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

物料Showcase

Page 21: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

20WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

3.1 衣服 T-short

Page 22: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范

21WeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines

3.2 徽章 Badge

Page 23: WeChat GoWeChat Go 视觉形象指引 WeChat Go Visual Identity Guidelines 02 目录Contents 品牌标志 标准品牌标志 完整标志 完整标志组合形式 标志图形规范