OPPO品牌视觉识别手册
如果无法正常显示,请先停止浏览器的去广告插件。
1. oppo
品牌视觉识别手册
版本 2.0
OPPO品
品牌视觉识别
手册
2. OppO
品牌视觉识别手册
目录
目录
2
概览
2.2
2.4
3.0
3
关于本手册
58
色彩系统
118
图像语言
148
应用示意
示例图素材
59
介绍
119
介绍
149
户外大牌
60
色彩系统逻辑
120
概念-Aray of light
153
Keynote
1.0
61
色彩系统
122
产品系列风格一致性与差异性
158
社媒
5
介绍
62
色彩信息
160
视频尾版
6
前言
63
OPPO深绿
123
产品图
161
包装
品牌策略概览
>
64
OPPO浅绿
124
介绍
162
网站
11
品牌设计概念
65
二级色
125
表达方式
12
视觉调性
66
主色
126
灯光
禁止事项
67
比例
127
背景颜色
68
颜色组合
128
禁止事项
2.0
69
颜色组合使用示例
129
产品角度与构图
19
标志
70
标志和字体的颜色
20
介绍
71
在图片中使用颜色
131
场景图
22
安全区域
72
纯黑和纯白使用场景
132
介绍
23
比例
73
在材料和饰面使用颜色
133
模特选择
24
位置
134
妆发和服装
25
颜色
135
置景
27
联合标志
2.3
34
视频尾版
版式系统
136
样张样片
74
37
微笑前行组合标志
75
介绍
137
介绍
38
Inspiration Ahead 组合标志
78
网格
138
置景
39
组合标志使用场景
90
尺寸规范
40
禁止事项
95
内容层级
141
情绪表达
99
构图和留白
142
模特情绪正确示例
2.1
105
禁止事项
144
模特情绪错误示例
41
字体
145
微笑正确和错误示例
42
介绍
107
圆角矩形
147
微笑示例总览
43
拉丁字体设计
108
介绍
46
字符集
109
使用原则
47
字重总览
110
图像使用
48
简体中文
111
使用场景
49
易读性和可读性
113
形状、尺寸、字体
50
拉丁字体尺寸
115
位置
51
拉丁排版设置
116
使用比例
52
拉丁和中文混排字间距
117
禁止事项
53
中文排版设置
54
产品型号字设计规范
56
禁止事项
3. OppO
品牌视觉识别手册
概览
20
18
6
Hasselblad
Camera
OPPO Find X5 系列
双芯人像科技
oppo
BashCharRe
napdrag
Build A New Era Of
Intelligent Life
IP 68
Oppo
118°
onm
20bit
[NPU
FOV
微笑前行
8MP
EindX5Pro
品牌视觉识别手册日
4. oPpo
品牌视觉识别手册
介绍
关于本手册
“品牌”是我们最重要的资产之一,本手册的每一个视觉元素都表达了品牌的主
张和基因。
OPPO品牌部联合创意与设计部,制定了《OPPO品牌视觉识别手册》。本
手册是对2019年《OPPO品牌视觉识别系统》的优化与升级。本手册自发
布之日起生效,原2019年《OPPO品牌视觉识别系统》自动废止。
任何关于本手册的问题或特殊使用申请,请联系品牌部。
《OPPO品牌视觉识别手册》图片使用说明:
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于其他(包括但不限于印刷、喷绘、营销素材、数字
媒体、展览展示等)任何用途。公司业务部门如需要使用本手册的图片,请联系图片公司购买版权或自行组织拍摄。
5. oppo
品牌视觉识别手册
介绍
示例图素材
8Gen
Sualoermn
在这份文档中,示意图将有助于使规
8 Gen
范和准则更加可视化与具体化。
这些示意图并不是最终设计稿-
它
们只是用来帮助展示各个章节的示例。
Portrat
8Gen1
在“应用示例"一章中,示意图有利于
4K
激发创造性,并为新视觉识别系统的
使用提供方向性参考。
Qualcomm
Snapdragon
6. oppo
品牌视觉识别手册
版本 2.0
介绍
7. oPpo
品牌视觉识别手册
介绍
前言
让我们齐心合力讲述一个生动、一致的视觉故事,共同打造一个成功的全球
化品牌。
我们推出一个全新的视觉识别系统,体现品牌的独特主张、战略定位和DNA。
该系统适用于所有的场景,无论采用何种媒介,都可以在不同的语言与文化
环境中与用户友好对话,并以积极的态度共同展望未来。
8. oppo
品牌视觉识别手册
介绍
科技为人,以善天下
品牌使命
9. Oppo
品牌视觉识别手册
介绍
*OPPO品牌视觉识别手
微笑前行
品牌主张
10. OPPO
品牌视觉识别手册
OPPO品牌视觉识别
包括但不限于印刷、喷绘、营销素材、
引领智慧生活的全球化科技品牌
品牌战略定位
11. oppo
品牌视觉识别手册
介绍
品牌策略概览
使命
科技为人,以善天下
品牌主张
微笑前行
品牌定位
引领全球移动科技,仓
创造极致美妙体验
DNA
创新
友好
优雅
12. oPpo
品牌视觉识别手册
介绍
品牌设计概念
我们的设计支撑“微笑前行”的主张,践行“科技为人,以善天下”的使命。
品牌设计围绕“科技是人们的生活交互界面”的理念展开。它结合并平衡了功能
和情感元素,传达了有力的科技感和以用户为中心的思维方式。
OPPO的品牌设计系统兼具一致性和灵活性,旨在打造既一致又灵活,既温
暖又鼓舞人心的品牌体验,以生活中的真实故事,与用户建立社群连结。
13. Oppo
品牌视觉识别手册
介绍
12
视觉调性
科技
创新
友好
优雅
&DNA在
视觉中的
表达要求
我们对于科技的视觉表
我们的视觉语言在于捕
始终以用户为核心,我
我们的高品质、高技术
达应该建立在易用性和
捉鼓舞人心的真实瞬间。
们的视觉映射了他们的
含量的产品在日常生活
功能性的基础上,直观
我们拥有先进的技术并
真实生活。我们创作真
中为人们提供便利,带
清晰,运用前沿领先的
对未来充满乐观。我们
实的、人性化的故事,
来愉悦感,并帮助他们
设计手法构建流畅连贯
以沉浸式、富有动态感
这些故事平易近人、引
更好地生活。在视觉上,
的整体感和一致性。
的图像传递积极的能
人入胜,并且总是易于
我们努力提供轻松的、和
量、为用户带来切实的
阅读和理解。
谐的、简约的审美体验。
获得感。
14. ZK8903-00
科技
品牌视觉调性
15. oppo
品牌视觉识别手册
介绍
创新
品牌视觉调性
16. oppo
品牌视觉识别手册
介绍
友好
品牌视觉调性
17. oppo
品牌视觉识别手册
介绍
优雅
品牌视觉调性
18. opPo
品牌视觉识别手册
禁止事项
19. OppO
品牌视觉识别手册
介绍
18
禁止事项
庸俗
矫揉造作
煽情
不要使用不真诚的情感制造廉价的笑料或
不要炫耀或看起来显得充满优越感,我们
不要急于寻求关注,因为这表明对我们的
挑畔,显得庸俗。
不希望让人觉得冷漠和不友好。
品牌或产品缺乏信心。
虚假的
消极负面
在讲述我们的故事时,我们应该避免完全
我们不希望传递悲观、受伤、让人不安或
的虚假幻想,因为我们不希望不真实或脱
不愉快的视觉。
离现实。
VNITI
S
WAVE
业务部门如需要使用本手册的图片,请联系图片公司购买版权或自行组织拍摄
20. oppo
品牌视觉识别手册
版本 2.0
标志
21. oppo
品牌视觉识别手册
标志
20
介绍
品牌的名称和标志是我们最重要的品牌资产,它定义了我们的身份和承诺。
其主要功能是在我们所有活动中传递讯息,并始终独立代表我们的品牌。无
论其大小与周围环境如何,标志都能让人一眼认出。
OPPO的品牌标志设计优雅,简洁真
我们始终致力于以清晰、平衡的方
实,兼具现代感、力量感和动感。
式呈现品牌标志,确保巧妙地突显
品牌标志。
22. OpPO
品牌视觉识别手册
标志
我们的品牌标志
现有标志形态在本视觉识别手册中保
持不变。
标志作为品牌形象的重要组成部分,
是品牌建立身份、消费者用于识别的
第一印象。公司内产品和服务都应统
oppo
一在品牌标志的旗帜下,传递一致的
品牌印象。
OPPO 官方素材均需使用标志,包
括但不限于产品、包装、第三方广告
等场景,特殊情况请与品牌部沟通。
23. oppo
品牌视觉识别手册
标志
安全区域
品牌标志的安全区域以其中的字母
“O”为单位进行衡量。
24. oppo
品牌视觉识别手册
标志
比例
标志的尺寸原则
oppo
2/5×Oppo
我们可以根据具体用途,采用较小或
xoppa
较大尺寸的品牌标志。在决定品牌标
志的合适尺寸时,应考虑到应用的背
景和用途。
opPp
βoppo
确保品牌标志和网格对齐。
详见本手册的“版面设计"部分。
OPPO
oPPo
线上使用
最小可用高度为 20 px
OppO
印刷使用
最小可用高度为0.5cm
25. Oppo
品牌视觉识别手册
标志
位置
置于角落或中间
动态非对称位置示例
Oppo
Oppo
opPo
oppo
品牌的识别是运用各种工具创造而
成,正是这些工具使我们的表达充满
活力。
我们对于品牌标志的位置实行灵活的
OPPO
原则,确保我们的应用永远不会给人
以呆板之感。
常见情况是,将品牌标志置于角落,
并固定在网格的外边距上。
oppo
oppo
较少见的情况包括,版面设计分成三
列,以及垂直放置,不需要将品牌标
志置于顶端或底端等。
始终确保品牌标志位于网格上,并且与
版面设计中的其他元素保持整体对齐。
oppo
oppo
oppo
oppo
26. oppo
品牌视觉识别手册
标志
颜色
标准颜色
雅黑:HEX #201F1C
微白:HEX#FAFAFA
为在画面中时刻保持阅读的友好,品
OPPO
牌标志标准颜色为雅黑和微白。
极端特殊情况需要使用纯黑和纯白
需与总部品牌部沟通。
关于品牌标志的颜色使用,详见“颜
色”部分。
OPPO
27. Oppo
品牌视觉识别手册
标志
三种联合标志
主要颜色版本
雅黑与微白
组合规范
OpPO
Partnerlogotype
在以 OPPO为主场的活动中,应优先
将 OPPO 标志置于联合标志的左侧。
根据合作方标志形态选择相应不同的
合作方标志高度;H1适用于扁长形
态的联合标志,H2、H3多适用于方
体或上下组合形态的合作方标志。
OO
DC
ner logotype
H1由 OPPO 标志“O”的高度决定。
H2 由“O"高度的1.5 倍决定。
H3 由“O"高度的 2 倍决定。
分隔线的高度为OPPO 标志“O"的
宽度,宽度为标志“P"竖线宽度的
20%,颜色按背景采用雅黑或微白。
OPPO
Partnerlogotype
除非对方标志为纯白或纯黑,否则始
H3
终按照OPPO 标志标准颜色设计联
合标志。
*设定联合标志的并列方式及尺寸比
例必须考虑到对方标志的样式,可微
调以确保双方视觉上平衡。
28. Oppo
品牌视觉识别手册
标志
三种联合标志
主要颜色版本
雅黑与微白
组合规范
OpPO
Partnerlogotype
在以 OPPO为主场的活动中,应优先
将 OPPO 标志置于联合标志的左侧。
根据合作方标志形态选择相应不同的
合作方标志高度;H1适用于扁长形
态的联合标志,H2、H3多适用于方
体或上下组合形态的合作方标志。
OO
DC
ner logotype
H1由 OPPO 标志“O”的高度决定。
H2 由“O"高度的1.5 倍决定。
H3 由“O"高度的 2 倍决定。
分隔线的高度为OPPO 标志“O"的
宽度,宽度为标志“P"竖线宽度的
20%,颜色按背景采用雅黑或微白。
OPPO
Partnerlogotype
除非对方标志为纯白或纯黑,否则始
H3
终按照OPPO 标志标准颜色设计联
合标志。
*设定联合标志的并列方式及尺寸比
例必须考虑到对方标志的样式,可微
调以确保双方视觉上平衡。
29. oppo
品牌视觉识别手册
标志
横版联合标志
主要颜色版本
雅黑与微白
组合规范
oppo
当合作方标志和OPPO 横版放置时,
按以下规则设置合作方标志大小和分
割线。
合作双方标志之间的间距为 2个
OPPO 标志"O"的高度。
中国移动
OPPO
合作方标志始终相对 OPPO 标志
China Mobile
的“O”水平居中对齐。
右侧展示不同比例的合作伙伴与
OPPO 标志联合的示例。
OPPO
30. Oppo
品牌视觉识别手册
标志
横版联合标志
主要颜色版本
雅黑与微白
组合示例
OPPO
*设定联合标志的并列方式及尺寸比
例必须考虑到对方标志的样式,可微
调以确保双方视觉上平衡。
中国移动
OPPO
China Mobile
OPPO
31. opPo
品牌视觉识别手册
标志
30
竖版联合标志
在以 OPPO为主场的活动中,应优先
将 OPPO 标志置于联合标志的上侧。
当合作方标志和OPPO竖版放置
时,须按同样规则设置合作方标志大
小和分隔线。
OPPO标志与合作方标志之间间隔
1.5个"0"的高度。
合作方标志始终与OPPO 标志居中
对齐。
H2
H3
32. oppo
品牌视觉识别手册
标志
竖版联合标志
组合示例
D
*设定联合标志的并列方式及尺寸比
例必须考虑到对方标志的样式,可微
调以确保双方视觉上平衡。
H2
H3
中国移动
China Mobile
33. oppo
品牌视觉识别手册
标志
竖版联合标志
组合示例
OPPO
*设定联合标志的并列方式及尺寸比
例必须考虑到对方标志的样式,可微
调以确保双方视觉上平衡。
SC
中国移动
China Mobile
34. opPo
品牌视觉识别手册
标志
多方合作
右侧展示多方合作伙伴与 OPPO 标
志联合的组合规范示例。
35. OppO
品牌视觉识别手册
标志
视频尾版
标志O的高度是版面页边距的1.2倍(1.2x)
标志○的高度是版面页边距的1倍 (1x)
标志大小和位置
在为TVC 尾版指定标志的尺寸时,
我们使用标志尺寸的基本原则—以
OpPo
页边距为基础。
对于1920*1080的水平格式,我们
使用的标志是页边距的1.2倍。
oppo
对于垂直格式的1080*1920,我们
使用的标志是页边距的1倍。
我们总是根据页边距的高度将标志垂直居中对齐
oppo
36. Oppo
品牌视觉识别手册
标志
浅色版
浅色版
深色版
透明版
视频尾版
背景颜色使用
oppo
我们使用主色中雅黑和微白,创建两
个版本的尾版。
oppo
oppo
在某些情况下,例如在动态图像中,
出于对比度或节日氛围的需要可以使
深色版
用纯黑和纯白或叠加透明结束帧。
所有的动画和视频内容都使用同样的
视频尾版,这样有助于建立视觉的一
致性,传递统一的信息。所有视频资
oppo
产都应在最后一帧以相同的视频尾版
结束。
透明版
OpP
37. oppo
品牌视觉识别手册
标志
36
联合标志视频尾版
标志〇的高度是版面页边距的1.2倍(1.2x)
标志○的高度是版面页边距的1倍 (1x)
标志大小和位置
在为TVC 尾版指定标志的尺寸时,
我们使用标志尺寸的基本原则—以
页边距为基础。
对于1920*1080的水平格式,我们
使用的标志是页边距的1.2倍。
对于垂直格式的1080*1920,我们
使用的标志是页边距的1倍。
我们总是根据页边距的高度将标志垂直居中对齐
38. OppO
品牌视觉识别手册
标志
品牌主张
中文组合标志
组合标志由两部分组成,上部分为
OPPO品牌标志,下部分为品牌主
张文字,两者共同构成新的组合标
志。右图为展示的是中文组合标志,
适用于使用中文的市场。
oppo
该组合是一个平衡的整体,使用中不
得改变其形状、结构和比例。
比例原则:设定标志中“O"的高度为
×,"微笑前行“高度为0.5X,字首与
字末较OPPO 标志分别缩近0.5X,
0.5X
两者间距0.5X。
微笑前
行
0.5X
详细的使用规范见《品牌主张使用规
范》。
0.5X
0.5X
39. oppo
品牌视觉识别手册
标志
品牌主张
英文组合标志
组合标志由两部分组成,上部分为
OPPO品牌标志,下部分为品牌主
张文字,两者共同组合成品牌新的组
合标志。右图为展示的是英文组合
标志,适用于除使用中文市场的所有
市场。
OPPO
标志是一个平衡的整体,使用中不得
改变其形状、结构和比例。
比例原则:设定标志中“O”的高度
X,“Inspiration Ahead” 高 度 为
0.5X
0.55X,两者间距0.5X。
Inspiration Ahead
0.55X
详细的使用规范见《品牌主张使用规
范》。
40. oppo
品牌视觉识别手册
标志
组合标志
必用场景
可用场景
使用场景
品牌TVC尾版
产品TVC尾版
品牌KV
产品KV
手机启动页
社交媒体图片、视频
产品包装说明书套
App 启动页面
立体、发光字、背景墙
采访背景墙
41. oppo
品牌视觉识别手册
标志
禁止事项
OPPO
OppO
-禁止以任何方式改变品牌标志 (拉伸、挤压或重绘)
·禁止对品牌标志添加效果
禁止轮廓化标志
禁止设置边框
-禁止随意对品牌标志上色
-禁止使用浅绿色品牌标志
-禁止将品牌标志贴于地面上
-禁止将品牌标志放在杂乱背景上
OPPO
OPPO
42. oppo
品牌视觉识别手册
版本 2.0
字体
43. oPpo
品牌视觉识别手册
字体
介绍
我们的字体,代表了品牌的声音。该字体是专为OPPO定制,是品牌工具箱
中最关键的资产之一。我们所有的传播均采用该字体,因此,该字体作为品
牌形象大使,从小型印刷品到大型产品推广中,都发挥看举足轻重的作用。
44. oppo
品牌视觉识别手册
字体
拉丁字体设计
OPPO
Inspiration
Ahead
这是一款以 Grotesk 为基础,并兼
具现代感的拉丁字体,它将科技感和
FindX5
人文主义巧妙地结合在一起。
这款字体有几个重要的特征,字体设
计偏大气方正,局部结构形式做了有
机与生动的变化。同时这两者与带有
机械感笔画形状相结合。
A93
其主要特点是清晰、易读、符合品牌
个性,并且其经典的造型保证其使用
的长久性。
45. OppO
品牌视觉识别手册
字体
字体细节
与正圆或椭圆相比,○的形状略呈正
方形。
略呈方形的圆形形状与机械几何形
状,是增强科技表现力的两大特征。
主要特征:
-清晰
-永不过时
在字母K和N中呈现机械结构和特
色笔触。
46. OppO
品牌视觉识别手册
字体
字体细节
圆润的笔触和直线之间对比鲜明的连
接,突显了字母形状。
apn
圆润的笔触和对比鲜明的连接,对于
塑造字体的整体人文个性起到了重要
作用。开放式端口是一项经典特征,
方便读者辨认一
-特别是在小尺寸的
场景下一
-这也是很多人文字体均使
用的方法。
主要特征:
-易辨认
-个性化
14
端口处利用a、C、e等字母的较大孔
数字1端口处和数字4顶端处的弧
径进行斜切,使字体更加开阔,进而
线,体现了塑造该字体独特个性的
更方便阅读。
典型特征。
e
47. oppo
品牌视觉识别手册
字体
46
字符集
Regular
Medium
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
AAAAAAAAAAECCCDDEEEEEEEEGGGImJIJ
AAAAAAAAAAECCCDDEEEEEEEEGGGIJJAAAAAAAAAAECCCDDEEEEEEEEGGGIjIJ
KLLLLNNNNNOOOOOOOOCERRRSSS
KLLLENNNNNOOOOOOOOCERRRSSS
KLLLLNNNNNOOOOOOOOCERRRSSS
该字体是基于扩展的拉丁字符集。
TTTFUUUUUUUUWWWWYYYYZZZDP
TTTTUUUUUUUUWWWWYYYYZZZDP
TTTTUUUUUUUUWWWWYYYYZZZDP
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
aaaaaaaaaaecccddeéeeeeeeggghinijj
aaaaaaaaaaecccddeeeeeeeeggghinilj
aaaaaaaaaaecccd'deéeeeeeeggghimmjj
kiltnnnnnoooooo?ooerrrsssstttt
kil!tnnnnnoooooo?oerrrsssistttt
kil!tnnnnnoooooooocerrsssstttt
uuauuiuqwwwwyyyyzzzop
uuauuiuqwwwwyyyyzzzop
duauuauqwwwwyyyyzzzop
0123456789 0123456789 $+¥01234567890123456789 0123456789$¥
0123456789 0123456789 $+
0123456789 14 1/2 3/4 1%8 3%8 5/8 78
012345678901234567891/41/23/41%3%5%7%
01234567890123456789141/23/41%3%5%7%8
?","《》/\0·# &
?"《》\0·#&
-?"》\·#&
......
9....
.....
@@@TM*ao +-±x=<>
@@TM*ao +-±x=#=<>
@@TM*ao +-±x÷=#=<>
48. oppo
品牌视觉识别手册
字体
字重总览
核心字重
Medium
AaBb
ABCDEFGHIJKLMNO
PQRSTUVWXYZ
abcdefghijklmnopqrst
uvwxyz 0123456789
我们的核心字重是 Medium。Regular
和 Bold 的使用较少。
(;=%+:?!-"*)
Medium的字重用于标题和主要信
息。Regular 用于次要信息和较长的
文本。Bold 只用于小尺寸的副标
题,与 Regular 字重形成对比。
Reguar ABCDEFGGHIJKLMNO
二级字重
Bold
ABCDEFGHIJKLMNO
PQRSTUVWXYZ
PQRSTUVWXYZ
abcdefghijklmnopqrst
abcdefghijklmnopqrst
uvwxyz 0123456789
uvwxyz 0123456789
(;=%+:?!-")
(;=%+:?!-")
49. oppo
品牌视觉识别手册
字体
简体中文
简体中文字体提供三种重要的字重,
Regular
Medum用文字全方位探索科技
用文字全方位探索科技
Bold
适用于OPPO的不同传播场景。
用文字全方位探索科技
美感,用真实而又独特
美感,用真实而又独特
美感,用真实而又独特
的语言打造具有标志性
的语言打造具有标志性
的语言打造具有标志性
的、与众不同的全新品
的、与众不同的全新品
的、与众不同的全新品
牌体验,推动品牌未来
牌体验,推动品牌未来
牌体验,推动品牌未来
的可持续发展
的可持续发展
的可持续发展
50. oppo
品牌视觉识别手册
字体
易读性和可读性
OPPO字体本身拥有良好的易读性,我们遵循这些原则以获得更大的可读性。
-清楚地定义信息层级
-仔细考虑字体的大小和它们之间的对比度
-严格使用我们的网格系统
易读性:
可读性:
字体的易读性是基于它的设计质
可读性与字体的排版方式有关。
量,并与阅读时区分一个字形的能
力有关。
51. Oppo
品牌视觉识别手册
字体
拉丁字体尺寸
在实际设计过程中,应额外注意在同
一个设计中不同字号的使用数量。
这么做,可以确保最终设计作品达到
专业水准,并避免画面杂乱无章。
应用中标题可能使用的字号
计算得出的字号应当四舍五入至整数,
从而推导出字体设置中的正确数值。
xHeadine 3
字号的定义将在本手册“版面设计"部
分详述。
Headine 2
Headline 1
Headine O
52. Oppo
品牌视觉识别手册
字体
5
拉丁字体排版
字号
字间距
字偶间距
行距
词间距
设置
8 px - 16 px (pt)
+ 2 px(pt)
+0.02 em (+2%)
Metric
100%
文字对齐(字间距)一般按照右图的示
例进行调整,保证最优的可读性。字间
17 px - 24 px (pt)
+ 2 px(pt)
+0.01 em (+1%)
Metric
100%
距过宽或者过窄都会影响可读性,因此
排版设置应按照右图进行。永远不要调
25 px - 72 px (pt)
+ 2 px(pt)
+0.005 em (+0.5%)
Metric
85%
整小写字母的字间距,但是有两种例外
情况:
73 px - 120 px(pt)
+ 2 px (pt)
+-0 em (+-0%)
Metric
85%
-字号较小
-深色底微白字
121 px - 180 px (pt)
+1 px(pt)
-0.005 em (-0.5%)
Metric
85%
行距的调整应该按照排版设置的要求进
181 px - 240 px (pt)
+1 px(pt)
-0.015 em (-1.5%)
Metric
85%
行,确保最优的可读性。
*在深色底上的文字字间距可以在原基础上增加0.5%,让视觉上更匹配。
文本区域应看起来统一,让文本易于阅
*当字号较小时,设计师应当根据使用场景进行视觉修正,手动调整行距与字间距。
读。有时候在大标题中需要使用稍小的
行距,让文本行之间的距离更合理。在
左对齐文本中,词间距需要调整以确保
最佳的可读性。
过长的的文本行会影响可读性,因此我
们采取的原则如下:
段落:避免超过55-75个字符的文本行
标题:避免超过25-30个字符的文本行
53. Oppo
品牌视觉识别手册
字体
拉丁文和中文
0.25 em
0.25 em 0.25 em
混排字间距
拉丁文单词+
OPPO Find X5系列
当拉丁文字和中文字在一起出现时,它们之间
的间距相当于拉丁文的一个空格(0.25em)。
中文单词
当中文和拉丁文字在版面上一起呈现
时,它们之间的间距遵循右边的规则。
0.25 em
拉丁文句子+
当拉丁文字与中文字连在一起并带有标点时,
Brand Proposition:微笑
中文句子
标点应是半角的,标点后的间距应相当于拉丁
文字中的一个空格(0.25em)。
前行, Inspiration Ahead
0.25 em
54. Oppo
品牌视觉识别手册
字体
53
中文排版设置
字号
行距
字间距
字偶间距
8 px - 16 px(pt)
+ 2 px (pt)
+0.02 em (+2%)
Metric
17 px - 24 px(pt)
+ 2 px(pt)
+0.01 em (+1%)
Metric
中文的排版设置应与同一素材中的拉
丁文本相匹配。
25 px - 72 px (pt)
+ 2 px (pt)
+0.005 em (+0.5%)
Metric
中文文本的字号大小和行距应与拉丁
+ 2 px (pt)
+-0 em (+-0%)
Metric
文本完全匹配,数值相同。
73 px - 120 px (pt)
中文行距比同等字号大小的拉丁文的
121 px - 180 px (pt)
+1 px(pt)
-0.005 em (-0.5%)
Metric
略大,具体步骤参考图表。
181 px - 240 px (pt)
+1 px(pt)
-0.015 em (-1.5%)
Metric
如排版中出现三行文本,既有拉丁文
本和中文文本,且拉丁文本采用句首
字母大写时,如下示例,中文行距需
增加7%:
Inspiration ahead
微笑前行
Inspiration ahead
55. Oppo
品牌视觉识别手册
字体
产品型号字
设计规范
品牌 (Medium)
产品系列(Medium)
版本 (Medium)
在水平结构中,采用同一Medium字
重,品牌、产品系列与版本之间的间
距为1个小写“o"的字谷宽度,版本
与 5G 之间的间距为 2/3小写“0"的
字谷宽度。
比例原则:设定品牌中大写字母“O"
的高度为×,5G 的高度为 1/2×。
间距为小写字母“"的字谷宽度
间距为 2/3小写字母“o"的字谷宽度
56. oppo
品牌视觉识别手册
字体
产品型号字
设计规范
在上下结构中,采用同一Medium字
重,品牌与产品系列及版本之间的间
距为1个小写“o"的字谷宽度,版本
与 5G 之间的间距为 2/3小写“0"的
字谷宽度。
比例原则:设定品牌中大写字母“O"
的高度为×,5G 的高度为1/2X。
间距为2/3小写字母“0"的字谷宽度
57. Oppo
品牌视觉识别手册
字体
56
禁止事项
禁止事项
行距过宽
字间距过宽
OPPO Find X5 Pro's streamlined curve
OPPO Find X5 Pro's streamlined
curve is made possible with.
is made possible with elegant ceramic.
elegant ceramic. To create its
To create its premium finish, the body is
premium finish, the body is
polished in 14 processes over
polished in 14 processes over 269
269 minutes to capture the
minutes to capture the smoothness of
smoothness of pebble. While the
请遵守本章节展示的字体排版设计规
pebble. While the 75° slope offers the
75° slope offers the optimal curve
for illuminating the body in
范和原则,确保在各种设计应用中实
optimal curve forilluminating the body
sunlight or shadow.
现一致的视觉表达。
in sunlight or shadow.
行距过窄
字间距过窄
OPPOFindX5Pro'sstreamlinedcurye
OPPO Find X5 Pro's streamlined curve is
made possible with elegant ceramic. To
create its premium finish, the body is
polished in 14 processes over269 minutes
to capture the smoothness of pebbleWhile
the 75° slope offers the optimal curve for
iluminating the body in sunlight or shadow.
58. oppo
品牌视觉识别手册
字体
禁止事项
禁止勾勒字体的轮廓使之更粗或更细
禁止使用自制斜体版的字体
禁止对文字添加颜色或效果
应该按需使用原字库的不同字重字体
OPPO Find X5 Series
InspirationAhead
OPPO Find X5 Series
OPPO Find X5 Series
OPPO Find X5 Series
*禁止使用未经授权的
版权字体。
特殊场景使用需求,
请与总部品牌部联系。
禁止字体中填充图片
禁止将字体纵向排列
X
Find X5
5
59. oppo
品牌视觉识别手册
版本 2.0
色彩系统
60. oppo
品牌视觉识别手册
色彩系统
59
介绍
我们的色彩系统,是为各个接触点和目标人群创造有影响力和鼓舞人心的表
达方式的关键工具。全新的视觉识别配色方案延续经典沉稳的深绿色,升级
了OPPO浅绿,并加入了新的设定和均衡元素,既展现了OPPO创新、科
技化的一面,又传递了OPPO有温度的人文情怀。
新的色彩系统体现了OPPO的品牌主张,用雅黑和微白来让整个色彩系统变
得柔和,其中主色温暖,二级色优雅,OPPO深绿精致高级,OPPO浅绿则
鲜活有力。
虽然我们希望用较柔和的色调来表达我们友好的品牌调性,但在有些情况
下,例如在视觉上需要突出对比时,我们可以使用纯黑和纯白。
我们严格控制配色方案中使用的颜色数量,为设计团队建立明确的使用原则,
确保品牌表达在整体上保持一致。
61. oppo
品牌视觉识别手册
色彩系统
60
色彩系统逻辑
1236
FONDATION
我们为OPPO全新品牌形象注入了
生机和科技感。
28
在新的色彩系统中,OPPO 绿、
二
级色和主色相结合,画面感受富有活
力且保持着精致,同时这些色彩之间
足够平衡,不会显得幼稚。
TER
这个色彩系统定义了图片之外所有设
计元素的颜色,而图片的颜色将在“图
片"部分详述。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
公司业务部门如需要使用本手册的图片,请联系图片公司购
任何迹。公司业务操门
62. Oppo
品牌视觉识别手册
色彩系统
6
色彩系统
OPPO品牌色
OPPO深绿
HEX #046a38OPPO 深绿
OPPO的深绿色代表了精致与高级感,增添成熟稳重的
OPPO浅绿
品牌气质
HEX #2CFF73OPPO 浅绿
OPPO的浅绿色传递活力和科技精神,是对前一代OPPO
品牌绿色的焕新和升级
我们的色彩系统由三类颜色组成:
OPPO品牌色
色彩系统中的绿色调包括经典的深绿
二级色
色,以及动态创新的浅绿色,传达品
HEX #A07E6D 友好棕
棕色调象征着人文主义色调,为色彩系统带来了平衡
友好棕
牌的活力、清新和科技感。
优雅紫
HEX #B995FF 优雅紫
紫色与绿色和棕色的对比,为色彩系统增添了亮色
二级色
-受石头和木材等自然材料的启发,
选择友好棕来表达 OPPO以用户为
中心的温暖人性。
主色
HEX #FAFAFA微白
潘通暖灰色
-优雅紫是通过三色彩和谐选择的,
表达了优雅,
,与OPPO浅绿色搭配
HEX #F5F4F0
时具有美感。
HEX #EBE8E3
精选的二级色,可作为OPPO绿的补
HEX #DDD9D4
主色为暖灰色,为OPPO的大部分视觉元素带来了柔和
充,使整体配色更有活力,以便更灵
之感,使品牌凭人文情怀脱颖而出
活地用于各种设计应用。
HEX #C3BFB9
HEX #9E9A94
主色
我们使用暖灰色作为主色,使实际应
HEX #706C66
用在追求精致与科技感时不会显得呆
HEX #484540
板与冰冷。与二级色相结合后,更突
出色彩系统的独特性。
HEX #201F1C
雅黑
63. Oppo
品牌视觉识别手册
色彩系统
色彩信息
HEX #046a38
RGB: R4 G106 B56
CMYK: C90% M33% Y100% K24% Pantone 349 C / Pantone 356 U
HEX #2CFF73
RGB: R44 G255 B115
CMYK: C60% M0% Y60% K0%
Pantone 7479 C / Pantone 7479 U
HEX #A07E6D
RGB: R160 G126 B109 C
CMYK: C30% M50% Y45% K20% Pantone 4040 C / Pantone 2442 U
HEX #B995FF
RGB: R171 G164 B255 (C
CMYK: C53% M60% Y0% K0%
Pantone 928 C / Pantone 928 U
HEX #FAFAFA
RGB: R250 G250 B250CMYK: C4% M4% Y5% K0%
Pantone 9080 C / Pantone 9080 U
HEX #F5F4F0
RGB: R245 G244 B240 CMYK: C10% M10% Y11% K0%
Pantone Warm Grey 1 C / Pantone Warm Grey 1 U
HEX #EBE8E3
RGB: R235 G232 B227(
CMYK: C21% M20% Y21% K1%
Pantone Warm Grey 3 C / Pantone Warm Grey 3 U
HEX #DDD9D4
RGB: R221 G217 B212
CMYK: C25% M25% Y30% K5%
Pantone Warm Grey 5 C / Pantone Warm Grey 5 u
HEX #C3BFB9
RGB: R195 G191 B185
CMYK: C35% M34% Y36% K11%
Pantone Warm Grey 7 C / Pantone Warm Grey 7 U
HEX #9E9A94
RGB: R158 G154 B148
CMYK: C40% M40% Y42% K19% Pantone Warm Grey 9 C / Pantone Warm Grey 9 U
HEX #706C66
RGB: R112 G108 B102
CMYK: C46% M47% Y50% K30% Pantone Warm Grey 11 C / Pantone Warm Grey 11 U
HEX #484540
RGB: R72 G69 B64
CMYK: C61% M69% Y63% K75% Pantone 440 C / Pantone 440 U
HEX #201F1C
RGB: R32 G31 B28
CMYK: C44% M66% Y79% K88% Pantone Black 4 C / Pantone Black 4 U
64. OppO
品牌视觉识别手册
色彩系统
63
使用原则:
OPPO深绿
OPPO深绿
HEX #046a38
OPPO 深绿使用应该简单克制。使
用该颜色来提升品牌知名度,并为关
键的品牌触点应用增添精致感。
使用场景要求:
深绿色适合使用在线下实体物料。适
用于品牌 Campaign、零售门店、企
业识别等场景。
OPPO
INNO DAY
2022
OPPO未来科技大会丨致善·三生万物
INNO
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
65. OppO
品牌视觉识别手册
色彩系统
64
使用原则:
OPPO绿
作为重点颜色用于背景、圆角矩形和UI。当与主色一起使用时,OPPO
绿不应占据版面的 50%以上的面积。
OPPO浅绿
HEX #2CFF73
8Gen
4K
OPPO浅绿使用应该简约克制。使
Qualcomm
Snapdragon
用该颜色来提升品牌知名度,并为关
键的品牌触点应用增添精致感。
OPPO浅绿与二级色紧密结合,因此
适合在任何类型的版面上突出元素。
使用场景要求:
浅绿适合使用在发光类或者线上物
将品牌颜色与主色一起使用,这适用于我们需要强调品牌的场合。
料。适用于品牌 Campaign、官网、
社媒、发布会Keynote 等场景。
Inspirtion Ahead
Oppo
Inspiration Ahead
oppo
深绿与浅绿二者灵活搭配使用,构建
品牌识别。
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
66. OppO
品牌视觉识别手册
色彩系统
65
使用原则:
二级色
二级色可用于背景、圆角矩形和UI。当二级色与主色一起使用
时,其面积不应超过布局的 50%。
级色
HEX #A07E6D
HEX #B995FF
Inclusive Design
HURraNgrey
Principle
4K
8Gen
二级色作为OPPO绿的补充色。颜
色和色调的范围给设计师提供了社交
Qualcomm
Sualcormm
Snapdragon
媒体等频繁交流及在 Keynote 设计等
复杂布局中组织信息所需的工具。
Coloros
冷暖色调的结合也进一步说明了我们
想要的科技的两面性-
12.1
兼具技术的
创新与人性的温暖。
使用场景要求:
二级色适合使用在设计中对“非品牌
色"的需求,可用于增加版式的灵活
oppo
性,或用于突出重要信息。适用于品
牌 Campaign、官网、社媒、发布会
Keynote 等场景。
67. Oppo
品牌视觉识别手册
色彩系统
66
使用原则:
主色
标志&字体
我们的暖灰色可以作为主色与色彩系统中的任何其他颜
应使用标准的微白或雅黑
色结合使用。在将主色与图片一起使用时,应确保形成
主色
充分的对比。
HEX #FAFAFA微白
HEX #F5F4F0
HEX #EBE8E3
4K
主色是OPPO品牌的基本色调,而
HEX #DDD9D4
Qualcomm
OpPO
这些色调构成了品牌的人文价值。雅
Snapdragon
黑和微白作为主要的色调,也带来精
HEX #C3BFB9
致的质感。
HEX #9E9A94
Gen
使用场景要求:
HEX #706C66
主色中微白与雅黑适用于标志和字体。
HEX #484540
标志和字体的颜色保持统一至关重要,
HEX #201F1C
雅黑
在同一个应用中出现时,两者不得使用
oppo
oppo
不同的白/黑色值。
*特殊情况:针对中国区春促及新年产品系
列,考虑到文化缓解,营销视觉素材中字体
的颜色应用开放金色和银色,可基于画面与
背景搭配使用。但需要始终确保文字与背景
形成清晰的对比,保证文字阅读上的识别
性,并通过《Web内容无障碍指南》无障碍
测试。
主色的全部色域可用于圆角矩形、图
片背景和备注。
*OPPO 品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
68. oppo
品牌视觉识别手册
色彩系统
比例
主色
OPPO深绿
70%
OPPO浅绿
15%
右边的图表是 OPPO总体的色彩指
南。在所有的品牌素材上的颜色使用
都应该大致地反映这个比例。色彩的
使用应反映在一个整体上,而不是只
在单个素材上呈现。
友好棕
优雅紫
15%
69. Oppo
品牌视觉识别手册
色彩系统
68
颜色组合
使用场景:
品牌标志 字体
雅黑+微白
+CMF
为更好地助力品牌形象塑造,提供更
科技、友好的体验,雅黑和微白适用
产品营销
品牌营销
延展应用
于品牌标志和字体颜色。
使用场景:
使用场景:
使用场景:
雅黑+微白+CMF
产品是我们最重要的颜色。在为新产品
产品主视觉KV
品牌 Campaign KV
社媒 官网 社区
做广告时,雅黑和微白构成了我们色彩
门店 官网企业识别
发布会 Keynote
系统的基础,并确保产品是主角、信息
始终清晰。
雅黑+微白+品牌色
品牌色可用于企业品牌层面,需要通
过色彩强调突出品牌形象。
-深绿适合使用在线下实体物料。
-浅绿适合使用在发光类或者线上物料。
雅黑+微白+品牌色+二级色
提供社媒、官网及发布会 Keynote 等
高频率多营销素材所需的其他色彩选
择。通过颜色组合创造一个明确的品
牌识别。
70. oppo
品牌视觉识别手册
色彩系统
颜色组合
产品营销
使用示例
OPPOReno10系列
双芯人像。所爱跃然眼前
品牌营销
anreaned
xpevenone
延展应用
Powerful Performance
forLess
CPU
GPU
40%
106%
71. oppo
品牌视觉识别手册
色彩系统
标志和字体的颜色
正确用色
字体和标志中的错误用色
使用示例
OPPO Find X Pro5G
OPPO Find XPro
OPPOFindXPro5G
OPPO Find X Pro5
标志和字体的用色原则是,始终使用
雅黑或微白,不得使用二级色、品牌
8 Gen
8Gen
8Gen
8 Gen
色。针对备注字体用色,可以基于背
景颜色选择合适的主色。
应根据背景颜色选择文字的颜色,做
到清晰易读。
OPPO
OpPo
Oppo
OPPO
*特殊场景使用需求,
请与品牌部联系。
清晰易辨
模糊不清
4K
4K
Qualcomm
Snapdragon
Snapdragon
72. OppO
品牌视觉识别手册
色彩系统
在图片中使用颜色
清晰易读
模糊不清
使用示例
Vision.
虽然这个色彩系统并不是针对图片中
的颜色使用,但在使用色彩系统的颜
OPPOAirGlass
色时,仍应当注意匹配图片的色调。
图片上的字体
色彩对比明显
色彩对比不明
当图片上有文字时,需确保文字清晰
易读。
圆角矩形+图片
当图片上有圆角矩形时,需创建足够的
色彩对比,避免圆角矩形融入图片。
圆角矩形的颜色应与图片的色调结合
Qualcomm
Snapdragon
考虑,确保两种色调相匹配,并突出
正确的信息。
图片和图形元素之间色彩搭配良好
图片和图形元素之间色彩冲突
8 Gen
8 Gen
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
基他(电指但不度子印刷、、等材、数字、展接示每)
73. oppo
品牌视觉识别手册
色彩系统
合作伙伴
网站&应用程序
视频&影片 & 发布会幻灯片
纯黑和纯白
O
使用场景
OPpO
某些情况下,为了在视觉上突出对
比,我们可以使用纯黑和纯白。
MariSilicon X
我们有三种允许使用纯黑和纯白的
非常特殊的情况:
MariSiliconK
OPPO
·合作伙伴/赞助活动,我们需要
遵循合作伙伴的品牌准则
·网站和应用程序
20元
18
OPPO
6
·视频和影片和发布会幻灯片
使用纯黑和纯白的情况会非常严格
地限制在这些场景中。
Hasselblad
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
74. Oppo
品牌视觉识别手册
色彩系统
73
在材料和饰面
金属饰面
使用颜色
除了颜色本身,在我们众多应用的实
际操作中,材料和饰面也对颜色的视
觉效果有着非常大的影响。
金属饰面
在实际应用中,二级色中的棕色可以
与金属色系结合使用,在某些情况下
也可以考虑使用银色,例如在零售环
境中。
透明度
透明度
对材料的颜色采用不同的透明度,可
以营造出精致感。这为色彩系统增加
了更多色彩搭配,使之更有活力。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
75. oppo
品牌视觉识别手册
版本 2.0
版式系统
76. oppo
品牌视觉识别手册
版式系统
介绍
版面设计系统是我们所有传播的基础,该系统是用于创造品牌一致性、表达
品牌动态性质的灵活工具。该系统通过视觉层级和结构反映了人文与科技之
间的相互影响。
1.我们将人文主义的版面设计原则与理性的、系统性的宗旨结合在一起,组
成了一个新的动态公式。
2.主要特点是灵活、清晰、有影响力的、动态性、有生机和一致性。
77. OppO
品牌视觉识别手册
版式系统
76
概念:
非对称版式
彩
综合性版式系统
现代主义的、合理化的版式结构是以一个基
础网格作为基点,将元素向左或向右排列来
创造不对称性。它的目的在于以结构化的方
式组合并创造一种具有动态感的版式。通常
情况下,版式使用较少不同的字重,但字重
之间具有高对比度。
综合性版式系统是我们在版式中展示
科技和人文情怀的关键。
系统化的版式系统有助于工作流程的
搭建,它使得结构以及视觉分级更清
居中版式
晰。它还为品牌表达建立了稳定性
Spotify
-提高了可信度、精致度和高端
居中版式是一种经典的排版方式、它以人文
主义方式是将元素对称地排列在中心轴上。
Bowi
感,即使在需要灵活性的情形下也满
WA TAONSHAY
目的是创造一种有表现力但非常和谐的表达
足这些条件。
方式。
这种版式会用到不同的字重选择,设计师会
G.K,CHESTERTON
我们的版式系统是一种灵活的工具,
根据不同文本重要性的区分,来创建相对复
用于创建品牌一致性和表达我们品牌
杂的设计信息层次结构。
的特性一
一拒绝停滞不前,对抗颓
废。版式系统根植于并反映了人文与
科技之间的相互作用。我们将人文版
式风格与理性的系统化原则结合在一
显眼的留白
个新的动态公式中。这样它既保证了
清晰度、影响力和活力,也通过版式表
留白的基本作用是让设计有更多呼吸空间,
达出了人文主义和科技之间的平衡。
控制用户单次需吸收的文本和功能元素的数
量。它是决定版式设计是否能体现动态感和
高级感的重要因素。
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
78. Oppo
品牌视觉识别手册
版式系统
77
版式创建的流程
1.创建网格
2.定义文字和标志的大小
3.定义内容的信息层级
4.构建排版
创建版式时,我们遵循以下步骤。
xHeadline 3
oppo
1.根据素材的大小和比例,通过定义
Headline 2
页边距、栏间距和行来创建网格。
Headline 1
2.定义标志尺寸和文字信息的大小。
3.定义布局中的内容和它们的层
oppo
次,并决定是否在素材中使用圆
角矩形。
4.根据规则和指南,在版面中编排
内容。
oppo
79. oppo
品牌视觉识别手册
版式系统
网格
80. oppo
品牌视觉识别手册
版式系统
介绍
网格系统是我们所有版面设计的基础。网格系统定义了在网格上构建的一切
内容,为了确保达到最佳效果,需要遵循三个原则:
1.网格系统应当灵活,满足版面设计中的不同需求:例如,内容较少与内容
较多的情况、不同信息类别等。
2.边距保持相对紧凑,使版面设计看起来简洁且充满科技感。这一点符合理
性的设计传统,有助于实现更有科技感的品牌表达。
3.方便计算:应当对网格系统中的数值进行定义,方便计算各种版面设计的
数值。
81. OppO
品牌视觉识别手册
版式系统
80
5%
90%
5%
边距
5%
Example: 1920 X 1080
Example: 1080 X 1920
网格是创建版面设计的起点,网格的
90%
用途是帮助:
1)形成一致性
2)在所有元素之间搭建平衡结构
3) 轻松实现在视觉上具有动态性和
趣味性的版面设计
5%
边距(X)=短边的5%
当计算值带有小数点时,应四舍五入
5%
至最接近的整数。
Example: 1080 X 1080
例如:如果×=17.5px,则四舍五入
至18px;
如果×= 17.2px,则选择17px;
所有边的边距全部相等。
90%
5%
82. oppo
品牌视觉识别手册
版式系统
5% 1%
90%
5%
1%
列和栏间距
5%
10
12
12列网格
90%
网格遵循 12 列原则,为不同的应用
场景提供了灵活性。除了使用 12 列
外,
它还可以与 2、3、4 或6列一
起使用。
页边距之间的剩余区域是可分为 12
列的区域。
5%
栏间距
根据布局需要可分为 2、3、4、6列
栏间距是页边距的 1/5。
栏间距=1/5 页边距 (X)
5%
与页边距相同,将其值四舍五入到最
接近的整数。
90%
5%
83. OppO
品牌视觉识别手册
版式系统
行
分行可以帮助我们以动态方式排列信
息内容。
所使用的行数应根据具体版面设计或
应用的需要,灵活决定。
原则上,我们建议起始行高与列宽相
近,尽量使格保持正方形。
行高应全部相同。
可根据版面设计的需要,增减行数
行与行之间的栏和列与列之间的栏,
栏间距应当相同。
84. oppo
品牌视觉识别手册
版式系统
83
5% 1%
90%
5%
二级边距
1%
4K
二级边距是一种更为紧凑的边距,只能
在包含圆角矩形的版面设计中使用。
二级边距=1/5 边距 (X)
由于二级边距较为紧凑,我们建议主
要在 Digital 中使用。
85. OppO
品牌视觉识别手册
版式系统
84
示例 1:Instagram Story
示例2:极端比例
特例
Ca 4%
10%
80%
10%
[2%
在 Instagram 限时动态内
需要达到这一间距,确保
对于极端比例(短边:长
容中,边距接近5%,使
文字不被 Instagram UI
边≤1:4),需要将边距
用与Instagram相同的边
遮挡。
数值调整为短边的10%。
距,也有助于改善版面设
边距在可用空间内进行计
计,因此可使用该边距。
对于纵向版面设计中的这
采用应用中现有的边距
算,而图片仍然可以在UI
下出血。
种极端比例,12列原则也
如果应用中现有的边距与OPPO的
不适用,因此,对于纵向
网格原则接近,我们可以采用该边
版面设计,当
距,并将我们的版面设计元素与该边
(短边:长边≤1:4)
时,列数将减至2列;当
距对齐。例如,特定社交媒体模板中
(短边:长边≤1:8)
的边距。
时,将只留一列。
定义潜在工作区内的边距
边距并不一定要以应用的边缘为起
点,而是应当在潜在工作区内计算。
潜在工作区指,未被任何元素和结构
覆盖的区域。
极端比例的备选边距
短边小于等于长边1/4的应用,即视
为极端比例。
对于此类设计应用,我们将使用备选边
距,即短边的10%。还应考虑到列数,
并根据版面设计的需要指定列数。
86. OppO
品牌视觉识别手册
版式系统
特例
X-Small
Small
Medium
Large
375px
1280px
752px
1080px
对于网站来说,页面的大小与应用程
序的实际全面积并不匹配,这使得决
边距24px
定应用程序的短边来计算边距变得很
栏间距4px
混乱。除此之外,在数字环境中,间
距单位最好是以 em(16px)为单位,
而不是随机的整数,因此我们建议使
用这组页边距和栏间距,以简化网站
边距48px
边距36px
边距48px
的创建,而不是过于严格地遵循主要
栏间距8px
栏间距8px
栏间距8px
规则。
X-Large
Max
1440px
1920px
边距48px
边距48px
栏间距8px
栏间距8px
87. oppo
品牌视觉识别手册
版式系统
86
特例
分割版面设计,并在分割区域内分别
构建网格系统
在此类情况下,如果应用较长,或者
版面设计中包含两张或两张以上的半
出血图片,则可以先将版面设计分割
成多个独立的部分,再分别构建网格
系统。
应分析具体版面设计的内容需求,仔
细斟酌是否有分割的必要。
88. Oppo
品牌视觉识别手册
版式系统
横版网格
1.5:1
2:1
2.25:1
3:1
5:1
89. Oppo
品牌视觉识别手册
版式系统
竖版网格
1:1
1:1.5
9:16
1:2
1:2.25
1:3
1:3.5
90. oppo
品牌视觉识别手册
版式系统
Keynote
16:9
3:1
1:5
91. opPo
品牌视觉识别手册
版式系统
尺寸规范
92. oppo
品牌视觉识别手册
版式系统
介绍
使用边距 (X)作为基本
单位,定义版面设计中
的其余内容
使用网格后,即可以通过网格中设置
的测量值定义字体和标识的尺寸。
计算字体和品牌标志尺寸的基本单位
是边距 (X)。
93. oppo
品牌视觉识别手册
版式系统
92
字体尺寸
应用中正文可能使用的字号
Bodytext 1
[2/5xBody text 0]
Body text O
版面设计中可能使用的字号,通过边
距 (X)进行计算。
此处列出的字号是可能使用的字号,
在为实际设计应用选择正确的字号
时,应当考虑到版面设计中的其余内
应用中标题可能使用的字号
容以及内容的数量。
计算得出的字号应当四舍五入至整
*Headline 3
Headline 3
数。并匹配排版设置章节页中设置
的正确值。
Headine 2
Headline 2
这个字号示意主要用于传播为目的的
文本,当文本信息出于功能性目的需
要使用其他字号时,可以有例外,这
Headline 1
也是本手册所允许的。
Headline1
请注意,这是一个原则一
一我们的规
范是为了让伟大的设计成为可能,而
不是使其复杂化——始终确保评估手
Headline O
Heado
头的设计场景,并根据需要灵活的定
义标题的字号。
最重要的一点是不要在一个版面上使
用太多不同的字号-
一我们建议是最
多使用3种字号。
94. oppo
品牌视觉识别手册
版式系统
93
标志尺寸
应用中标志可能使用的尺寸
oppo
25x0ppa
xoppo
版面设计中可能使用的品牌标志尺
寸,通过边距 (X)进行计算。
OpPo
αOPpa
此处列出的尺寸是可能使用的尺寸,
在为实际应用选择正确的品牌标志尺
寸时,应当考虑到版面设计中的其余
内容以及内容的数量。
OPPO
计算得出的品牌标志尺寸应当四舍五
入至整数。
OpPo
opPo
95. OppO
品牌视觉识别手册
版式系统
灵活性和局限性
一个应用中建议最多使用三种字号
字号反映了内容的优先级,同一信息在不同的应用和版面中可能大小有所不同
Oppo
Oultra-HDt
4K UltraNight VideoPo
对于内容,可以灵活使用不同的字
号,不必拘泥于某一种字号,实际的
字号应根据版面设计中信息的优先级
定义。
为了保持版面设计的整洁,一个版面
设计中最多只建议使用三种字号。
所选择的三种字号之间的差异应该明
Inspiration
显,足以从可读性的角度和对信息层
级的理解上,去清晰地传达内容。
Ahead
oaxialdual-drive
4KUtraghtVidePweredbyMaiSinX
96. opPo
品牌视觉识别手册
版式系统
内容层级
97. oppo
品牌视觉识别手册
版式系统
96
介绍和内容类型
OPPO的所有设计应用均同时包含类型和用途各异的内容。在介绍内容层级
之前,以下列举了我们最常处理的信息:
1.品牌标志
2.图片,包括产品图像、静物场景图、人物场景图和样张样片
3.文字信息,可以分为以下几类:
1)产品名称
2) Slogan
3)技术特点、独家卖点、实用信息等
4.圆角矩形
98. OppO
品牌视觉识别手册
版式系统
聚焦品牌时
例1:品牌宣传活动
OPPO可以通过各种宣传活动传播品牌,
例如张贴户外广告,传递品牌信息:主
张、标识/名称、情感。
这个模型可以在定义一个设计应用中
的内容层次时使用。
一定要注意在应用时确保信息能以最
有效的方式传达。
例2:社交媒体
也可以在不同的营销材料中传播品牌,例
如社交媒体。也可以考虑开展各种
Campaign,传播 OPPO 品牌。
Inspiration
Ahead
Inspiration
Ahead
例3:企业应用
还可以利用工牌或年品等企业应用,从企
业形象的层面传播品牌。
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
99. Oppo
品牌视觉识别手册
版式系统
98
聚焦产品时
例1:主视觉(KV)
oppo
主视觉是OPPO传播产品的一个重要渠
道,因此,在此类版面设计中专注于产
品,这至关重要。
这个模型可以在定义一个设计应用中
的内容层次时使用。
一定要注意在应用时确保信息能以最
有效的方式传达。
例2:社交媒体和网站
通过社交媒体传播产品时,可以使用圆角
矩形突出产品的卖点。
例3:Keynote
Keynote也是一种营销材料,可以更深层
次地介绍产品。
8MP
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
100. opPo
品牌视觉识别手册
版式系统
构图和留白
101. OppO
品牌视觉识别手册
版式系统
100
文字的位置
当文字左对齐时,第一
当文字位于上边距时,字符的
个字母与网格对齐。
顶端应放在网格上。
oppo
当标识与×高度相
同的文字对齐时,
右图中提供了关于文字和元素位置与
标识将落在同一条
网格关系的通用原则。
底线上。
可以使用居中排版,在
此情况下可以忽略网
格。请确保与文字的×
nspiration Ahead
高度对应,居中对齐。
确保最后一个单词的底
Qualcomm
线落在网格上。
coaxial dual-dri
Snapdragonl
次要信息应尽量与重要信息
在纵向/横向上对齐。
102. Oppo
品牌视觉识别手册
版式系统
101
图片的位置
全出血
Inside Grid
图片的版面设计非常灵活。版面设计
中可以有多张图片,也可以只有一张
图片,可以采用全出血设计,也可以
作为一个单一元素。
图片的使用遵循我们规定的其他版面
设计原则。
可以使用以下几个因素创建各种版面
设计类型:
-比例
-全出血
-半出血
-内部网格
对齐和位置
原则上,图片应当与网格对齐,但在
某些版面设计中,可以调整边框,以
图片只要与版面设计中的其
便与版面设计中的其他元素对齐,如
他内容对齐即可,不需要所
文字或图形元素。
有边框全部落在网格上。
103. OppO
品牌视觉识别手册
版式系统
102
非对称版式
Oppa
OpPo
非对称
我们主要使用左对齐排版。使用网
格,以结构化的动态方式确定各元素
的位置。
位置
各元素的放置取决于内容层级。应借
助于网格,精准呈现我们将要传播的
内容。
对齐
应使版面设计中的所有元素实现平衡
和动态对称。应思考各种方法使版面
设计中的各种元素对齐,避免杂乱无
章的设计。
nspiration
Ahead
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
104. oppo
品牌视觉识别手册
版式系统
103
在版面设计中可以居中的内
在版面设计中居中对齐的元
容类型:
素数量:
居中内容
主张居中
个元素居中
pppo
版面设计中居中的内容:
Inspiration Ahead
InspirationAhead
1.品牌标志
2.主张/Slogan/独家卖点
3.图片中的产品
无元素居中
在一个版面设计中,我们一般只将一
个元素居中。
只有在少数情况下,为了使应用更具
有视觉冲击力,才可以将两个元素居
产品居中
品牌标志居中
中,但这种情况需要仔细斟酌。
居中的英文主张需要简短,尽量控制
在三个词以内。
两个元素居中 (少数情况)
oppo
Inspiration
Ahead
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
他包括但不限于印刷、喷
105. OppO
品牌视觉识别手册
版式系统
104
留白
版面设计中不同元素之间的
圆角矩形中不同元素之间的
当图片采用全出血设计时,文字
留白
留白
之间的留白
oppo
HDC4
oppo
onKUltr
4K
留白的作用是,给产品设计留出呼吸
OPPOFind X5Pro5G
Qualcomm
Inspiration
Snapdragon
的空间,减少一次性呈现在用户眼前
Ahead
的元素数量。在我们的版面设计中,
留白对于表现我们的品牌至关重要。
原则上,留白不应少于面积的 30%。
*红框部分为留白示例。
图像中元素之间的留白
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
106. opPo
品牌视觉识别手册
版式系统
禁止事项
107. OppO
品牌视觉识别手册
版式系统
106
禁止事项
禁止使用文字或其他图形元素覆盖重要的产品
禁止居中呈现过多元素
禁止在同一个版面设计中混乱使用多种大小的
特性,如摄像头
字体
New Product
Empower
Launch
2022.06.30
Every Moment
oppo
opp
禁止在同一个版面设计中强调过多元素
禁止呈现无法辨认的内容
禁止将不同的文字内容分组排列得过近
Empower Every
Moment
OPPO Find X5 Pro 5G
Empower
EveryMoment
4kauitra NightVideng
OPPo
108. opPo
品牌视觉识别手册
版式系统
圆角矩形
109. oppo
品牌视觉识别手册
圆角矩形
108
介绍
作为一个品牌,OPPO旨在打造一个友好且直观的界面,来连接人们与其生
活。圆角矩形作为第五元素,可以用来组织信息,强调OPPO的科技生态系
统和界面特征。
圆角矩形沿用了UI元素的一个普遍特征:圆角。当圆角矩形出现时,它代表
我们与用户进行友好和开放的交流。
110. OppO
品牌视觉识别手册
圆角矩形
109
使用原则与用途
4K
圆角矩形是一个具有功能性的视觉元
素,具有两个用途:
A.信息层级
Ultra Night Video
Zoom
Peak Download Speed
圆角矩形可包含特定类型的信息,可
以分为关键特点、技术规格、产品特
点和产品独家卖点。
B.视觉元素
In collaboration with
Process
4nm
我们也可以在营销材料中使用圆角矩
形,此类材料的版面设计中通常容纳
较多信息。我们还可以利用圆角矩形
向版面设计注入色彩。
HASSELBLAD
圆角矩形应主要用于文字类信息,字
体应严格遵循字体设置中定义的排版
规则,而且在画面中,圆角矩形中使
用的字号不得超过两种。
Date: Nov 17th, 2020
Colour Depth
Time: 16:00 UTC +8
圆角矩形内信息的放置具有一定的灵
Location: Shenzhen
活性。
10bit
111. OppO
品牌视觉识别手册
圆角矩形
110
图像使用
Flash
Focus
Snapshot
Tracking
图像不应放置在圆角矩形内,但是图
像和圆角矩形可以组合为一个单元用
于沟通:
1.圆角矩形放置在图像顶部时应使
用辅助边距作为填充。
2.需要考虑内容的层次性,有选择
地突出文字信息或图像。
3.同一个版面中,圆角矩形中的字
体大小不应超过两种尺寸。
Portrait
8Gen1
Oualdomn
4.应达到良好的可读性。
Mode
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
112. OppO
品牌视觉识别手册
圆角矩形
使用场景
除了产品主视觉外,我们可以将圆角矩形
用在品牌的任何地方。
DynamicRange
20
18
一般来说,我们不在主视觉中使用
4K
圆角矩形,主视觉应当专注于产品。
Qualcomm
除了主视觉之外,圆角矩形几乎可以
Snapdragon
在任何地方使用:品牌宣传活动、社
交媒体、各种营销素材和企业传播。
Flagsi Pystant
社交媒体
Keynote
网站
在应当专注于产品的情况下,我们不在主
视觉中使用圆角矩形。
OPPO Find X5 Pro 5G
oppo
OPPOX Sony
OPPOXSony
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
主视觉
113. oppo
品牌视觉识别手册
圆角矩形
112
带边框的圆角矩形
手机场景
其他使用场景
Color Temperature
Sensor
利用描边给圆角矩形加上边框可以帮
助定义信息的层级,让版式更加多样。
对齐
边框描边应始终和圆角矩形的内侧对
齐。
边框描边粗细
边框描边粗细应该是×的 6%。
为了在户外广告场景中增加可读性,
描边粗细需要按比例放大。
8MP
边框颜色
选择合适的描边颜色,和背景颜色形
成对比。
对齐描边
内侧对齐
中心对齐
外侧对齐
114. oppo
品牌视觉识别手册
圆角矩形
113
形状、尺寸和
字体
Ultra Night Video
Qualcomm
Snapdragon
4K
8 Gen1
形状和尺寸
圆角半径由版面设计的网格系统定义:
圆角半径= 栏间距宽度
圆角矩形的尺寸由网格和圆角矩形里
的内容决定,应当留出足够的空白
区,避免在视觉上过于拥挤。
字体
圆角矩形中使用的字号应在版面设计
系统中定义。应选对字号,以最佳方
式呈现信息层级和视觉外观。
在一个版面设计中,圆角矩形中最多
只能使用两种字号。
无论圆角矩形的位置在哪里,文字将
始终位于主边距内。
我们一般采用以下方法:
方框内边距=大边距-栏间距大小
网格系统和内容层级将在“版面设
计"部分定义。
115. oppo
品牌视觉识别手册
圆角矩形
形状、尺寸和
字体
Ultra Night Video
Second generation coaxial dual-driver
LHDC 4.O ultra-HD transmission K
应用示例
4K
116. OppO
品牌视觉识别手册
圆角矩形
115
+%
圆角矩形内的边距来自于主
边距减去二级边距
位置
大多数圆角矩形都放
置在二级边距内
4K
遵循二级边距原则,以版面设计的一
侧为起点
圆角矩形可以灵活放置,但应始终以
版面设计的角落或以图片的一侧和版
面设计的一侧为起点。圆角矩形的四
边应落在次级边距或栏间槽上。
所有圆角矩形应始终放在一起
第二个圆角矩形的位置应始终与第一
个圆角矩形相对,呈纵向或横向展
开。圆角矩形不得分开放置。
未来有可能出现需要以其他方式将圆
角矩形放在网格上的情况。目前没有
必要对这一规则有任何例外,因此这
就是适用的规则。
117. OppO
品牌视觉识别手册
圆角矩形
116
使用比例
大量使用圆角矩形
OPPOX Sony
版面设计中使用的圆角矩形数量并不
固定,具体数量应根据内容需求决
OPPO X Sony IMX 766
定,但不应该过度使用。
Hasser
大量使用
plao
当为了展示所有技术特点,而在版面
Camera
设计中大量使用圆角矩形时,应注意
OPPO X Sony IMX 766
保持版面整洁,并充分留白。
少量使用
我们建议少量使用圆角矩形,原则上
少量使用圆角矩形
使用1到3个圆角矩形。这样一来,
Flagship Portrait
版面设计看起来不会过于复杂,又可
Camera System
以吸引读者适当注意所有信息。
OPPO X Sorly
IMXT709
RGBW
118. OppO
品牌视觉识别手册
圆角矩形
禁止事项
禁止分散使用圆角矩形
禁止将圆角矩形的尺寸设为
禁止在圆角矩形中塞满不同
圆角矩形中的留白不得少于
与版面设计相同
的信息
圆角矩形面积的30%
Qualcomm
Snapdragon
4K
Qualcomm
Qualcomm
8Gen
Snapdragon
Snapdragon
80
Qualcomm
Snapdragon
禁止在圆角矩形中过度使用
圆角矩形不得覆盖后方图片
禁止在圆角矩形矩形中填充
二级色
的主要部分
图片
4K
4K
Qualcomm
Qualcomm
Snapdragon
4K
Snapdragon
Qualcomm
Snapdragon
LeD4utraamis
业务部门如需要使用本手册的图片,请联系图片公司购买版权或自行组织拍摄。
119. oppo
品牌视觉识别手册
版本 2.0
图像语言
120. oppo
品牌视觉识别手册
图像语言
119
介绍
我们的图像语言源自我们的品牌DNA和视觉调性:创新、友好、优雅。图像
语言传达了优雅的感觉、真实的活力和积极乐观的态度,并抓住了OPPO极富
想象力的灵魂。我们的品牌形象在科技创新与人文情怀之间实现了平衡。
在特定的光源条件下,我们的图像语言适用于所有图像类型,创造一致的品
牌形象。
121. oppo
品牌视觉识别手册
图像语言
120
概念:
图像的概念被称为“Aray of light",它捕捉的是一个真实而又鼓舞人心的时刻
Arayof light
一它持续存在于产品表达、产品场景图、人物场景图以及样张样片之中。
这个概念的核心在于光的照射,它可以是一束光,它可以是一种方向的指
引l,点明了主题,并照亮图像表达中最重要的东西一一种鼓舞人心、乐观
和创新的象征。它还可以在光与影之间形成清晰的对比,构成具有沉浸式的
动态图像。
我们所有图像最重要的属性是真实感一我们图像内容在我们的用户眼中应
该是真实的,我们应该在用户实际生活的延伸上去思考创新。
122. oppo
品牌视觉识别手册
图像语言
A ray of light
PO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用
印门刘擦绘、用体李材、数字体、展图居示司购
任何报。公司业务。
123. oppo
品牌视觉识别手册
图像语言
122
产品系列风格
产品系列之间的风格差异应保持在最低限度。
致性与差异性
差异化首先是通过产品设计本身创造的,并辅以描绘目标人群及其生活的图
像。整体图像风格应适用于所有OPPO产品,将它们连结在一起,形成强有
力的统一品牌表达。
产品图
不同的产品系列具有不同的功能和设计,从而彼此区分。因此,关于产品系
列之间的差异,产品图像的主要作用是以最清晰、最令人信服的方式可视化
产品及其特征,同时保持整体图像风格。
场景图和样张样片
场景图和样张样片的作用是引起产品的目标受众的共鸣,从而使其感受到鼓
舞人心的力量。我们应该将科技与目标受众的现实生活紧密联系起来,这样
不同产品系列的视觉定位和传播方式便会是清晰一致的了。
124. oppo
品牌视觉识别手册
图像语言
产品图
125. oppo
品牌视觉识别手册
图像语言
124
以产品为出发点!
产品图像表达应该总是从产品本身一它的设计和功能开始。角度、构图以
及背景特征的作用应该是增强产品表达。整体的品牌视觉风格定义了所有图
像的界限,以确保品牌的一致性。
-主要的设计特点是什么?
-主要的技术特征是什么?
-是否需要承接Campaign概念?
我们需要管理和协调同一时期的所有不同OPPO产品的具体视觉输出,确保
OPPO视觉表达的一致性。VI手册提供的是工具和指导,是品牌一致性的管
理依据。
126. Oppo
品牌视觉识别手册
图像语言
125
表达方式
我们的产品图像体现了品牌DNA和“微笑前行”。
我们把在黎明和黄昏两个黄金时刻看到的色调及自然
光融入到视觉表达,让效果更加生动,同时传递了出
一种积极乐观的态度。
这些构图展示了精致的工业设计,突出关键卖点,并
表达了优雅,在静态和动态之间找到了平衡。
产品表达原则:
1.产品的图像表达应该是“真实的”,真实表达产品形
态、质感、结构或比例,图像中的灯光、场景及产品
每一部分都应合乎逻辑与常理。
2.将自然光的色温和色调融入到产品表达,传递出一
种鼓舞人心的感受。
3.产品需要看起来干净清爽自然。
·产品角度与构图应是优雅地悬浮在半空中。
·产品图整体色调是平衡自然色和中性色,并确保
自然光不会盖过产品的实际颜色。
127. oppo
品牌视觉识别手册
图像语言
126
灯光
1.光的来源和方向应该是明确的,能够表达真实感。
2.光的作用是聚焦产品的关键卖点,用光凸显产品的
结构、形式、颜色、材质和工艺。
3.光的颜色是根据产品的CMF 而定制,不应该盖过
CMF的颜色。在CMF复杂的情况下,光的颜色处
理将更加简单。
4.光的时间点选择应是一天中最鼓舞人心的时刻。
例如,在清晨或日落时分那种光的感受,所带来特定
的美好联想和情绪。
5.产品主视觉的背景与光源需要符合物理逻辑,二者
的关系上是相互呼应与和谐的,避免背景与光源产生
冲突。同理,背景的颜色需要与 CMF 呼应。
6.在主视觉画面中,出现两张及以上图像,无论棚拍
还是户外拍摄,都应该统一光的表达和背景使用。
128. oppo
品牌视觉识别手册
图像语言
127
背景颜色
凸显产品CMF的调色板示例
背景颜色的范围应从亮到深,从暖到
冷。
背景颜色应包括一系列黎明或日落时
的自然的天空颜色。可以不同程度地
添加不同的颜色的组合,根据想要的
氛围打造微妙或相对明显的效果。
通过颜色的使用来暗示光源。光源
可能在画面外,或者是可见的。可
见光源的一个例子是当产品背光的时
候。(请参见右侧的手表KV 示
例)。
调色板是灵活的。以下是基于黎明和黄昏时所见色调的可能替代方案示例。
不要使用纯色背景,包括纯黑或纯
00000
白。
背景颜色应与产品的CMF颜色相得
益彰。它不应该夺走产品的风头,
因为产品仍然是主角。
*当实际门店执行条件(包括印刷及
灯光展陈)不允许的情况下,可以将
总部下发的 KV改为纯白和纯黑底。
129. oppo
品牌视觉识别手册
图像语言
128
禁止事项
1.背景色的选择应与产品形成对比,达到突出产品形
6.产品图像不应该是纯Greyscale(黑白图像),而
态、质感的目的。
应该是带有轻微冷暖色调倾向的图像,而非单纯的黑
白明暗变化。同时背景的明暗变化表达应该是自然且
2.背景不应该有断层、过渡生硬的渐变梯度。
含蓄微妙的。
3.背景色应该保持中性,而不是有过重、饱和度过高
7.由于图像的整体风格重视真实感—应避免过度夸
的色彩倾向。
张和不真实的表达方式去刻意体现 A ray of light。
4.避免使用纯平面的渐变背景,看起来没有纵深,
8.我们不追求通过很冷漠、给人距离感的方式表达
并不是一个真实的环境。与此同时画面中的产品像是
科技感。
2D 拼贴到背景上,因为产品与背景的区分是以非自
然的形式。
5.背景不应该是纯黑或纯白,也不应该是完全没有任
何阴影的平面。例外:电商平台上的图像背景应该
遵循平台的设计规范,因此纯白的平面背景只能在这
些情况下使用。
鹦销展材、数字螺体、展
本、展览展示等)任何用途。公司业务部门如需要使用本手册的图片,请联系图片公司
130. opPo
品牌视觉识别手册
图像语言
129
产品角度与构图
我们的产品构图方法应该与品牌的
DNA—创新、友好和优雅的表达
保持一致。
Static
Balanced
Animated
我们不应该是传统静物图的静态构
图,也不应该呈现像科幻场景中的飞
行感。我们选择平衡在静态和动态之
间,我们的产品仿佛是优雅地悬浮在
半空中。
优先适用于2个及以内的手机产品。
131. oppo
品牌视觉识别手册
图像语言
130
产品角度与构图
应该是
不应该是
悬停感
跃跃欲飞的
平衡的
摇摇欲坠的
和谐的
过于戏剧化
令人满意的
过分夸张的
过度动态化
132. oppo
品牌视觉识别手册
图像语言
场景图
133. oPpo
品牌视觉识别手册
图像语言
132
介绍
我们影像素材中的人物形象应尽可能反映目标受众真实的生活、工作和兴趣
爱好。真实、乐观、鼓舞人心是我们在画面中努力表达的核心。
场景设计应该让人感觉真实自然,在场景中,我们想通过用户与产品的互动
去表达“OPPO的科技产品让用户的生活更轻松”的理念。
134. oppo
品牌视觉识别手册
图像语言
133
模特选择
模特的选择既要体现特定目标群体的
多样性和差异性,又要立足现实。
画面中呈现的形象不应该只是专业模
特,而是生活中会真实存在的人-
我们的目标是在我们的用户和我们的
品牌之间建立联系。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等)
国用途,公司业务门
务部门如需要使用本手册的图片,请联系图片公司购
135. OpPO
品牌视觉识别手册
图像语言
妆发和服装
妆发造型应真实呈现目标群体和不同
类型的人物面貌,同时融入积极且鼓
舞人心的情绪。
我们应该尽可能地与具有此类造型经
验的资深造型师合作。造型过程中,
我们需要精准地在创造有趣、鼓舞人
心的角色而又不夸张的风格之间取得
平衡。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等)
国用途,公司业务门
务部门如需要使用本手册的图片,请联系图片公司购
136. opPo
品牌视觉识别手册
图像语言
置景
在讲述用户生活故事的场景中,环境
是一个重要的部分。无论是工作上还
是私人生活中,都发生在真实场景里。
置景的选择应与我们用户的生活方式
紧密关联,并让人感觉它是真实存在
的。我们需要把感性、关怀和思考作
为关键点。若简单地通过对用户类型
的刻板印象去选择置景,会让用户产
生距离感和怀疑;反之,真实地还原
场景会让用户产生认同感和信任感。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
137. opPo
品牌视觉识别手册
图像语言
样张样片
138. oppo
品牌视觉识别手册
图像语言
137
介绍
样张样片的核心是捕捉并展现人们生活中有意义的真实时刻,并以尽可能最
好的方式展示产品的拍摄功能。
样本图像的关键是自发感,以避免陈词滥调的表达方式。我们希望用户能与
图像产生共鸣,并在画面中找到身份认同。
模特和风格的选择上与场景图保持一致,因为这些图像代表了用户生活的真
实写照。
置景也应该与场景图的设置保持一致,但可以增加旅游景点和日常生活之外
的经历。真实、乐观、鼓舞人心是我们在画面中努力争取表达的核心。
场景应该让人感觉真实,用户通过与OPPO的科技产品互动让生活更轻松。
139. OpPO
品牌视觉识别手册
图像语言
138
置景:
友情与亲情的温暖
画面中表达与朋友和家人的情谊之
时,重要的是环境本身不会引起人们
的过多注意而喧宾夺主。
这些图像的置景可以是室内或室外
的,从而反映用户生活中的不同环
境。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等
国用途,公司业务门
务部门如需要使用本手册的图片,请联系图片公司购
140. OpPO
品牌视觉识别手册
图像语言
139
置景:
日常生活中有意义
的一瞬间
当我们尝试在日常生活中捕捉瞬间时
刻并赋予它内涵时,环境本身就可以
是主题,因此这些环境在视觉呈现上
应该是美丽和值得回味的。
然而,这并不意味着置景应该是夸张
的或奢侈的。我们应该去发现值得纪
念的场景与瞬间,通过摄影创造美。
这将使用户更有代入感,鼓励用户通
过使用OPPO科技去记录这些有意
义的瞬间,并创作出美丽的图像。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等)
141. OpPO
品牌视觉识别手册
图像语言
40
置景:
旅行中留下的回忆
旅行摄影是一个很容易被挂上充满陈
词滥调标签的创作场景。为了在此类
别中创建独特的图像,在这里需要着
重强调一下:
与其关注那些著名的旅游景点,不如
将画面的关注点放回相机背后的用户
本身—用户在旅行中的存在感和记
录这个真实的瞬间其实是最重要的。
美丽、光线、构图和有趣的场景比旅
行目的地本身更重要。
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等)
142. opPo
品牌视觉识别手册
图像语言
情绪表达
143. Oppo
品牌视觉识别手册
图像语言
42
模特的情绪正确示例
专注的
温和的
满足的
专注的心态集中在这个特定时刻的事情上。
不需要急于求成,不需要苛求,不做突兀
满足感可以伴随着对你所拥有的东西的感
的动作。他或她是有礼貌的,让身边的人
激之情,以及你已经取得一定成就,享受
都很舒心。
努力带来的回报的感觉。
的所有图片仅为本手册示意使用,不能用于算
144. OpPO
品牌视觉识别手册
图像语言
模特的情绪正确示例
有趣的
欢乐的
兴奋的
感觉与自己、其他人、地方、自然或一种
快乐的感觉来自于将自己沉浸当下,欣赏
有度假、接受新挑战或尝试新事物的
这种情绪相对更强烈,更有活力。
精神的联系和参与感。
自己所拥有的一切。
兴奋感觉。
3品牌视觉识别手册的所有图片仅为本手册示意使用,不能于其
145. OppO
品牌视觉识别手册
图像语言
44
模特的情绪错误示例
面无表情的
过于严肃的
冷漠的
感到情绪麻木,或普遍缺乏情感。
表现出不友好的目光,不苟言笑,或遇到
一个冷漠的人不会表现出太多的情绪,尤
一筹莫展的情况。
其是感情流露,因此显得不友善,没有同
情心。
烦躁的
沮丧的
悲伤的
一种特别强烈的烦躁和沮丧的情绪。
失落、
对周围事物不感兴趣和情绪低落的
表现出一种抗议、不甘心和无助的情绪,
感觉。
持续时间较长。
*OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于其他
146. Oppo
品牌视觉识别手册
图像语言
45
微笑正确和错误示例
可信赖的微笑
放松的微笑
有亲和力的的微笑
专业、自信、可靠
浅笑的、幸福的、温柔的
温暖、善良、友好、有成就感
真实的
真实的
真实的
摆拍的
摆拍的
摆拍的
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于其他
途。公司业务部门如需要使用本手册的图片,请联系图片公司购买版权或自
行组织拍摄。
147. OpPO
品牌视觉识别手册
图像语言
微笑正确和错误示例
愉悦的微笑
真挚的微笑
有感染力的微笑
轻松的、被逗乐的
明亮、友爱、给人带来欢乐的感觉
精力充沛的、欢快的
真实的
真实的
真实的
摆拍的
摆拍的
摆拍的
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于其他
148. Oppo
品牌视觉识别手册
图像语言
微笑正确和错误示例
总览
真实的
可信赖的微笑
放松的微笑
有亲和力的微笑
愉悦的微笑
真挚的微笑
有感染力的微笑
摆拍的
品牌视景识别手册
的所有图片仅为本手册示意使用,不能用于其
149. oppo
品牌视觉识别手册
版本 2.0
应用示例
150. oppo
品牌视觉识别手册
应用示例
Oppo
Empower
Every
Moment
151. oppo
品牌视觉识别手册
应用示例
150
FIVEAIXS
OPPO Find X5 系列
双芯人像科技
oppo
152. oppo
品牌视觉识别手册
应用示例
OppO
微笑前行
153. OpPO
品牌视觉识别手册
应用示例
oppo
oppo
Inspiration
Inspiration
Ahead
Ahead
oppo
Oppo
Inspiration
Inspiration
Ahead
Ahead
154. oppo
品牌视觉识别手册
应用示例
Build A New Era Of
IntelligentLife
155. oppo
品牌视觉识别手册
应用示例
Portrait Mode
Al Highlight Video
Flagship Portrait
Camera System
Flash Snapshot
Focus Tracking
156. oppo
品牌视觉识别手册
应用示例
NPU Powered
EliteImaging
Al Computing Power
Dynamic Range
Process
6nm
18Tops
20Bit
157. oppo
品牌视觉识别手册
应用示例
156
RGBW
DOL-HDR
Smart Wide-Angle
OPPOX Sony
1/1.56"
DPL-HDR
All Pixel Omni-Directional PDAF
OPPO X Sony IMX 766
1/1.56"
Hasselblad
DPL-HDR
All Pixel Omni-Directional PDAF
Camera
OPPO X Sony IMX 766
158. oppo
品牌视觉识别手册
应用示例
Color Temperature
Sensor
8MP
159. OppO
品牌视觉识别手册
应用示例
158
OPPO
4h
Process
Dynamic
Powered
Range
6nm
20bit
NPU
8MP
OPPO×So
Type your message
Type your message
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
160. oppo
品牌视觉识别手册
应用示例
159
8/9/2022
Type your mes
Type your message
Type your me
OPPO品牌视觉识别手册的所有图片仅为本手册示意使用,不能用于
任何用述。行组织招据。
公司业务部门如需要使用本手册的图片,请联系图片公司购
161. oppo
品牌视觉识别手册
应用示例
160
oppo
Oppo
oppo
Oppo
OpPO
Oppo
162. oppo
品牌视觉识别手册
应用示例
Quick Start
Guide
Infinite
Possibilities
Inspiration
Ahead
oppo
163. Oppo
品牌视觉识别手册
应用示例
62
oppo
Smartphones
loT Products
ColorOS
About
Support
Checkout
OPPO
Find X5 Pro
Futuristic technology, housed in
a curved body with cosmic
tones, takes your photography
quality to new heights.
Explore
Buy Now
164. Oppo
品牌视觉识别手册
应用示例
163
OppO
Smartphones
loT Products
ColoroS
About
Support
Checkout
118Uitra-WideFov
8K
32MP
8MP
118° UItra-Wide
32MP
OPPOXSonyIMX709
Angle
OPPOXSony IMX709
Ultra Sensor
Ultra Sensor
不能用于其他(包括但不限于印刷、喷绘、营销素材、数字媒体、展览展示等)任何用途。公司
165.
166. oPPo
品牌视觉识别手册
版本 2.0
The end
*如阅读过程发现错别字等问题,请TeamTalk 联系以下账号修改:
·品牌小助手00000809