优酷品牌视觉识别规范手册V1.0

优酷品牌视觉识别规范手册 V1 0 为何需要视觉规范 视觉识别系统作为品牌传播中的关键元素 具有塑造品牌形象 突出品牌个性 传递品牌价值观的重要功能 而目前优酷品牌的视觉识别系统缺乏统一的标准 所涉及的传播物料在视觉表现方面显得过于 多样化 繁乱 不一致的视觉识别不仅不利于受众对于品牌产生良性认知 更会对品牌的传播力和感染力造成负面影响 在过往传播中 视觉识别系统的不规范主要体现为 母品牌Logo无法保证在所有的传播物料中均有露出 母品牌与子品牌的关系在呈现中无法清晰传递 不同版本的母品牌与子品牌Logo的选择前提及使用前提不明确 Logo在物料中的尺寸及位置不固定 物料的版式及尺寸的适用不准确 哪些问题亟待解决 结合业务和用户需求 打造清晰的品牌视觉识别系统2017年第一季度 完成 优酷品牌视觉识别规范手册 2 0版本的制作优酷母品牌及子品牌Logo的重新设计优酷品牌视觉识别系统的全面更新升级 如何彻底实现刷新 示例参考 GOOGLE 示例参考 BBC 示例参考 ESPN 本 优酷品牌视觉识别规范手册 为1 0版本 意在短期之内有效规范优酷品牌视觉识别系统 在相关的业务支持中提供更合理的依据 为设计需要提供更利于品牌传播的参考标准 同时也为之后的2 0版本创造迭代升级的基础 在新版本的视觉识别规范手册出现前 此版本将取代原有规范 作为唯一的指导原则 视觉规范用在何处 竞品现状 腾讯 视觉物料的呈现也比较缺乏规范 几乎没有统一的应用形式 竞品现状 爱奇艺 相对规范性较强 Logo和会员相关的露出十分清晰 基本上是logo出现在正中下方或右侧 会员左上挂角 且基本上以爱奇艺母品牌为主 子品牌出现的频率很低 基础规范01 LOGO02 LOGO的构成03 安全距离04 最小尺寸05 颜色使用06 背景颜色使用07 使用禁忌08 与广告语的组合09 营销组合10 品牌字体11 辅助图形12 辅助图形的使用 应用规范01 品牌户外02 品牌多内容联动03 会员户外04 SNS传播物料05 频道单元传播物料06 业务单元传播物料07 多个子品牌共同出现的传播物料08 优酷出品传播物料09 合制内容传播物料 目录 基础规范 基础规范01 LOGO 横版Logo 竖版Logo 2013年优酷品牌标志去掉3D立体质感 改为扁平式设计效果 其目的回归质朴色彩简洁和方便统一 在主站和移动终端的运用中得以保持优酷品牌标志的颜色一致性 特别在比较小的尺寸运用中3D效果的标志明显不足 目前所有优酷视觉物料中只推荐使用横版Logo 竖版Logo仅在极特殊情况下使用 微软雅黑原型字体 微软雅黑原型加粗字体 红色线轮廓是调整之后的 优酷 中文logo 基础规范02 LOGO的构成 以 优酷 为主原则在华语地区 优酷 比 youku 辨识度记忆度更高 优酷主要面向华人市场 以突出 优酷 中文两个字的传播前提 制作原理以微软雅黑字体为设计原型 通过变形与 youku 字体协调 基础规范03 安全距离 Logo四周必须保留起码空间 以确保标志完整鲜明 为确保标志清晰突出 标志绝不可与文稿 图片或图样挤在一起 Logo四周必须起码按比例留有一个 y 的距离 基础规范04 最小尺寸 在线运用在线最小应用 84x20px 如有特殊位置需要 84x20px的尺寸 则尽量使用单色标志 或非立体效果标志 优酷Logo在线最小应用时 四周安全距离不得小于5px 印刷应用横板Logo不得小于20mm w 竖版Logo不得小于10mm w 的尺寸 如特需则尽量避免使用渐变效果标志 基础规范05 颜色使用 优酷标准Logo从三维渐变简化到红 蓝 灰三色Logo Logo标准色 常用辅助色 基础规范06 背景颜色使用 最佳使用背景首选白色 底色在正常观察之下有干扰优酷Logo时禁止使用 如底色与全彩色或标志色内的色系相近 请选用单色Logo 全色logo在单独使用时不可改变标志的角度 基础规范07 使用禁忌 使用优酷Logo不得随意改变组合结构 比例和颜色 基础规范08 Logo与广告语的组合 上下组合版式对外合作传播以优酷Logo 企业广告语组合为主 在运用中优先选用此组合 左右组合版式对外窄长画面的广告发布 门头才能出现此画面 企业广告语则根据尺寸进行调节字体不能大于 高于 优酷 两字 基础规范09 品牌联合 使用原则优酷Logo与其他品牌Logo同时出现时 如其他品牌没有特殊需求 优酷Logo置于左侧 其他品牌Logo置于右侧 在营销中 也可根据特殊情况调整 将优酷Logo置于右侧 基础规范10 品牌字体 使用原则优酷使用标准字体以微软雅黑字体为主 在编辑内文时候可以挑选与之匹配的字体 广告应用字体优酷专用字体 微软雅黑 优酷专用字体 冬青黑体简体中文 优酷专用字体 方正正纤黑简体 优酷专用字体 方正兰亭黑简体 优酷专用字体 方正正准黑简体 优酷专用字体 方正兰亭粗黑简体 优酷专用字体 汉仪旗黑 MyriadProABCDEFGHIJKLMNOPQRSTUVWXYZAbcdefghijklmnopqrstuvwxyz1234567890 日常应用字体优酷日常应用字体 微软雅黑 优酷日常应用字体 宋体 ArialABCDEFGHIJKLMNOPQRSTUVWXYZAbcdefghijklmnopqrstuvwxyz1234567890 基础规范11 辅助图形 设计涵义此图形为优酷品牌的icon 也是优酷品牌的辅助图形 禁用原则此图形不能代替优酷Logo 禁止与标志近距离组合出现以免误导成为优酷logo的一部分 基础规范12 辅助图形的使用 延伸设计原则1 正面形体要标准2 异型要意象3 颜色要标准4 单色推荐蓝金银 金属色 5 辅助设计要明确 规避与播放器冲突 此图形作为优酷品牌辅助图形 可以根据设计需要填充或切割 在线上应用为播放钮 非logo 视觉物料应用规范 Option1频道单元Logo全部使用汉字版Logo 业务单元Logo全部采用 YOUKU 业务名称 应用规范00 Logo使用原则 直播 众筹 会员 拍客 自频道 出品 VR 母品牌 优酷品牌架构建议 频道 业务 品牌元素 子品牌 应用规范00 Logo使用原则 母品牌 优酷品牌架构建议 频道 业务 品牌元素 子品牌 优酷众筹 优酷拍客 待设计 频道单元Logo全部采用 YOUKU 频道名称 业务单元Logo全部采用 独有icon 汉字名称 以现有的优酷会员为例 其他业务单元也可参考进行调整 直播 VR 产品 频道 PC端 App端 目前app端的icon排列过于混乱 建议参考PC端的分类 将频道 业务两个单元能在下方的一级菜单中分开 另外 关于频道优化和相对重点的推荐是否可以进行 相似内容 可包含内容是否能够进行合并 非频道内容是否留在频道单元 如果新建菜单栏在一级菜单可扩充的最大范围内 建议将非频道内容单独归类呈现 业务 非频道 应用规范01 品牌户外 自2016年起 一个户外排版分为画面区和品牌区两部分 画面区长度占媒体最长边的70 宽度自适应媒体尺寸 其中内容为所推广内容的主海报 主海报素材画面中需出现优酷品牌icon 位于画面左上角 距离边缘一个icon的长度 一般情况下只可出现标准版icon 如需延伸设计需视具体情况考虑 品牌区长度占媒体最长边的30 宽度自适应媒体尺寸 其中内容为 优酷Logo Slogan 同期其他热播综艺 品牌区内容与品牌区边缘的安全距离应为优酷Logo中一个 y 的长度 横版 实景图 画面区 品牌区 应用规范01 品牌户外 竖版 实景图 画面区 品牌区 应用规范02 品牌多内容联动 方案一 应用规范02 品牌多内容联动 方案二 应用规范03 会员户外 优酷会员户外的设计需与品牌户外的设计规范保持一致 品牌区需同时出现优酷品牌Logo和优酷会员Logo 优酷会员Logo不作为单独的Logo出现 品牌区内容与品牌区边缘的安全距离应为品牌Logo中一个 y 的长度 横版户外排版 实景图 品牌区内的3部内容推荐为同档期的优酷会员特权内容 画面区 品牌区 应用规范03 会员户外 竖版户外排版 实景图 画面区 品牌区 应用规范04 SNS传播物料 画面中所出现的Logo距离画面边缘距离应为一个 y 的长度 优酷Logo在竖版的视觉物料中应置于画面右下方 长度应为画面宽度的1 3 首席赞助商Logo置于画面底部正中 与优酷Logo垂直对齐 长度不可超过优酷Logo 如有多个赞助商及有合作方的情况 次席赞助商置于其左侧 合作方置于优酷Logo右侧 优酷Logo及赞助商等所处的区域面积不得超过手机屏幕所显示区域的1 8 关于独播涉及独播信息时 需出现优酷独播icon 通常情况下置于画面左上角 彩色背景时 优酷独播icon采用投影勾边 不建议直接勾白边 白色 浅色背景时 优酷独播icon有彩色版和白色版两种建议 应用规范04 SNS传播物料 应用规范04 SNS传播物料 规范前 规范后 关于独播涉及独播信息时 需出现优酷独播icon 通常情况下置于画面左上角 应用规范04 SNS传播物料 规范前 规范后 应用规范05 频道单元传播物料 所有设计物料需出现优酷Logo 频道Logo需置于画面左上方 长度应为画面宽度的1 4 设计规范需与SNS传播物料设计规范保持一致 应用规范05 频道单元传播物料 规范前 规范后 应用规范05 频道单元传播物料 规范前 规范后 应用规范06 业务单元传播物料 所有设计物料需出现优酷Logo 业务单元Logo需置于画面左上方 长度应为画面宽度的1 4 设计规范需与SNS传播物料设计规范保持一致 规范前 规范后 应用规范06 业务单元传播物料 应用规范06 业务单元传播物料 所有设计物料需出现优酷Logo 优酷会员Logo置于画面左上角 长度应为画面宽度的1 4 对应二维码置于画面左下 面积以可识别的最小面积为基准 二维码横长不可超过画面宽度的1 3 设计规范需与SNS传播物料设计规范保持一致 规范前 规范后 应用规范06 业务单元传播物料 应用规范07 多个子品牌共同出现的传播物料 当多个子品牌同时出现时 以频道Logo在前 业务Logo在后的方式平行排列于画面左上角 每个Logo的长度不可超过画面宽度的的1 4 优酷Logo置于画面右下角 如需出现对应二维码 应置于画面左下 面积以可识别的最小面积为基准 二维码横长不可超过画面宽度的1 3 设计规范需与SNS传播物料设计规范保持一致 规范前 规范后Option1 应用规范07 多个子品牌共同出现的传播物料 Option2 应用规范08 优酷出品传播物料 优酷出品Logo只在优酷纯自制剧综的传播物料中出现 合制剧综的传播物料只出现优酷Logo 优酷出品Logo置于画面左上角 长度应为画面宽度的1 4 设计规范需与SNS传播物料设计规范保持一致 规范前 规范后 应用规范08 优酷出品传播物料 规范前 规范后 应用规范09 合制内容传播物料 应用规范10 Logo的特殊设计 在特殊时间节点 如配合重点项目的宣推 关注度高的已知或突发热点等 优酷母品牌 子品牌Logo及优酷品牌Icon可根据实际情况在原有基础上贴合内容本质进行二次演绎 适时的变化将会使Logo及Icon本身更具内容性和话题性 根据不同的传播内容赋予其不同属性也会让传播更具针对性 不同剧综风格的演绎 关键播出节点的剧情预告等 特殊版Logo及Icon并不脱离品牌视觉识别系统的应用规范 且仅在传播周期内替代原有的标准版本 GoogleDoodle根据不同热点 地域对logo进行各种风格的特殊设计 从最初的仅作观赏 致敬等特殊含义到现在的融入更多交互 GoogleDoodle用Logo完美地诠释了互联网精神 GameofThrones 的大火 离不开HBO的不停翻炒 不过外界总是关注他们在戏外是如何营销 比如和Uber跨界玩儿铁王座试乘 偷跑风波给整个第五季带来的收视狂潮 急坏全球人民整整一年的 囧到底死没死 等等 其实在戏里 GOT也是十分用心的 六季不换的片头其实内藏玄机 各城家族Icon随剧情发展变化而变化 S05开始 波顿家族入驻临冬城 片头Icon变为波顿家族的剥皮人标识 原来的狼标碎落在旁 S06E10 小剥皮战败 北境义军收复临冬城 片头Icon则又变回原来史塔克家族的冬狼标识