胶片制作规范.doc

华为技术有限公司内部规范

胶片制作规范

全球Marketing部

2023年5月25日发布 2023年5月26日实行

华为技术有限公司
Huawei Technologies Co., Ltd.

版权所有 侵权必究
All rights reserved
修订声明
本规范拟制与解释部门：全球Marketing
本规范的相关系列规范或文献：全球大客户Marketing交付件质量提高项目组相关输出文献、公司VI
相关国际规范或文献一致性：无
替代或作废的其它规范或文献：无
相关规范或文献的互相关系：无
本规范版本升级更改重要内容：第一版本无升级内容
本规范历次修订情况：
版本号
重要起草专家
重要评审专家
批准
V1.0
吴海霞/28730；
傅宇峰/8257
梁俊/10751；徐罡/18842；
张昌全/20932
邓涛/2701

目 录
1 序言 1
1.1.1 目的 1
1.1.2 应用范围 1
1.1.3 简介 1
1.1.4 基本术语说明 1
1.1.5 致谢 1
2 胶片制作总体规定 2
2.1.1 风格一致 2
2.1.2 对的 2
2.1.3 易读 2
2.1.4 易懂 3
2.1.5 美观 3
2.1.6 完整 3
3 胶片模板 4
3.1.1 封面页 4
3.1.2 目录页 5
3.1.3 正文页 6
3.1.4 结束页 7
4 VI规范 8
4.1 华为VI使用规范 8
4.2 其他公司的VI使用规范 8
5 色彩 9
5.1 华为公司颜色使用范围和色样 9
5.2 颜色搭配 9
5.3 色彩要简洁 10
5.4 色彩对比 10
5.5 阴影 10
6 页面布局 11
6.1 文本要严格对齐 11
6.2 结构严谨，信息成块状 13
6.2.1 网络结构图 13
6.2.2 信息量大、内容抽象的胶片 14
6.3 黄金分割法则 15
6.3.1 黄金分割的结识 15
6.3.2 黄金分割应用示例 15
7 图形 16
7.1 网络设备图元 16
7.1.1 使用《华为图标库》中的网元 16
7.1.2 网元大小 17
7.1.3 严禁将产品照片作为网元使用 17
7.1.4 严禁使用背景透明的位图图标 17
7.2 图片、图形 17
7.2.1 图形要清楚 17
7.2.2 去掉图片“杂音” 17
8 文字、项目符号 18
8.1 文字 18
8.2 项目符号 19
8.3 英文大小写 20
8.4 胶片应言简意赅、条理清楚 20
8.5 细节 21
9 信息安全规定 22
9.1 照片内容 22
9.2 图形源文献 24
10 知识产权规定 24
10.1 界面图中不要出现产品中不涉及的软件 24
10.2 界面图中不要出现时效性文字 24
10.3 严禁直接引用第三方的商标、图形、图标 24
11 参考文献 25
12 附录 25
12.1 Web安全色 25
12.2 图形中常用单位换算关系 12-1
12.3 汉字字号与磅值相应关系 12-1

1 序言
1.1.1 目的
l 提高胶片制作质量。
l 解决目前胶片制作中风格不统一、低档错误多的问题。
l 提高全球Marketing工程师的胶片制作水平。
1.1.2 应用范围
l 本规范规定了全球Marketing胶片交付件的制作规范。
l 本规范合用于全球Marketing工程师制作各类报告、交流类胶片时参考。
1.1.3 简介
本文重要描述了制作胶片时应当遵守的格式规范。涉及最基本的模板格式规范，以及胶片各元素和设计规范：色彩、页面布局、图形、文字、VI等方面。
1.1.4 基本术语说明
基本术语说明如表1-1所示。
表1-1 基本术语说明
术语
解释
标题页
指胶片的封面页，一份胶片只有一页。胶片模板中通常都具有标题页。
目录页
指胶片的目录页，一份胶片一般只有一份目录页形式。
正文页
指胶片的正文页面。可根据内容需要变化，基本规定由模板来定义。
结束页
指胶片的最后一页。一般模板中有定义。
1.1.5 致谢
华为大学教学质量部
公司品牌部
中央平台开发部UCD与可服务性管理部：梁俊/10751
全球大客户Marketing交付件质量提高项目组
2 胶片制作总体规定
胶片制作规范总体规定：
l 风格一致
l 对的
l 易读
l 易懂
l 美观
l 完整
2.1.1 风格一致
同一胶片中的同类文字、图形、图标等必须保持一致。其中胶片模板会对一些基本制作规定进行规范，如：
l 胶片标题一致
l 胶片文字大小、字体一致
l 胶片页面风格
2.1.2 对的
胶片的对的性规定：
l 文字对的，无错字、别字
l 语法对的
l 各类比例图的比例图示要准确
l 图形的网络、通信层次要对的
l 使用规范的图元，网络结构图使用《华为图标库》中的图元
l 图形中的标注应清楚准确
2.1.3 易读
所谓易读，是指：
l 胶片主题清楚，唯一
l 信息传达的层次感强，主次非常分明
l 图形清楚，无扭曲变形
l 不罗列大段文字，无冗余信息
l 图元和文字足够大，能看清楚
l 文字方向便于阅读
2.1.4 易懂
l 图片故事性强
2.1.5 美观
l 胶片布局
l 组网图
l 文本严格对齐
l 对比
l 视觉体验深刻，受众在愉悦中留下了深刻印象
2.1.6 完整
l 指胶片结构完整，至少要包含封面页、目录页、正文页和结束页。
3 胶片模板
胶片模板一般涉及封面页、目录页、正文页和结束页。每一页都有基本的规范规定，制作模板时应遵循以下规范。
华为PowerPoint模板胶片参考：
1、龙岗服务器：
\\lg-fs\Root\Software\Application\Document Management\Editor\MSoffice\Office_ConfidentialTemplates\
2、3MS网站：
-> By Product Line -> 15 VI Column -> E PPT/幻灯片
3.1.1 封面页
1. 标题
定义标题文字的字体、大小、颜色。位置规定和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。
封面英文标题：
字体：FrutigerNext LT Medium/Arial
大小：47pt
颜色：反白
封面中文标题：
字体：黑体
大小：40-47pt
颜色：反白
2. 副标题
可选。定义副标题的内容、字体和文字大小。副标题可认为标题内容补充、演讲者的姓名、所在部门、日期等信息。位置规定和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。
字体和颜色样式同主标题，大小：20-24pt。
3. Logo
定义Logo的大小、位置。假如是单向报告，则只放公司Logo；假如是交流报告，一般要同时放公司logo和客户的logo。
4. 版权声明
不可缺少。定义版权声明的内容和位置，版权声明的方式一般为：Huawei Confidential。
3.1.2 目录页
1. 标题
定义标题字体、大小、颜色和位置。位置规定和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。
字体：英文：FrutigerNext LT Medium /Arial ；中文：黑体
大小：35pt
颜色：R153 G0 B0
2. 项目符号
定义项目符号的形状、大小和颜色。颜色一般根据胶片总体风格而定，100%字高。
3. 项目文字
定义项目文字的字体、大小和颜色。
字体：英文：FrutigerNext LT Regular /Arial ；中文：细黑体
大小：24pt
颜色：R0 G0 B0
4. 示例
目录页示例如Error! Reference source not found.。

图3-1 目录页文字规范示例
3.1.3 正文页
1. 标题
定义标题字体、大小、颜色和位置。位置规定和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。
字体：英文：FrutigerNext LT Medium /Arial ；中文：黑体
大小：35pt
颜色：R153 G0 B0
2. 正文
一般定义三级文字的字体、大小、颜色和项目符号。位置规定和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。
字体：英文：FrutigerNext LT Regular /Arial ；中文：细黑体。字体可根据着重点加粗或不加粗。
大小：22-24pt
颜色： R0 G0 B0
3. 项目符号
一般75%字高。级别不同项目符号不同。
4. 版权声明
不可缺少。定义版权声明的内容和位置，版权声明的方式一般为：Huawei Confidential。
5. 页码编号
不可缺少。定义页码的位置、大小和字体。
6. Logo
定义Logo的大小、位置。
3.1.4 结束页
1. 结束语
定义结束语的大小、位置、字体。中文一般为“谢谢”，英文一般为“Thank you”。可适当增长其他的宣传用语。
2. Logo
定义Logo的大小、位置。
3. 图片
结束页的图片风格一般与封面页保持一致，前后相应。
4 VI规范
4.1 华为VI使用规范
1. 定义
视觉辨认系统（Visual Identify）是以标志（LOGO）为核心的所有视觉传播要素的集合，其中涉及文具用品、出版物、多媒体、广告等。
2. 视觉辨认系统（VI）设计文献的获取
在需要VI文献时，必须登录的VI专栏下载VI文献。
-> VI Column
3. 视觉辨认系统（VI）设计文献的使用
在设计视觉材料时，必须遵守VI手册中的标准模板，对的使用华为logo、字体、公司规定色彩、关键设计元素等。设计过程中，如有疑问发邮件到 。
4.2 其他公司的VI使用规范
制作交流类胶片时，经常会用到交流对象的Logo。使用时应注意以下几点：
l Logo的获取：可以从公司品牌部获取，假如公司品牌部没有，则可以通过相关联系人，获取他们的标准Logo。
l 使用：假如需要调整大小，则必须按照比例进行调整（可以按住Ctrl键进行拉动），不可以直接拖动图形，使图片变形。同时要保证图片完整、无暇渍。
l 审核：假如胶片中使用了其他公司的Logo，建议提前将相关页面发给交流对象审核，由于我们也许会无意识的违法了他们的VI规范，这样可以避免正式交流中的尴尬和不快。
5 色彩
5.1 华为公司颜色使用范围和色样
1. 公司色

2. 辅助色

5.2 颜色搭配
l 上面的色板是不可改变的。以上所示的颜色以外的任何颜色都不得应用于华为的胶片设计。
l 公司色与辅助色可以搭配使用。当组合使用不同设计颜色时，必须使用同一明度的颜色（横排）或同一色调的颜色（纵列）。这种方法使胶片视觉效果统一和谐，可以强化表现华为独特的品牌个性。
l 公司红色彩强烈，因此需要谨慎使用，避免削弱文字、图片和其它关键设计元素的表现力。除VI规范中特殊相关规定外，公司红色的面积不得超过应用设计中所有面积的八分之一。
l 公司红可以作为背景色使用。
l 白色可适量作为有色背景上的文字颜色。
l 使用时，注意鲜亮色和沉稳色要平衡，画面不要全是鲜亮色或者全是沉稳色。
l 冷暖对比能均衡画面，吸引观者。
l 深配浅、亮配暗。
5.3 色彩要简洁
l 过多的色彩显得画面凌乱。
l 【建议】一页胶片里，除图标外，其余图形元素的颜色不超过四种。
5.4 色彩对比
l 背景和前文的明度对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出重要文字内容。
l 注意色彩之间的明度关系（即深浅关系），避免色彩在转换为黑白模式时无法区分。如Error! Reference source not found.。
l 【建议】若无法拟定，需实际打印来确认。

图5-1 电子件效果与打印效果对比
5.5 阴影
使用阴影可以增强图形的立体效果，使图形更美观生动。如图5-2所示。

图5-2 使用阴影增强图形的立体效果
阴影的使用方法应全胶片统一：
l 同一类图形中是否使用阴影应统一。不能有的图元加阴影，有的图元不加阴影。
l 阴影的颜色、深度应统一。
6 页面布局
6.1 文本要严格对齐
(1) 凌乱的文本会导致读者寻找文本起点的脑力消耗。而严格对齐的文本可以给读者一个潜在的阅读规则，并很自然的遵循这个潜规则，所以对齐是文本可读性的基本。文字对齐的示例如Error! Reference source not found.所示。

图6-1 文字对齐示例
(2) 项目符号后的文字要严格对齐，如Error! Reference source not found.。

图6-2 项目符号文字对齐示例
(3) 表格里的文字要严格对齐。根据文字内容，可以选择居中，左对齐，或者右对齐。但要注意，同种性质的文本对齐方式要一致。左对齐或右对齐时，文字与表格线的间距要统一。如Error! Reference source not found.。

图6-3 表格文字左对齐示例
6.2 结构严谨，信息成块状
6.2.1 网络结构图
(1) 突出核心（层），可以放大、或加色块。如Error! Reference source not found.。

图6-4 组网图示例（突出核心层）
(2) 主次结构可以分：由上到下、由左到右、中心到周边。
(3) 边沿（层）合理规划并且部件化，严禁乱摆乱放。如Error! Reference source not found.。

图6-5 组网图示例（边沿合理规划、部件化）
6.2.2 信息量大、内容抽象的胶片
(1) 信息量大，且又必须放在一页胶片的内容，要注意对内容进行分类、组块表达。示例如Error! Reference source not found.。

图6-6 内容分类、组块表达
(2) 对于理念式、抽象的内容，要注意对内容进行分类、组块表达。示例如Error! Reference source not found.。

图6-7 信息组块化（未来网络架构）
6.3 黄金分割法则
6.3.1 黄金分割的结识
(1) 所谓黄金分割，指的是把长为L的线段分为两部分，使其中一部分对于所有之比，等于另一部分对于该部分之比。该比值约等于0.618。
(2) 黄金分割点在1/2和2/3之间，大体是四六分。如Error! Reference source not found.中的红色点，就是黄金分割点。

图6-8 黄金分割点的位置
(3) 在美学上，设计者常运用黄金分割点（线）来达成构图的平衡。
(4) 胶片设计也要讲究构图的平衡，因此在页面分割时，尽量于黄金分割线位置或附近进行分隔。
6.3.2 黄金分割应用示例
(1) 黄金分割线左右、上下示例如Error! Reference source not found.。

图6-9 黄金分割线（上下、左右）
(2) 黄金分割线左右示例如Error! Reference source not found.。

图6-10 黄金分割线（左右）
7 图形
7.1 网络设备图元
网络设备图元，以下简称网元，重要用于网络结构图中。
7.1.1 使用《华为图标库》中的网元
图标库中的网元，有抽象类和实物类两种，如Error! Reference source not found.。抽象类图标用抽象的符号来代表设备，实物类图标与设备外形接近。
l 每种设备、终端都有指定的图标，应按图标库的说明取用，严禁随意借用。
l 为保持统一的绘图风格，可以将图标放大或缩小，但不可改变图标的纵横比例，否则会导致图标变形。

图7-1 实物图标和抽象图标
7.1.2 网元大小
l 同一网络结构图中的同类抽象网元，大小应一致。
l 同一网络结构图中的实物图标大小对比应符合实际。
l 严禁使用第三方的网元（参见10.3 严禁直接引用第三方的商标、图形、图标）。
7.1.3 严禁将产品照片作为网元使用
表现产品所有、局部的照片不可作为网元直接使用。
7.1.4 严禁使用背景透明的位图图标
插图中使用背景透明的位图图标也许会导致发行问题，如转PDF图标出现黑影。
严禁使用背景透明的位图图标。
7.2 图片、图形
7.2.1 图形要清楚
【例如】原本清楚的界面，如图7-2所示，截取后保存为.JPG格式会比较模糊，如图7-3所示。

图7-2 清楚的界面图（放大显示）

图7-3 模糊的界面图（放大显示）
【点评】界面图应保存为 .GIF格式。
7.2.2 去掉图片“杂音”
图形应只包含与主题相关的内容，去除冗余信息。
1. 界面图只截取必要的部分
截取界面图时，只截必要的部分，尽量不要截取整个界面。
2. 照片要去除背景
【例如】未经解决的数码照片，背景杂乱，如Error! Reference source not found.所示。

图7-4 背景杂乱的照片
去除背景后的照片，如Error! Reference source not found.所示。

图7-5 照片应去除背景
8 文字、项目符号
8.1 文字
(1) 正文文字：按模板规定，保持统一。
(2) 图标注释文字：要全胶片保持统一。图片注释：字体14号加粗，中文宋体，英文Arial。可使用一定量的Arial以外的其他字体，可增长页面的趣味性或活跃性。如Error! Reference source not found.。

图8-1 文字统一示例
(3) 图文框文本：要全胶片保持统一。
(4) 每页胶片文字要尽量控制在5士2行。
(5) 文字的段距要大于行距。建议行距设立为1~1.2行，段前设立为0.3~0.5行，段后设立为0。Error! Reference source not found.，是段前0.4行，行距1行的效果，段距大于行距。

图8-2 段距大于行距
8.2 项目符号
(1) 项目符号的大小、颜色、样式按模板规定，全胶片保持统一。
(2) 项目符号要严格对齐，项目符号后的文字要严格对齐。
8.3 英文大小写
英文字母大小写分以下几种情况：
1. 专有名词和缩略语
专有名词和缩略语的大小写必须遵循业界规范。
【例如】x.25、V5、USB、SCSI、AC、DC、LED、PGND、BGND、ESD等。
2. 产品名称
产品名称的大小写必须遵循公司规定。
【例如】OptiX、iManager T2023 NMS、Intess等。
8.4 胶片应言简意赅、条理清楚
胶片最忌讳文字多，对于难以用图形来表达的，文字要尽量保持条理、清楚。
(1) 如下Error! Reference source not found.，直接拷贝大段文字，是胶片制作的大忌。

图8-3 胶片中的大段文字
(2) 对于无法避免的文字，要遵守3×3×3原则，如下Error! Reference source not found.。
l 一页胶片的要点要限制在3条以内
l 要点的条目：也要限制在3条以内
l 最后分层：同样要限制在3条以内

图8-4 胶片文字3×3×3原则
8.5 细节
细节决定成就！胶片制作中的细节规定如下Error! Reference source not found.所示。
(1) 文本应在图文框内，不可超过图文框范围。
(2) 文本换行应匀称、美观。
(3) 图元应对齐（水平方向和垂直方向）。
(4) 文本不能压在线上。
(5) 连接线端点必须连到图元上。

图8-5 细节决定成就
9 信息安全规定
图形包含的信息内容非常丰富，胶片中的图形要避免信息安全隐患，原则上只提供应用户必要且不需保密的信息。
9.1 照片内容
【规定】
照片中的细节不能太清楚：
l 严禁直接引用像素数太高的数码照片。
l 照片中不能出现器件型号、单板丝印。照片放大显示后，不能看清楚器件、保密部件等。但面板丝印可以出现在照片中。
【说明】
使用数码相机拍摄时，为获得高质量的照片，便于后期解决，通常会选用较高的像素数拍摄，如2560 pixels × 1920 pixels、2048 pixels ×1536等。这样的照片包含的像素数较多，放大显示后也许会看清某些保密细节，假如不做解决，直接插入到文档中，也许会泄密。
【举例】
像素数太高的数码照片，如图9-1所示，这张照片的分辨率是1024×768，将其直接插入到word中，当显示比例高于200%时能看清楚单板上的丝印。

图9-1 照片分辨率1024×768效果
像素数调低后，显示比例100%时照片最清楚，放大显示后看不清楚细节，如图9-2所示。

图9-2 照片像素数300×225效果
9.2 图形源文献
【规定】
未经许可，不能将图形源文献（特别是AutoCAD图形文献）上网，也不能将图形源文献提供应运营商、合作方或用户。
10 知识产权规定
(1) 特别的，对于华为公司的产品图片，若出现华为公司商标，则对商标、商标标记TM和注册标记的用法也应遵守资料开发中的现有规定。
(2) 对参考其他方的图片，特别应强调不能直接拷贝其他方图片，对于某些因较简朴而使华为公司的原理图也许与其他方相同的，应重画，并尽量避免包含其他方图片中有特性的元素。
(3) 对参考其他方的图片，图片中的文字应理解后另行表达。
10.1 界面图中不要出现产品中不涉及的软件
(1) 界面图中不要出现产品中不涉及的软件及其图标。
(2) 界面图中不允许出现非标准软件（参见华为公司IT桌面标准）及其图标，以避免潜在的知识产权问题。
10.2 界面图中不要出现时效性文字
不要截取带有时效性文字的界面。
10.3 严禁直接引用第三方的商标、图形、图标
只有在获得第三方书面授权时，方可引用第三方的商标、图标、图形。第三方涉及但不限于：合作方、外购设备的供应商，标准组织、友商、运营商等。
1. 严禁直接引用运营商、友商的商标、图标、图形（涉及组网图和网元）；获得运营商、友商书面授权的除外。
2. 对于合作方的图形，在理解的基础上，用另一种形式表达并且重画图。
3. 对于标准组织的图，分两种情况解决：
(1) 严禁引用和参考涉及友商基本专利的图形。
(2) 对于标准中的一般图形，在理解的基础上，用另一种形式表达并且重画图。
4. 在绘制华为产品的组网图时，假如需要表达第三方设备，可使用华为图标库中指定的网元来表达。
11 参考文献
序号
文献编号或出处
文献名称
查询位置
1
华为视觉形象工作组
胶片制作V5.exe
中央软件部网站：
http://interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?ClassID=104
2
华为视觉形象工作组
胶片图标库(V6.0).ppt
中央软件部网站：
http://interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?ClassID=104
资料部服务器：
\\info-server\8-公共图库\A-胶片制作参考
3
华为技术有限公司
产品手册图形绘制规范V1.0
Notes数据库：
内部规范标准总库
4
华为技术有限公司
公司报告提纲－交流版.ppt
3ms网站：

12 附录
12.1 Web安全色
Web安全色是所有浏览器都支持的216种颜色。使用Web安全色绘图，可以保证在各种浏览器中色彩都不失真。
Web安全色的RGB取值范围：{0,51,102,153,204,255}。
【例如】R204 G255 B255。
当颜色的R、G、B值相同时，颜色为灰色，其中R255 G255 B255为白色，R0 G0 B0为黑色。
【例如】如图12-1所示。

图12-1 RGB值相同时为灰色
Web安全色如Error! Reference source not found.所示。

图12-2 Web安全色

12.2 图形中常用单位换算关系
表12-1 图形中常用单位换算关系
物理量
换算关系
分辨率

屏幕分辨率
屏幕分辩率=96ppi（正常情况下）
inch
1 inch = 25.4 mm
1 inch = 96 pixels（在正常的屏幕分辩率下）
pt
1 pt = 0.01384 inch
1 pt = 25.4 × 0.01384 mm ≈ 0.35 mm
1 pt = 96 × 0.01384 pixels ≈ 1.33 pixels（在正常的屏幕分辩率下）
mm
1 mm = ( 1 / 25.4 ) / 0.01384 pt ≈ 2.84 pt
1 mm = 96 / 25.4 pixels ≈ 3.78 pixels
12.3 汉字字号与磅值相应关系
表12-2 汉字字号与磅值相应关系
字号
pt

字号
pt
初号
42

四号
14
小初
36

小四
12
一号
26

五号
10.5
小一
24

小五
9
二号
22

六号
7.5
小二
18

小六
6.5
三号
16

七号
5.5
小三
15

八号
5