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

首页 - Wiki
Copyright © 2011-2024 iteam. Current version is 2.139.0. UTC+08:00, 2024-12-27 11:43
浙ICP备14020137号-1 $访客地图$