浦银办发〔2015〕392 号

关于印发《上海浦东发展银行
视觉设计手册 2.1 版本》的通知

各分行，总行各部（室）：
为进一步提升我行品牌影响力，贴近市场传播需要，整
合提升传播效果，经总行同意，现将《上海浦东发展银行视
觉设计手册 2.1 版本》
（附件，以下简称《视觉手册 2.1 版》
）
予以印发，并就相关事项通知如下，请遵照执行。
一、优化目的与原则
根据市场传播格局、我行经营战略重点以及客群审美标
准的变化，总行在《上海浦东发展银行视觉设计手册 2.0 版

1
本》
（浦银发〔2008〕199 号，以下简称《视觉手册 2.0 版》
）
的基础上，对我行办公应用系统和广告宣传系统进行了优化
设计，对《视觉手册 2.0 版》的视觉元素进行提炼，强化并
突出品牌记忆点，将网点店招品牌元素与办公应用系统和广
告宣传系统紧密结合，整合品牌形象，促进品牌升级。
本次优化设计不改变品牌标志。《视觉手册 2.1 版》有
关浦发银行品牌定位、品牌标志、品牌标准颜色、基础系统
等规范与《视觉手册 2.0 版》保持一致。
二、规范使用要求
（一）各单位要严格遵照执行《视觉手册 2.1 版》要求
规范，新制作物料须遵循《视觉手册 2.1 版》要求，不得擅
自更改版式。
（二）各分行要加强对下辖分支机构的培训和规范管
理；总行各业务板块牵头部门要加强对板块内相关部门的规
范管理；各单位要加强广告宣传服务供应商的培训和规范管
理。
三、《视觉手册 2.1 版》自本通知印发之日起实施，印
刷版本及配套完稿文件光盘将于近期发送到各分行及总行
业务板块牵头部门，
《视觉手册 2.0 版》不再适用。按照《视
觉手册 2.0 版》制作的存量办公物料、宣传物料原则上可继
续使用至 2015 年底。

2
 附件：上海浦东发展银行视觉设计手册 2.1 版本

上海浦东发展银行办公室
2015 年 8 月 27 日

联系人： 蔡君伟 联系电话：61618680

上海浦东发展银行办公室 2015 年 8 月 31 日印发
3
上海浦东发展银行
视觉设计手册
2.1版本

2.1
 视觉识别应用系统

A.01 基础系统
A.02
A.03 B.01

A.04 B.02

A.05 B.03
B.04
B.05
B.06
B.07
B.08
B.09
B.10
B.11
B.12
B.13
B.14
B.15
B.16
B.17
B.18
B.19
B.20
B.21
B.22
 品牌架构示意

办公应用系统 广告宣传系统 F.01 主品牌与子品牌示意

F.02 主/子品牌标识规范及制图
C.01 总行名片 D.01 广告尾版(4:3) F.03 主/子品牌标识色彩示意
C.02 分行名片 D.02 广告尾版(16:9) F.04 品牌架构层次的基本视觉应用
C.03 C4信封 D.03 杂志广告版式(竖版) F.05 子品牌应用示范（小微金融）
C.04 C5信封 D.04 杂志广告基本元素(竖版) F.06 合作品牌应用规范
C.05 DL信封 D.05 F.07 合作品牌应用示范（两家合作）
杂志广告版式(横版)
C.06 信纸和便签
D.06 杂志广告基本元素(横版)
C.07 信纸(无联系信息版)
D.07 海报版式(竖版)
C.08 文件袋
D.08 海报版式基本元素(竖版)
C.09 文件夹
C.10
D.09 海报版式(横版)
手提袋
C.11 礼品包装 D.10 海报版式基本元素(横版)

C.12 电脑演示模版 D.11 宣传折页版式

D.12 宣传折页基本元素
D.13 产品说明书版式
D.14 产品说明书基本元素
D.15 易拉宝
D.16 户外看板/灯箱A
D.17 户外看板/灯箱B
D.18 会议背景版
D.19 签约背景版

新媒体系统

E.01 网页版式
E.02 网页banner
E.03 微信宣传页
品牌定 位概 述
品牌定位概述 进入浦发银行的品牌世界 A.01

浦发银行品牌形象的建立，在于对品牌承诺的持续耕耘与对外视觉
形象传播的一致展现。

本视觉手册是对浦发银行品牌内涵、基本视觉元素以及应用方式所
制订的标准和规范。2.1版本在2.0版本的基础上，针对办公应用系
统和广告宣传系统进行了优化设计，进一步强化并突出了品牌记忆
点。为确保每一次传播均传达一致的品牌内涵，使用单位务必严格
遵循本视觉手册的相关规定。

视觉手册2.1版本由总行办公室负责解释并统筹管理。
品牌定位概述 浦发银行的愿景 A.02

建设具有核心竞争优势的
现代金融服务企业
品牌定位概述 浦发银行的价值观 A.03

浦发银行的价值观

笃守诚信 创造卓越
品牌定位概述 浦发银行的品牌特质 A.04

进步前瞻的思维和视野

专业严谨的金融服务

务实高效的行为准则

企业公民的社会责任实践
品牌定位概述 浦发银行的品牌标语 A.05

新思维 心服务
视 觉识 别应 用系统
Visual Identity Application System

基础系 统
基础系统 标志标准型 B.01

在标志系统中，采用中、英文简称“浦发银

行SPD BANK”简洁上口，利于应用传播。

LOGO整体传承以往造型，形似流动之水，

代表浦发银行源起黄浦江畔，伴随现代金融

改革发展的浪潮，汇聚力量，团结一致，不

断向前；LOGO两端延展、开放、昭示未来

无限发展的可能。
基础系统 标志格化图 B.02

标志在视觉设计要素中应用最为广泛，出现

频率最高。在任何情况下，均不得随意改变

其图形，以保持标志始终以标准型呈现。

务必使用本规范所附电子文档。
基础系统 标志标准型预留空间和最小应用 B.03

预留空间

为有效保护标志的视觉效果，其周边必须保

留足够的空间作为预留空间，在预留空间内

禁止出现任何文字，图案或其他元素。

最小应用

为确保标志的图形和文字保持清晰且容易被

识别，标志使用时不得小于规定尺寸。
基础系统 标志辅助型 (一)、(二) B.04

为实现对外视觉传达的一致性，在不适合

使用标准型的空间情况下，可以选用标志

辅助型，标志辅助型一在宽度有限的情况

下使用；标志辅助型二在较为狭长的空间

内使用。使用时，应根据状况选择适用的

组合，但不得任意改动标志组合方式。

务必使用本规范所附电子文档。
基础系统 标志辅助型格化图 (一)、(二) B.05

为实现对外视觉传达的一致性，在不适合

使用标准型的空间情况下，可以选用标志

辅助型，标志辅助型一在宽度有限的情况

下使用；标志辅助型二在较为狭长的空间

内使用。使用时，应根据状况选择适用的

组合，但不得任意改动标志组合方式。

务必使用本规范所附电子文档。
基础系统 标志辅助型预留空间和最小应用 (一)、(二) B.06

预留空间

为有效保护标志的视觉效果，其周边必须保

留足够的空间作为预留空间，在预留空间内

禁止出现任何文字，图案或其他元素。

最小应用

为确保标志的图形和文字保持清晰且容易被

识别，标志使用时不得小于规定尺寸。
基础系统 标志辅助型 (三)、(四) B.07

为实现对外视觉传达的一致性，在不适合

使用标准型的空间情况下，可以选用标志

辅助型，标志辅助型三适用于狭长的竖式

空间。标志辅助型四适用于更为狭长的竖

式空间。使用时，应根据状况选择适用的

组合，但不得任意改动标志组合方式。

务必使用本规范所附电子文档。
基础系统 标志辅助型格化图 (三)、(四) B.08

为实现对外视觉传达的一致性，在不适合

使用标准型的空间情况下，可以选用标志

辅助型，标志辅助型三适用于狭长的竖式

空间。标志辅助型四适用于更为狭长的竖

式空间。使用时，应根据状况选择适用的

组合，但不得任意改动标志组合方式。

务必使用本规范所附电子文档。
基础系统 标志辅助型预留空间和最小应用 (三)、(四) B.09

预留空间

为有效保护标志的视觉效果，其周边必须保

留足够的空间作为预留空间，在预留空间内

禁止出现任何文字，图案或其他元素。

最小应用

为确保标志的图形和文字保持清晰且容易被

识别，标志使用时不得小于规定尺寸。
基础系统 标志色彩系统 B.10

标准色彩

色彩是除了造型之外最能强化视觉形象的重

要设计元素。标准色彩是品牌的特定色彩系

统，在视觉上形成品牌的主要印象，因此应

该始终保持标准色的一致运用。

标准色彩以蓝色为主，红色配合使用，从而

在保持原有品牌形象，传达专业、严谨、智

慧内涵的同时，彰显浦发银行与时俱进、亲

和客户的特质。

辅助色彩

辅助色彩作为品牌标准色的辅助搭配，可以

协助突出品牌的主要色彩，也可增强品牌在

颜色应用上的丰富性和灵活性。
基础系统 标志黑白使用 B.11

在只能使用黑白单色的情况下使用此呈现方

式。主要适用于需要使用无法出现色阶的制

作方式的应用项目。

在任何情况下，使用者均不能随意改变或重

新组合标志的各个部分，为保持标志以标准

的形态出现。

务必使用本规范所附电子文档。
基础系统 标志在背景色上的使用方式 B.12

为有效保护标志的视觉效果，建议标志标

准组合在指定的背景颜色上使用，勿随意

使用其他背景颜色。通常情况下，应首选

白色背景。

在浅色背景上时，应使用标准色标志；在

深色背景上，须使用反白标志。
基础系统 色彩使用禁例 B.13

如果标志不按照规范使用，容易传达错误信

息，并且对品牌形象产生不良影响。因此禁

止出现任何不按规定使用标志的情况。

例如：

1.不得随意改变标志颜色，白色背景下应为

标准色标志。

2.不得在深色背景上使用标准色标志，应使

用反白标志。

3.不得在标准蓝色上改变标志的颜色，应使

用反白标志。

4.不得在红色背景上使用标准色标志，应使

用反白标志。

5.不得在浅色背景上使用反白标志，应使用

标准色标志。
基础系统 标志使用禁例 B.14

如果标志不按照规范使用，容易传达错误

信息，并且对品牌形象产生不良影响。因

此禁止出现任何不按规定使用标志的情况。

例如：

1. 更改标志元素间的距离

2. 扭曲标志或随意变形

3. 重新调配任何标志的元素

4. 在复杂的背景上使用标志

5. 更改标志的比例

6. 转动标志的方向

7. 以线条效果表现标志

8. 使用光晕或边线环绕标志
基础系统 辅助图形使用方式 B.15

辅助图形是除了标志之外能够强化视觉形

象的重要设计元素。为贯彻视觉表现的统

一性，使用时必须参照右侧图中的使用规
蓝色带 ：红色带 ＝ 2 ：1
范以及手册中的项目应用。

蓝色带 ：红色带 ＝ 3 ：1

蓝色带 ：红色带 ＝ 4 ：1

蓝色带 ：红色带 ＝ 5 ：1

蓝色带 ：红色带 ＝ 4 ：1

蓝色带 ：红色带 ＝ 7 ：1

当辅助图形为渐变色使用，请根据不同物料按上方六种色带按比例分割的方式。
基础系统 辅助图形色彩规范 B.16

辅助图形是除了标志之外能够强化视觉形

象的重要设计元素。为贯彻视觉表现的统

一性，使用时必须参照右侧图中的使用规

范以及手册中的项目应用。

请严格按照右侧规范示意中的色值来设定 渐变色应用

色彩，以达到统一的视觉效果。

C100 M60 Y0 K0 C100 M70 Y5 K40 C0 M90 Y85 K0 C0 M100 Y80 K35
R0 G91 B172 R7 G38 B88 R232 G56 B40 R164 G0 B17

C100 M60 Y0 K0 C0 M90 Y85 K0

R0 G91 B172 R232 G56 B40

C100 M70 Y5 K40 C0 M100 Y80 K35

R7 G38 B88 R164 G0 B17
基础系统 标准打字体 B.17

黑体家族
企业各类印刷品，市场营销宣传物等均应

一致使用所设定的标准打字体。在使用标

准打字体系列内的各种字款时，不得随意

改变字体，以确保品牌形象的一致性。

黑体家族

浦发银行 浦发银行
方正大黑简体 方正兰亭中黑 方正兰亭细黑

Helvetica Neue
基础系统 标志标准型与标语的组合 B.18

为实现对外视觉传达的一致性，特别规定

标志标准型与标语的组合。这些组合基本

能够满足各种不同场合的应用，使用时，

应根据实际状况及版式选择适用的组合，

不得任意改动其组合方式。

具体使用规范请参照本手册B.16部分
基础系统 标志标准型与标语的组合格化图 B.19

为实现对外视觉传达的一致性，特别规定

标志标准型与标语的组合。这些组合基本

能够满足各种不同场合的应用，使用时，

应根据实际状况及版式选择适用的组合，

不得任意改动其组合方式。
基础系统 标志标准型与标语的组合反白使用 B.20

为实现对外视觉传达的一致性，特别规定

标志标准型与标语组合的反白使用方式。

这些组合基本能够满足各种不同场合的应

用，使用时，应根据实际状况及版式选择

适用的组合，不得任意改动其组合方式。

上方基本组合中的灰色为企业辅助色K75
基础系统 分行名称与业务名称与标志的组合 B.21

为实现对外视觉传达的一致性，特别规定

分行名称与业务名称与标志的组合，不得

任意改动其组合方式。

手册中文字内容为示范，可根据实际内容

进行调整，但必须在指定位置内，并使用

规定的颜色、字体和字号。
 B.22
基础系统 分行名称与业务名称与标志的组合标准格化图

为实现对外视觉传达的一致性，特别规定

分行名称与业务名称与标志的组合，不得

任意改动其组合方式。

手册中文字内容为示范，可根据实际内容

进行调整，但必须在指定位置内，并使用

规定的颜色、字体和字号。
视觉识 别应 用系统
Visual Identity Application System

办公 应 用 系 统
 C.01
办公应用系统 总行名片

名片
尺寸：90mm(w)x54mm(h)
7.5mm
材质：推荐使用 230g 丽感纸象牙白

或 300g 进口荷兰白卡。
1

1 品牌标志
2 浦发人 4 上海浦东发展银行股份有限公司
8.4mm x 30mm
3 处长助理 5 上海市中山东一路12号
在品牌标志后不得添加分支机构名称。 私人银行部 邮编 200002
电话（T） + 86 21 61618888
传真（F） + 86 21 63232036
2 姓名
手机(M) + 86 136 8888 0000
中文：细黑简 英文：Helvetica Neue Light 邮箱(E ) + pufaren@spdb.com.cn
字号：11pt 字号：9pt
正面 3mm
字距：100% 字距：100%

8.5mm 8.5mm
3 职位及联系信息

中文：细黑简 英文：Helvetica Neue Light

2 Pu Fa Ren 6
字号：7pt 字号：7pt
3 Assistant Division Chief
字距：100% 字距：100% Private Banking Dept.
行距：9pt 行距：9pt
4 Shanghai Pudong
Development Bank Co.,Ltd.
4 公司或分支机构名称 5 No.12 Zhongshan Dong Yi Road
Shanghai China 200002
中文：中黑简 英文：Helvetica Neue Mediuum T + 86 21 61618888
字号：7pt 字号：8pt F + 86 21 63232036 6
M + 86 136 8888 0000
字距：100% 字距：100% E + pufaren@spdb.com.cn
行距：8.4pt 行距：8pt
背面
5 公司或分支机构地址及信息

中文：细黑简 英文：Helvetica Neue Light

字号：7pt 字号：7pt

字距：100% 字距：100%

行距：9pt 行距：9pt

6 附加信息：

包含客户服务热线、网址和二维码信息，同时应注意

二维码链接的信息是否正确。左侧二维码为总行官方

微信链接，不得删减或变动。右侧位置可视各单位所

需，设置为本单位微信、微博或重点业务活动二维码。

二维码尺寸：13.5mm x 13.5mm

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件
 C.02
办公应用系统 分行名片

名片
尺寸：90mm(w)x54mm(h)
7.5mm
材质：推荐使用 230g 丽感纸象牙白

或 300g 进口荷兰白卡。
1

1 品牌标志 4 上海浦东发展银行股份有限公司
2 浦发人
北京 金融街支行
8.4mm x 30mm 3 处长助理
5 上海市中山东一路12号
在品牌标志后不得添加分支机构名称。 私人银行部
邮编 200002
电话（T） + 86 21 61618888
传真（F） + 86 21 63232036
2 姓名
手机(M) + 86 136 8888 0000
中文：细黑简 英文：Helvetica Neue Light 邮箱(E ) + pufaren@spdb.com.cn
字号：11pt 字号：9pt
正面 3mm
字距：100% 字距：100%

8.5mm 8.5mm
3 职位及联系信息

中文：细黑简 英文：Helvetica Neue Light

2 Pu Fa Ren 6
字号：7pt 字号：7pt
3 Assistant Division Chief
字距：100% 字距：100% Private Banking Dept.
行距：9pt 行距：9pt Shanghai Pudong
4 Development Bank Co.,Ltd.
Beijing Jinrong Street Branch
4 公司或分支机构名称 5 No.12 Zhongshan Dong Yi Road
Shanghai China 200002
中文：中黑简 英文：Helvetica Neue Mediuum T + 86 21 61618888
字号：7pt 字号：8pt F + 86 21 63232036 6
M + 86 136 8888 0000
字距：100% 字距：100% E + pufaren@spdb.com.cn
行距：9pt 行距：8pt
背面
5 公司或分支机构地址及信息

中文：细黑简 英文：Helvetica Neue Light

字号：7pt 字号：7pt

字距：100% 字距：100%

行距：9pt 行距：9pt

6 附加信息：

包含客户服务热线、网址和二维码信息，同时应注意

二维码链接的信息是否正确。左侧二维码为总行官方

微信链接，不得删减或变动。右侧位置可视各单位所

需，设置为本单位微信、微博或重点业务活动二维码。

二维码尺寸：13.5mm x 13.5mm

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件
 C.03
办公应用系统 C4信封

25mm 11.5mm
总行版式

信封 C4（9号封）
尺寸：324mm(w)x229mm(h)

材质：推荐使用 140g 钢古细致滑面白色。

1 品牌标志

15mm x 54mm

在品牌标志后不得添加分支机构名称。

2 二维码

左侧二维码为总行官方微信链接，不得删减或变动。

右侧位置可视各单位所需，设置为本单位微信、微博

或重点业务活动二维码。

30mm x 30mm

5
3 公司或分支机构名称

中文：中黑简

字号：11pt 2
字距：100% 行距：13pt

4 邮编 1 3 上海浦东发展银行股份有限公司
上海市中山东一路12号
中文：细黑简
18mm 4 邮政编码 200002
字号：15pt
5mm
5 客服热线

采用客服热线的标准组合 245mm

注：

本页中的文字信息仅作视觉效果参考，

实际应用中，请提取光盘中的电子完稿文件

上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行
乌鲁木齐北京南路557号

邮政编码 830011

分支机构版式例举
 C.04
办公应用系统 C5信封

12mm 8mm
信封C5（7号封）
尺寸：229mm(w)x162mm(h) 总行版式
材质：推荐使用 120g 钢古细致滑面白色。

1 品牌标志

12mm x 43mm

在品牌标志后不得添加分支机构名称。

2 二维码

左侧二维码为总行官方微信链接，不得删减或变动。

右侧位置可视各单位所需，设置为本单位微信、微博
5
或重点业务活动二维码。

20mm x 20mm
2

3 公司或分支机构名称
上海浦东发展银行股份有限公司
1 3
中文：中黑简 上海市中山东一路12号

字号：9pt 15mm 4 邮政编码 200002

字距：100% 行距：10.8pt 5mm

4 邮编 170mm
中文：细黑简

字号：12pt

5 客服热线

采用客服热线的标准组合

注：

本页中的文字信息仅作视觉效果参考，实际应用中， 上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行

请提取光盘中的电子完稿文件 乌鲁木齐北京南路557号

邮政编码 830011

分支机构版式例举
 C.05
办公应用系统 DL信封

信封DL (5号封） 总行版式

尺寸：220mm(w)x110mm(h)

材质：推荐使用 120g 钢古细致滑面白色。 35mm

1 品牌标志

10mm x 36mm

在品牌标志后不得添加分支机构名称。

2 二维码
5
左侧二维码为总行官方微信链接，不得删减或变动。

右侧位置可视各单位所需，设置为本单位微信、微博 2
或重点业务活动二维码。

20mm x 20mm
1 3 上海浦东发展银行股份有限公司
上海市中山东一路12号

3 公司或分支机构名称
15mm 4 邮政编码 200002

5mm
中文：中黑简

字号：9pt

字距：100% 行距：10.8pt 12mm 8mm

4 邮编
160mm
中文：细黑简

字号：12pt

5 客服热线

采用客服热线的标准组合

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件 上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行
乌鲁木齐北京南路557号

邮政编码 830011

分支机构版式例举
 C.06
办公应用系统 信纸和便签

信纸
尺寸：210mm(w)x297mm(h) 信纸
15mm
材质：推荐使用100g刚古滑面乳白纸
1

便签

尺寸：105mm(w)x140mm(h)

材质：推荐使用120g进口胶版纸。

便签
1 品牌标志

54mm x 150mm 6
在品牌标志后不得添加分支机构名称。

2 公司或分支机构名称

中文：中黑简

字号：7pt

字距：100% 行距：8.4pt

英文：Helvetica Neue Mediuum

字号：7pt

字距：100% 行距：7pt

3 公司或分支机构地址

中文：细黑简

字号：7pt

字距：100% 行距：8.4pt

英文：Helvetica Neue Light

字号：7pt

字距：100% 行距：8.4pt 2 Shanghai Pudong

上海浦东发展银行股份有限公司
上海市中山东一路12号
Development Bank Co.,Ltd.
4 5
3 邮编 200002
No.12 Zhongshan Dong Yi Road
Shanghai China 200002

4 二维码
5mm
5mm
左侧二维码为总行官方微信链接，不得删减或变动。

右侧位置可视各单位所需，设置为本单位微信、微博 23mm 23mm

或重点业务活动二维码。

20mm x 20mm

5 客服热线

采用客服热线的标准组合 上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行
Shanghai Pudong
Development Bank Co.,Ltd.
Urumqi Beijing Road Branch
乌鲁木齐北京南路557号
No.557 South Beijing Road
邮编 830011
Urumqi China 830011

6 品牌标识

11mm x 40mm
分支机构版式例举
 C.07
办公应用系统 信纸(无联系信息版)

信纸
尺寸：210mm(w)x297mm(h) 信纸
15mm
材质：推荐使用100g刚古滑面乳白纸
1

1 品牌标志

54mm x 150mm

在品牌标志后不得添加分支机构名称。

注：本页中的文字信息仅作视觉效果参考，实际应用

中，请提取光盘中的电子完稿文件

5mm
5mm

23mm 23mm
 C.08
办公应用系统 文件袋

文件袋
尺寸：218mm(w)x300mm(h)

材质：推荐使用140g钢古细致滑面白色。

1 品牌标志

21mm x 75mm

在品牌标志后不得添加分支机构名称。

2 品牌辅助图形色带

13mm x 218mm

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件

13mm 2

23mm 43mm
 C.09
办公应用系统 文件夹

文件夹
尺寸：230mm(w)x315mm(h)

脊厚：5mm

材质：推荐使用300g进口铜版纸

1
1 标志标准型与标语组合

2 辅助色块

注：

本页中的文字信息仅作视觉效果参考，实际

应用中，请提取光盘中的电子完稿文件
2

浦发人 上海浦东发展银行股份有限公司
处长助理 上海市中山东一路12号
私人银行部 邮编 200002
电话（T）+ 86 21 61618293
传真（F）+ 86 21 61618746
手机（M）+ 86 136 2178 0650
邮箱（E）shanhf@spdb.com.cn
 C.10
办公应用系统 手提袋

手提袋
尺寸：280mm(w)x380mm(h)x90mm 5
材质：推荐使用350g哑粉纸覆哑光膜。

1 品牌标志

26mm x 94mm

在品牌标志后不得添加分支机构名称。

2 品牌辅助图形色块

3 客服热线

采用客服热线的标准组合
3
1
4 公司或分支机构名称及地址
15mm
位于手提袋的侧面下方
2
5 手袋编织绳

请选用色彩为浦发红的直径为7mm的编织绳

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件 233mm

4
上海浦东发展银行股份有限公司

上海市中山东一路12号
邮编 200002

27mm 47mm
 C.11
办公应用系统 礼品包装

礼品包装
1 2 3
礼品包装标签和缎带色彩请用浦发标准色彩。

1 标签

2 包装纸

3 缎带

注：

本页中的文字信息仅作视觉效果参考，实际应用中，

请提取光盘中的电子完稿文件

20mm

1 2 3
 C.12
办公应用系统 电脑演示模版

电脑演示模版
封面页 目录页 章节页
本页中对ppt中各种页面做了详细的规范，本页中的

文字信息仅作视觉效果参考，实际应用中，请提取光

盘中关于ppt的电子文件。

结尾页 全文字页 左右图文页

上下图文页 全图片页 层级页

数据图页 表格页 逻辑推导页

视觉 识别 应用系统
Visual Identity Application System

广告宣 传 系 统
 D.01
广告宣传系统 广告尾版(4 : 3)

本页例举了广告尾版版式，展示了如何灵活的
运用关键元素来进行版面设计，一般情况下，
请尽可能直接提取完稿文件并套用现成模版，
按照其中规范的位置和比例安排各元素。
此版面为一个整体画面，以集中视觉注意力。

4x
广告尾版基本元素说明 1

y
本页展示了浦发银行广告尾版的基本元素包括品牌标

志组合、标题、正文、品牌图片和附加信息。
3
尺寸：4 : 3显示屏

1 品牌标志组合：

根据不同的版面的需求可做相应的位置调整，只需保

证品牌标志组合位于画面中心区域，具体应用规范请

参看本手册B.18-B.19的相关章节。

2 品牌辅助图形色带 2 x

3 品牌标识语

设置变量x、y，其中y为版面高度，x的计算公式为

x=1/20y。
 D.02
广告宣传系统 广告尾版(16 : 9)

本页例举了广告尾版版式，展示了如何灵活的
运用关键元素来进行版面设计，一般情况下，
请尽可能直接提取完稿文件并套用现成模版，
按照其中规范的位置和比例安排各元素。
此版面为一个整体画面，以集中视觉注意力。

广告尾版基本元素说明 1 3x
y
本页展示了浦发银行广告尾版的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。
3
尺寸：16 : 9显示屏

1 品牌标志组合：

根据不同的版面的需求可做相应的位置调整，只需保

证品牌标识组合位于画面中心区域，具体应用规范请

参看本手册B.18-B.19的相关章节。
x
2 品牌辅助图形色带

3 品牌标识语

设置变量x、y，其中y为版面高度，x的计算公式为

x=1/16y。
 D.03
广告宣传系统 杂志广告版式(竖版)

本页例举了竖版品牌形象广告版式，展示了如
何灵活的运用关键元素来进行广告的版面设 2a
计，一般情况下，请尽可能直接提取完稿文件
并套用现成模版，按照其中规范的位置和比例
标题区域
安排各元素。
此版面分为上、中、下三个部分，上部为品牌
宣传主题与宣传语区域，中部为品牌宣传图片
区域，下部为品牌标识及口号区域。

文字区域
设置变量a、b，其中b为版面宽度，a的计算公式为

a＝1/21b。若假设页面为A4大小，即b＝210mm，

a＝10mm.

图片区域

品牌标识 品牌
辅助图形

a a
 D.04
广告宣传系统 杂志广告基本元素(竖版)

杂志广告系统
本页展示了浦发银行广告系统的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。

3
1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册B.15的相关章节。

2 品牌图片：

根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色 4
相呼应，与传播的主题相一致。

3 标题：

置于整个页面最上方，对应浦发蓝竖条，一个标题也

可分为多行书写，但建议不超过三行。标题部分在实

际应用中可根据文字多寡做相应的尺寸调整。

4 正文：

置于标题下方，对应浦发红竖条，背景为白色。正文

字号可根据实际内容多寡做相应调整，如有小标题请

注意字号的设置。

5 附加信息：

包含各种线上服务的ICON、客户服务热线和二维码
2
信息，同时应注意二维码链接的信息是否正确。

5
 D.05
广告宣传系统 杂志广告版式(横版)

本页例举了横版品牌形象广告版式，展示了如
何灵活的运用关键元素来进行广告的版面设
计，一般情况下，请尽可能直接提取完稿文件
并套用现成模版，按照其中规范的位置和比例
安排各元素。
9a

此版面分为上、下两个部分，上部为品牌宣传
2a
主题与品牌图片区域，该部分为左右结构，下
部为品牌标识及口号区域。

设置变量a、b，其中b为版面宽度，a的计算公式为
标题区域
a＝1/21b。若假设页面为A4大小，即b＝297mm，

a＝14mm.

图片区域

文字区域

品牌标识
品牌
辅助图形

a a a
 D.06
广告宣传系统 杂志广告基本元素(横版)

杂志广告系统
本页展示了浦发银行广告系统的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册B.15的相关章节。

2 品牌图片： 3
2
根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色

相呼应，与传播的主题相一致。

3 标题：
置于整个页面最上方，对应浦发蓝竖条，一个标题也 4 你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的
可分为多行书写，但建议不超过三行。标题部分在实
际应用中可根据文字多寡做相应的尺寸调整。
4 正文：
置于标题下方，对应浦发红竖条，背景为白色。正文
字号可根据实际内容多寡做相应调整，如有小标题请
内文二级标题
文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为
演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，
并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正
的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你
所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文
字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演
示出现，并不是真正的内容。
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的
文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为 5
演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，
并不是真正的内容。

注意字号的设置。

5 附加信息： 1
包含各种线上服务的ICON、客户服务热线和二维码

信息，同时应注意二维码链接的信息是否正确。
5
 D.07
广告宣传系统 海报版式(竖版)

本页例举了竖版品牌形象海报版式，展示了如
何灵活的运用关键元素来进行海报的版面设
2.5a
计，一般情况下，请尽可能直接提取完稿文件
并套用现成模版，按照其中规范的位置和比例
安排各元素。

此版面分为三个区域，左上部为品牌宣传主题与
标题区域
宣传语区域，中间区域为品牌宣传图片区域，下
部为品牌标识及口号区域。

设置变量a、b，其中b为版面宽度，a的计算公式为

a＝1/21b。若假设页面为A4大小，即b＝210mm，

a＝10mm. 文字区域

图片区域

品牌标识 品牌
辅助图形

a a
 D.08
广告宣传系统 海报版式基本元素(竖版)

海报系统
本页展示了浦发银行广告系统的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。

3
1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册 B.15 的相关章节。

2 品牌图片：

满版填充品牌图片，应保证视觉主体清晰明确，色调

与浦发的品牌色相呼应，与传播的主题相一致。

3 标题： 4
置于整个页面最上方，对应浦发蓝竖条，一个标题也

可分为多行书写，但建议不超过三行。标题部分在实

际应用中可根据文字多寡做相应的尺寸调整。

4 正文：

置于标题下方，对应浦发红竖条，背景为白色透明度，

白色透明度块在实际应用中可根据正文内容多寡做相
2
应的尺寸调整。文字通常以小标题形式出现，需根据

文字内容多寡注意字号的设置。

5 附加信息：

包含各种线上服务的 ICON、客户服务热线和二维码

信息，同时应注意二维码链接的信息是否正确。

5
 D.09
广告宣传系统 海报版式(横版)

本页例举了横版品牌形象海报版式，展示了如
何灵活的运用关键元素来进行海报的版面设
计，一般情况下，请尽可能直接提取完稿文件
并套用现成模版，按照其中规范的位置和比例
安排各元素。

此版面分为三个区域，左上部为品牌宣传主题与
宣传语区域，中间区域为品牌宣传图片区域，下 2.5a
部为品牌标志及口号区域。

设置变量a、b，其中b为版面宽度，a的计算公式为

a＝1/21b。若假设页面为A4大小，即b＝297mm，

a＝14mm. 标题区域

图片区域

文字区域

品牌标识
品牌
辅助图形

a a
 D.10
广告宣传系统 海报版式基本元素(横版)

海报系统
本页展示了浦发银行广告系统的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册 B.15 的相关章节。

2 品牌图片： 3 2
满版填充品牌图片，应保证视觉主体清晰明确，色调

与浦发的品牌色相呼应，与传播的主题相一致。

3 标题：

置于整个页面最上方，对应浦发蓝竖条，一个标题也

可分为多行书写，但建议不超过三行。标题部分在实

际应用中可根据文字多寡做相应的尺寸调整。

4
4 正文：

置于标题下方，对应浦发红竖条，背景为白色透明度，

白色透明度块在实际应用中可根据正文内容多寡做相
5
应的尺寸调整。文字通常以小标题形式出现，需根据

文字内容多寡注意字号的设置。

5 附加信息： 1
包含各种线上服务的 ICON、客户服务热线和二维码

信息，同时应注意二维码链接的信息是否正确。
5
 D.11
广告宣传系统 宣传折页版式

本页例举了宣传折页的版式，展示了如何灵活 背面 正面
的运用关键元素来进行版面设计，一般情况下，
请尽可能直接提取完稿文件并套用现成模版，
10mm

按照其中规范的位置和比例安排各元素。 品牌标识 品牌
辅助图形
此版面分为上、中、下三个部分，上部为品牌
标识及口号区域，中部为品牌宣传主题与宣传
语区域，下部为品牌宣传图片区域。
标题区域

文字区域

图片区域

附加信息 上海浦东发展银行股份有限公司
上海市中山东一路12号

邮政编码 200002

10mm

总行版式 5mm 5mm

上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行
乌鲁木齐北京南路557号

邮政编码 830011

分支机构版式例举
 D.12
广告宣传系统 宣传折页基本元素

内页 背面 正面
宣传折页基本元素说明
1
本页展示了浦发银行宣传折页的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。 前言 5

尺寸：95mm(w)x210mm(h)
尊敬的客户：
你所看到的文字仅作为演示出现，并不是真正的内
3
容。你所看到的文字仅作为演示出现，并不是真正
1 品牌标志组合： 的内容。你所看到的文字仅作为演示出现，并不是

真正的内容。你所看到的文字仅作为演示出现，并
根据不同的版面的需求可做相应调整，具体应用规范 不是真正的内容。

请参看本手册B.15及B.18-B.19的相关章节。
1 4
2 品牌图片：

根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色 2
相呼应，与传播的主题相一致。 你所看到的文字仅作为演示出现，并不是真正的内

容。你所看到的文字仅作为演示出现，并不是真正

的内容。你所看到的文字仅作为演示出现，并不是

真正的内容。你所看到的文字仅作为演示出现，并
3 标题： 不是真正的内容。你所看到的文字仅作为演示出现

，并不是真正的内容。你所看到的文字仅作为演示
置于整个页面最上方，对应浦发蓝竖条。一个标题也 上海浦东发展银行股份有限公司
出现，并不是真正的内容。你所看到的文字仅作为

演示出现，并不是真正的内容。
5 上海市中山东一路12号

邮政编码 200002
可分为多行书写，但建议不超过三行。
5

4 副标题：
内页
置于标题下方，对应浦发红竖条，背景为白色。文字

通常以小标题形式出现，需根据文字内容多寡注意字

号的设置。

01
内文二级标题 你所看到的文字仅作为演示出现，并不是真正的内

容。你所看到的文字仅作为演示出现，并不是真正
你所看到的文字仅作为演示出现，并不是真正的内
的内容。你所看到的文字仅作为演示出现，并不是
5 附加信息： 容。你所看到的文字仅作为演示出现，并不是真正
真正的内容。你所看到的文字仅作为演示出现，并
内文一级标题 的内容。你所看到的文字仅作为演示出现，
不是真正的内容。你所看到的文字仅作为演示出现
包含各种线上服务的ICON、客户服务热线和二维码 ，并不是真正的内容。你所看到的文字仅作为演示

出现，并不是真正的内容。你所看到的文字仅作为
内文二级标题
信息，同时应注意二维码链接的信息是否正确。 演示出现，并不是真正的内容。你所看到的文字仅
你所看到的文字仅作为演示出现，并不是真正的内
作为演示出现，并不是真正的内容。你所看到的文
容。你所看到的文字仅作为演示出现，并不是真正
字仅作为演示出现，并不是真正的内容。
的内容。你所看到的文字仅作为演示出现，并不是

真正的内容。你所看到的文字仅作为演示出现，并 你所看到的文字仅作为演示出现，并不是真正的内
不是真正的内容。你所看到的文字仅作为演示出现 容。你所看到的文字仅作为演示出现，并不是真正
，并不是真正的内容。你所看到的文字仅作为演示 的内容。你所看到的文字仅作为演示出现，并不是
出现，并不是真正的内容。你所看到的文字仅作为 真正的内容。你所看到的文字仅作为演示出现，并
演示出现，并不是真正的内容。你所看到的文字仅 不是真正的内容。你所看到的文字仅作为演示出现
作为演示出现，并不是真正的内容。你所看到的文 ，并不是真正的内容。你所看到的文字仅作为演示
字仅作为演示出现，并不是真正的内容。 出现，并不是真正的内容。你所看到的文字仅作为

你所看到的文字仅作为演示出现，并不是真正的内

容。你所看到的文字仅作为演示出现，并不是真正
02 演示出现，并不是真正的内容。你所看到的文字仅

作为演示出现，并不是真正的内容。你所看到的文

字仅作为演示出现，并不是真正的内容。
的内容。你所看到的文字仅作为演示出现，并不是
内文一级标题
真正的内容。你所看到的文字仅作为演示出现，并 你所看到的文字仅作为演示出现，并不是真正的内
不是真正的内容。你所看到的文字仅作为演示出现 容。你所看到的文字仅作为演示出现，并不是真正
，并不是真正的内容。你所看到的文字仅作为演示 内文二级标题 的内容。你所看到的文字仅作为演示出现，并不是
出现，并不是真正的内容。你所看到的文字仅作为 你所看到的文字仅作为演示出现，并不是真正的内 真正的内容。你所看到的文字仅作为演示出现，并
演示出现，并不是真正的内容。你所看到的文字仅 容。你所看到的文字仅作为演示出现，并不是真正 不是真正的内容。你所看到的文字仅作为演示出现
作为演示出现，并不是真正的内容。你所看到的文 的内容。你所看到的文字仅作为演示出现，并不是 ，并不是真正的内容。你所看到的文字仅作为演示
字仅作为演示出现，并不是真正的内容。 真正的内容。你所看到的文字仅作为演示出现，并 出现，并不是真正的内容。
 D.13
广告宣传系统 产品说明书版式

本页例举了产品说明书封面及封底的版式， 背面 正面
展示了如何灵活的运用关键元素来进行版面
设计，一般情况下，请尽可能直接提取完稿 28mm

文件并套用现成模版，按照其中规范的位置
品牌标识 品牌
和比例安排各元素。 辅助图形
此版面分为上、中、下三个部分，上部为品
标题区域
牌标识及口号区域，中部为品牌宣传主题与
宣传语区域，下部为品牌宣传图片区域。

文字区域

图片区域

上海浦东发展银行股份有限公司

附加信息
上海市中山东一路12号

邮政编码 200002

18mm

22mm 12mm
总行版式

上海浦东发展银行股份有限公司
乌鲁木齐 北京路支行
乌鲁木齐北京南路557号

邮政编码 830011

分支机构版式例举

广告宣传系统 产品说明书基本元素
产品说明书基本元素说明
本页展示了浦发银行产品说明书封面及封底的基本元
素包括品牌标识组合、标题、正文、品牌图片和附加
信息。尺寸：210mm(w)x297mm(h)
1 品牌标志组合：
根据不同的版面的需求可做相应调整，具体应用规范
请参看本手册B.15及B.18-B.19的相关章节。
2 品牌图片：
根据不同版面的需求可相应变动图片的区域与面积大
小，应保证视觉主体清晰明确，色调与浦发的品牌色
相呼应，与传播的主题相一致。
3 标题：
置于整个页面最上方，对应浦发蓝竖条。一个标题也
可分为多行书写，但建议不超过三行。
4 副标题：
置于标题下方，对应浦发红竖条，背景为白色。需根
据文字内容多寡注意字号的设置。
5 附加信息：
包含各种线上服务的ICON、客户服务热线和二维码
信息，同时应注意二维码链接的信息是否正确。
04
D.14
1
3
4
1
2
上海浦东发展银行股份有限公司
5 上海市中山东一路12号
邮政编码 200002
01
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字
仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现
，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的
内文一级标题
内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到
的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演
示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是
真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。
内文二级标题
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字
仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现
，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的
内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到
的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演
示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是
真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字 仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现
仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现 ，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的
，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的 内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到
内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到 的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演
的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演 示出现，并不是真正的内容。
示出现，并不是真正的内容。
内文二级标题
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字
仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现
，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的
05
 D.15
广告宣传系统 易拉宝基本元素

本页例举了易拉宝的版式，展示了如何灵活的
75mm
运用关键元素来进行版面设计，一般情况下，
品牌 品牌 1
请尽可能直接提取完稿文件并套用现成模版， 标识 辅助图形
按照其中规范的位置和比例安排各元素。 5
此版面分为上、中、下三个部分，上部为品牌
75mm
标识及口号区域，中部为品牌宣传主题与宣传
标题区域
语区域，下部为品牌宣传图片区域。
3

易拉宝基本元素说明
文字区域
本页展示了浦发银行易拉宝的基本元素包括品牌标识 4
组合、标题、正文、品牌图片和附加信息。

尺寸：800mm(w)x2000mm(h)
75mm
1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册B.15的相关章节。

2 品牌图片：
图片区域 2
根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色

相呼应，与传播的主题相一致。

3 标题：

置于整个页面最上方，对应浦发蓝竖条。一个标题也

可分为多行书写，但建议不超过三行。
75mm 5

4 正文： 30mm 30mm

置于标题下方，对应浦发红竖条，背景为白色。文字

通常以小标题形式出现，需根据文字内容多寡注意字

号的设置。

5 附加信息：

包含各种线上服务的ICON、客户服务热线和二维码

信息，同时应注意二维码链接的信息是否正确。
 D.16
广告宣传系统 户外看板/灯箱A基本元素

A
本页例举了户外看板 / 灯箱的版式 A，展示了
如何灵活的运用关键元素来进行版面设计，一
般情况下，请尽可能直接提取完稿文件并套用
标题区域 品牌
现成模版，按照其中规范的位置和比例安排各 标识
元素。 y 图片区域
此版面为一个整体画面，以集中视觉注意力。
文字区域
版面A分为左、右两个部分，左边部分为品牌
宣传图片、宣传主题区域与宣传语区域，右边
部分为品牌标识及口号区域。
x
户外看板/灯箱A基本元素说明
本页展示了浦发银行户外看板/灯箱的基本元素包括

品牌标识组合、标题、正文、品牌图片和附加信息。
3

1 品牌标志组合： 1
根据不同的版面的需求可做相应调整，具体应用规范 2
请参看本手册B.18-B.19的相关章节。

4
2 品牌图片：

根据不同版面的需求可相应变动图片的区域与面积大 5
5
小，应保证视觉主体清晰明确，色调与浦发的品牌色

相呼应，与传播的主题相一致。

3 标题：

置于整个页面最上方，对应浦发蓝竖条，一个标题也

可分为多行书写，但建议不超过三行。标题部分在实

际应用中可根据文字多寡做相应的尺寸调整。

4 正文：

置于标题下方，对应浦发红竖条，背景为白色透明度，

白色透明度块在实际应用中可根据正文内容多寡做相

应的尺寸调整。

5 附加信息：

包含各种线上服务的ICON、客户服务热线和二维码

信息，同时应注意二维码链接的信息是否正确。

如果品牌图片为深色，icon及文字请反白使用。

设置变量x、y，其中y为版面高度，x的计算公式为

x=1/18y
 D.17
广告宣传系统 户外看板/灯箱B基本元素

B1
本页例举了户外看板 / 灯箱的版式 B，展示了
如何灵活的运用关键元素来进行版面设计，一
般情况下，请尽可能直接提取完稿文件并套用
现成模版，按照其中规范的位置和比例安排各
元素。 y 1
2
此版面为一个整体画面，以集中视觉注意力。
版面B分为左、右两个部分，左边部分为品牌
标识组合，右边部分为附加信息区域。

户外看板/灯箱B基本元素说明
B2
本页展示了浦发银行户外看板/灯箱的基本元素包括

品牌标识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范
1
请参看本手册B.15的相关章节。 2

2 附加信息：

包含客户服务热线和网站信息。

设置变量x、y，其中y为版面高度，x的计算公式为

x=1/10y
 D.18
广告宣传系统 会议背景版基本元素

本页例举了会议背景版 A、B、C 三种版式，

展示了如何灵活的运用关键元素来进行版面设 1 x
计，一般情况下，请尽可能直接提取完稿文件
并套用现成模版，按照其中规范的位置和比例 2 3 此处填写文本标题，标题一行书写。
y 日期：2015.6.6
安排各元素。
此版面为一个整体画面，避免多余的元素，以
突出标题为主。

会议背景版基本元素说明
本页展示了浦发银行会议背景版的基本元素，包括品 B
牌标识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合： 1

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册B.15的相关章节。 2 3 此处填写文本标题，标题一行书写。
日期：2015.6.6

2 品牌色彩：

请尽量使用该页面中列举的三款背景色。

3 标题：

置于整个页面视觉中心，一个标题也可分为多行书写，

但建议不超过两行。

设置变量x、y，其中x为红蓝辅助图形高度，y为版 C
面高度，x的计算公式为x=1/6y

2 3 此处填写文本标题，标题一行书写。
日期：2015.6.6
 D.19
广告宣传系统 签约背景版基本元素

本页例举了签约背景版的版式，展示了如何灵
活的运用关键元素来进行版面设计，一般情况
下，请尽可能直接提取完稿文件并套用现成模
版，按照其中规范的位置和比例安排各元素。
此版面为一个整体画面，避免多余的元素，以
突出标题为主。

签约背景版基本元素说明
本页展示了浦发银行签约背景版的基本元素包括品牌
1
标识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合： 2 此处填写文本标题，标题一行书写。
请注意保持与合作单位的logo在视觉上大小一致。 日期：2015.6.6

2 标题：

置于整个页面视觉中心，一个标题也可分为多行书写，

但建议不超过两行。
视觉识 别应 用系统
Visual Identity Application System

新媒 体 系 统
 E.01
多媒体系统 网页版式基本元素

本页例举了网页的版式，展示了如何灵活的运
用关键元素来进行网页的版面设计，一般情况
下，请尽可能直接提取完稿文件并套用现成模 品牌
版，按照其中规范的位置和比例安排各元素。 标识

此版面分为上、中、下三个部分，上部为品牌
标识及导航栏区域，中部为品牌宣传主题、宣 标题区域
传语以及品牌宣传图片区域，下部为网页快捷
图片区域
按钮导航区域。
文字区域

网页版式基本元素说明
本页展示了浦发银行网页版式的基本元素包括品牌标

识组合、标题、正文、品牌图片和附加信息。

1 品牌标志组合：

根据不同的版面的需求可做相应调整，具体应用规范

请参看本手册B.15的相关章节。

1
2 品牌图片：
4
根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色 3 2
相呼应，与传播的主题相一致。

3 标题：
置于页面中部左半边，对应浦发蓝竖条。一个标题也

可分为多行书写，但建议不超过三行。
5
4 导航栏：

置于品牌标识下方，背景为白色。如有二级、三级导

航下拉菜单请注意字号与背景色的设置。

5 快捷按钮导航：

置于页面下部，包含各种网站服务板块的ICON，背

景为白色，弱化文字，以突出ICON图标为主。
 E.02
多媒体系统 网页banner基本元素

本页例举了网页 banner 的版式，展示了如何

灵活的运用关键元素来进行版面设计，一般情
况下，请尽可能直接提取完稿文件并套用现成 标题区域
模版，按照其中规范的位置和比例安排各元素。 图片区域
文字区域
此版面分为左、右两个部分，左边部分为品牌宣
传图片区域，右边部分为品牌标识及口号区域。

y x

网页banner基本元素说明
本页展示了浦发银行网页banner的基本元素包括品

牌标识组合、品牌图片和附加信息。

3 5
1 品牌标志组合：
1
根据不同的版面的需求可做相应调整，具体应用规范 2
请参看本手册B.18-B.19的相关章节。 4

2 品牌图片：

根据不同版面的需求可相应变动图片的区域与面积大

小，应保证视觉主体清晰明确，色调与浦发的品牌色

相呼应，与传播的主题相一致。

3 标题：

置于整个页面最上方，对应浦发蓝竖条，一个标题也
可分为多行书写，但建议不超过三行。标题部分在实

际应用中可根据文字多寡做相应的尺寸调整。

4 正文：

置于标题下方，对应浦发红竖条，背景为白色透明度，

白色透明度块在实际应用中可根据正文内容多寡做相

应的尺寸调整。

5 附加信息：

包含宣传语和二维码信息，二维码可根据实际情况选

择放置或移除。

设置变量 x、y,其中 y 品牌图片区域的宽度,x 为 固定比

例宽度,y 可根据 banner 实际宽度做相应的调整。

 E.03
多媒体系统 微信宣传页基本元素

本页例举了微信宣传页的版式，展示了如何灵
活的运用关键元素来进行版面设计，一般情况
下，请尽可能直接提取完稿文件并套用现成模
版，按照其中规范的位置和比例安排各元素。
此版面分为上、中、下三个部分，上部为微信
1
文章标题，中部为宣传图片与宣传主题，下部
为微信文章正文。

微信宣传页基本元素说明
本页展示了浦发银行广告系统的基本元素包括微信文

章标题、宣传图片、标题和正文。
3

1 微信文章标题：

标题字体黑色，根据不同的内容可做相应的字号调整。

2 宣传图片：

根据不同版面的需求可相应变动图片的区域与面积大
4
小，应保证视觉主体清晰明确，色调与浦发的品牌色

相呼应，与传播的主题相一致。

3 标题：

置于宣传图片下方，对应浦发红蓝竖条。一个标题也

可分为多行书写，但建议不超过三行。

4 正文：

置于标题下方，背景为白色。正文如有小标题请注意

字号的设置。
品 牌架 构示 意
Brand Architecture
品牌架构示意 主品牌与子品牌示意 F. 01

企业品牌

子品牌 小微金融服务品牌

主、子品牌协同示意
品牌架构示意 主/子品牌标识规范及制图 F. 02

品牌标识组合 比例关系

品牌标识组合 限制区域

品牌标识组合 制图
品牌架构示意 主/子品牌标识色彩示意 F. 03

小微金融

正向

反白
品牌架构示意 品牌架构层次的基本视觉应用 F. 04

标题区域

文字区域

主品牌/子品牌 主品牌/子品牌
标识组合 辅助图形
品牌架构示意 子品牌应用示范（小微金融） F. 05

浦发银行小微金融
品牌架构示意 合作品牌应用规范 F. 06

合作企业logo区域
（不多于2个logo,长度不超过版
面横长的1/2处）

标题区域

文字区域

此处二维码为官方二维码，
或活动二维码，也可无二维码

企业品牌辅助图形
品牌架构示意 合作品牌应用示范（两家合作） F. 07

靠浦一生

广告一级标题
内文标题
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为
演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正
的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文
字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。

内文标题
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为
演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正
的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文
字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。

内文标题
你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为
演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正的内容。你所看到的文字仅作为演示出现，并不是真正
的内容。你所看到的文字仅作为演示出现，并不是真正的内容。