胶片制作规范V10.docx

资源描述

胶片制作规范V10.docx

《胶片制作规范V10.docx》由会员分享，可在线阅读，更多相关《胶片制作规范V10.docx（34页珍藏版）》请在冰豆网上搜索。

胶片制作规范V10.docx

胶片制作规范V10

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

胶片制作规范

全球Marketing部

2006年5月25日发布2006年5月26日实施

华为技术有限公司

HuaweiTechnologiesCo.,Ltd.

Allrightsreserved

修订声明

本规范拟制与解释部门：

全球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

4VI规范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.1Web安全色25

12.2图形中常用单位换算关系12-1

12.3汉字字号与磅值对应关系12-1

1序言

1.1.1目的

●提高胶片制作质量。

●解决目前胶片制作中风格不统一、低级错误多的问题。

●提高全球Marketing工程师的胶片制作水平。

1.1.2应用范围

●本规范规定了全球Marketing胶片交付件的制作规范。

●本规范适用于全球Marketing工程师制作各类汇报、交流类胶片时参考。

1.1.3简介

本文主要描述了制作胶片时应该遵守的格式规范。

包括最基本的模板格式规范，以及胶片各元素和设计规范：

色彩、页面布局、图形、文字、VI等方面。

1.1.4基本术语说明

基本术语说明如表1-1所示。

表1-1基本术语说明

术语

解释

标题页

指胶片的封面页，一份胶片只有一页。

胶片模板中通常都含有标题页。

目录页

指胶片的目录页，一份胶片一般只有一份目录页形式。

正文页

指胶片的正文页面。

可根据内容需要变化，基本要求由模板来定义。

结束页

指胶片的最后一页。

一般模板中有定义。

1.1.5致谢

华为大学教学质量部

公司品牌部

中央平台开发部UCD与可服务性管理部：

梁俊/10751

全球大客户Marketing交付件质量提升项目组

胶片制作总体要求

胶片制作规范总体要求：

●风格一致

●正确

●易读

●易懂

●美观

●完整

2.1.1风格一致

同一胶片中的同类文字、图形、图标等必须保持一致。

其中胶片模板会对一些基本制作要求进行规范，如：

●胶片标题一致

●胶片文字大小、字体一致

●胶片页面风格

2.1.2正确

胶片的正确性要求：

●文字正确，无错字、别字

●语法正确

●各类比例图的比例图示要准确

●图形的网络、通信层次要正确

●使用规范的图元，网络结构图使用《华为图标库》中的图元

●图形中的标注应清楚准确

2.1.3易读

所谓易读，是指：

●胶片主题清晰，唯一

●信息传达的层次感强，主次非常分明

●图形清楚，无扭曲变形

●不罗列大段文字，无冗余信息

●图元和文字足够大，能看清楚

●文字方向便于阅读

2.1.4易懂

●图片故事性强

2.1.5美观

●胶片布局

●组网图

●文本严格对齐

●对比

●视觉体验深刻，受众在愉悦中留下了深刻印象

2.1.6完整

●指胶片结构完整，至少要包含封面页、目录页、正文页和结束页。

胶片模板

胶片模板一般包括封面页、目录页、正文页和结束页。

每一页都有基本的规范要求，制作模板时应遵循以下规范。

华为PowerPoint模板胶片参考：

1、龙岗服务器：

\\lg-fs\Root\Software\Application\DocumentManagement\Editor\MSoffice\Office_ConfidentialTemplates\

2、3MS网站：

->ByProductLine->15VIColumn->EPPT/幻灯片

3.1.1封面页

1.标题

定义标题文字的字体、大小、颜色。

位置要求和胶片底部的HUAWEITECHNOLOGIESCO.,LTD.垂直左对齐。

封面英文标题：

字体：

FrutigerNextLTMedium/Arial

大小：

47pt

颜色：

反白

封面中文标题：

字体：

黑体

大小：

40-47pt

颜色：

反白

2.副标题

可选。

定义副标题的内容、字体和文字大小。

副标题可以为标题内容补充、演讲者的姓名、所在部门、日期等信息。

位置要求和胶片底部的HUAWEITECHNOLOGIESCO.,LTD.垂直左对齐。

字体和颜色样式同主标题，大小：

20-24pt。

3.Logo

定义Logo的大小、位置。

如果是单向汇报，则只放公司Logo；如果是交流汇报，一般要同时放公司logo和客户的logo。

不可缺少。

HuaweiConfidential。

3.1.2目录页

1.标题

定义标题字体、大小、颜色和位置。

位置要求和胶片底部的HUAWEITECHNOLOGIESCO.,LTD.垂直左对齐。

字体：

英文：

FrutigerNextLTMedium/Arial；中文：

黑体

大小：

35pt

颜色：

R153G0B0

2.项目符号

定义项目符号的形状、大小和颜色。

颜色一般根据胶片总体风格而定，100%字高。

3.项目文字

定义项目文字的字体、大小和颜色。

字体：

英文：

FrutigerNextLTRegular/Arial；中文：

细黑体

大小：

24pt

颜色：

R0G0B0

4.示例

目录页示例如图3-1。

图3-1目录页文字规范示例

3.1.3正文页

1.标题

定义标题字体、大小、颜色和位置。

位置要求和胶片底部的HUAWEITECHNOLOGIESCO.,LTD.垂直左对齐。

字体：

英文：

FrutigerNextLTMedium/Arial；中文：

黑体

大小：

35pt

颜色：

R153G0B0

2.正文

一般定义三级文字的字体、大小、颜色和项目符号。

位置要求和胶片底部的HUAWEITECHNOLOGIESCO.,LTD.垂直左对齐。

字体：

英文：

FrutigerNextLTRegular/Arial；中文：

细黑体。

字体可根据着重点加粗或不加粗。

大小：

22-24pt

颜色：

R0G0B0

3.项目符号

一般75%字高。

级别不同项目符号不同。

不可缺少。

HuaweiConfidential。

5.页码编号

不可缺少。

定义页码的位置、大小和字体。

6.Logo

定义Logo的大小、位置。

3.1.4结束页

1.结束语

定义结束语的大小、位置、字体。

中文一般为“谢谢”，英文一般为“Thankyou”。

可适当增加其他的宣传用语。

2.Logo

定义Logo的大小、位置。

3.图片

结束页的图片风格一般与封面页保持一致，前后对应。

VI规范

4.1华为VI使用规范

1.定义

视觉识别系统（VisualIdentify）是以标志（LOGO）为核心的所有视觉传播要素的集合，其中包括文具用品、出版物、多媒体、广告等。

2.视觉识别系统（VI）设计文件的获取

在需要VI文件时，必须登录的VI专栏下载VI文件。

->VIColumn

3.视觉识别系统（VI）设计文件的使用

在设计视觉材料时，必须遵守VI手册中的标准模板，正确使用华为logo、字体、公司规定色彩、关键设计元素等。

设计过程中，如有疑问发邮件到logo@。

4.2其他公司的VI使用规范

制作交流类胶片时，经常会用到交流对象的Logo。

使用时应注意以下几点：

●Logo的获取：

可以从公司品牌部获取，如果公司品牌部没有，则可以通过相关联系人，获取他们的标准Logo。

●使用：

如果需要调整大小，则必须按照比例进行调整（可以按住Ctrl键进行拉动），不可以直接拖动图形，使图片变形。

同时要保证图片完整、无暇渍。

●审核：

如果胶片中使用了其他公司的Logo，建议提前将相关页面发给交流对象审核，因为我们可能会无意识的违法了他们的VI规范，这样可以避免正式交流中的尴尬和不快。

5色彩

5.1华为公司颜色使用范围和色样

1.公司色

2.辅助色

5.2颜色搭配

●上面的色板是不可改变的。

以上所示的颜色以外的任何颜色都不得应用于华为的胶片设计。

●公司色与辅助色可以搭配使用。

当组合使用不同设计颜色时，必须使用同一明度的颜色（横排）或同一色调的颜色（纵列）。

这种方法使胶片视觉效果统一和谐，可以强化表现华为独特的品牌个性。

●公司红色彩强烈，因此需要谨慎使用，避免削弱文字、图片和其它关键设计元素的表现力。

除VI规范中特殊相关规定外，公司红色的面积不得超过应用设计中全部面积的八分之一。

●公司红可以作为背景色使用。

●白色可适量作为有色背景上的文字颜色。

●使用时，注意鲜亮色和沉稳色要平衡，画面不要全是鲜亮色或者全是沉稳色。

●冷暖对比能均衡画面，吸引观者。

●深配浅、亮配暗。

5.3色彩要简洁

●过多的色彩显得画面凌乱。

●【建议】一页胶片里，除图标外，其余图形元素的颜色不超过四种。

5.4色彩对比

●背景和前文的明度对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。

●注意色彩之间的明度关系（即深浅关系），避免色彩在转换为黑白模式时无法区分。

如图5-1。

●【建议】若无法确定，需实际打印来确认。

图5-1电子件效果与打印效果对比

5.5阴影

使用阴影可以增强图形的立体效果，使图形更美观生动。

如图5-2所示。

图5-1使用阴影增强图形的立体效果

阴影的使用方法应全胶片统一：

●同一类图形中是否使用阴影应统一。

不能有的图元加阴影，有的图元不加阴影。

●阴影的颜色、深度应统一。

6页面布局

6.1文本要严格对齐

（1）凌乱的文本会造成读者寻找文本起点的脑力消耗。

而严格对齐的文本可以给读者一个潜在的阅读规则，并很自然的遵循这个潜规则，所以对齐是文本可读性的基本。

文字对齐的示例如图6-1所示。

图6-1文字对齐示例

（2）项目符号后的文字要严格对齐，如图6-2。

图6-1项目符号文字对齐示例

（3）表格里的文字要严格对齐。

根据文字内容，可以选择居中，左对齐，或者右对齐。

但要注意，同种性质的文本对齐方式要一致。

左对齐或右对齐时，文字与表格线的间距要统一。

如图6-3。

图6-1表格文字左对齐示例

6.2结构严谨，信息成块状

6.2.1网络结构图

（1）突出核心（层），可以放大、或加色块。

如图6-4。

图6-1组网图示例（突出核心层）

（2）主次结构可以分：

由上到下、由左到右、中心到周围。

（3）边沿（层）合理规划并且部件化，禁止乱摆乱放。

如图6-5。

图6-1组网图示例（边沿合理规划、部件化）

6.2.2信息量大、内容抽象的胶片

（1）信息量大，且又必须放在一页胶片的内容，要注意对内容进行分类、组块表达。

示例如图6-6。

图6-1内容分类、组块表达

（2）对于理念式、抽象的内容，要注意对内容进行分类、组块表达。

示例如图6-7。

图6-1信息组块化（未来网络架构）

6.3黄金分割法则

6.3.1黄金分割的认识

（1）所谓黄金分割，指的是把长为L的线段分为两部分，使其中一部分对于全部之比，等于另一部分对于该部分之比。

该比值约等于0.618。

（2）黄金分割点在1/2和2/3之间，大致是四六分。

如图6-8中的红色点，就是黄金分割点。

图6-1黄金分割点的位置

（3）在美学上，设计者常利用黄金分割点（线）来达到构图的平衡。

（4）胶片设计也要讲究构图的平衡，因此在页面分割时，尽量于黄金分割线位置或附近进行分隔。

6.3.2黄金分割应用示例

（1）黄金分割线左右、上下示例如图6-9。

图6-1黄金分割线（上下、左右）

（2）黄金分割线左右示例如图6-10。

图6-1黄金分割线（左右）

7图形

7.1网络设备图元

网络设备图元，以下简称网元，主要用于网络结构图中。

7.1.1使用《华为图标库》中的网元

图标库中的网元，有抽象类和实物类两种，如图7-1。

抽象类图标用抽象的符号来代表设备，实物类图标与设备外形接近。

●每种设备、终端都有指定的图标，应按图标库的说明取用，禁止随意借用。

●为保持统一的绘图风格，可以将图标放大或缩小，但不可改变图标的纵横比例，否则会造成图标变形。

图7-1实物图标和抽象图标

7.1.2网元大小

●同一网络结构图中的同类抽象网元，大小应一致。

●同一网络结构图中的实物图标大小对比应符合实际。

●禁止使用第三方的网元（参见10.3禁止直接引用第三方的商标、图形、图标）。

7.1.3禁止将产品照片作为网元使用

表现产品全部、局部的照片不可作为网元直接使用。

7.1.4禁止使用背景透明的位图图标

插图中使用背景透明的位图图标可能会导致发行问题，如转PDF图标出现黑影。

禁止使用背景透明的位图图标。

7.2图片、图形

7.2.1图形要清楚

【例如】原本清楚的界面，如图7-2所示，截取后保存为.JPG格式会比较模糊，如图7-3所示。

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

图7-2模糊的界面图（放大显示）

【点评】界面图应保存为.GIF格式。

7.2.2去掉图片“杂音”

图形应只包含与主题相关的内容，去除冗余信息。

1.界面图只截取必要的部分

截取界面图时，只截必要的部分，尽量不要截取整个界面。

2.照片要去除背景

【例如】未经处理的数码照片，背景杂乱，如图7-4所示。

图7-1背景杂乱的照片

去除背景后的照片，如图7-5所示。

图7-2照片应去除背景

8文字、项目符号

8.1文字

（1）正文文字：

按模板要求，保持统一。

（2）图标注释文字：

要全胶片保持统一。

图片注释：

字体14号加粗，中文宋体，英文Arial。

可使用一定量的Arial以外的其他字体，可增加页面的趣味性或活跃性。

如图8-1。

图8-1文字统一示例

（3）图文框文本：

要全胶片保持统一。

（4）每页胶片文字要尽量控制在5士2行。

（5）文字的段距要大于行距。

建议行距设置为1~1.2行，段前设置为0.3~0.5行，段后设置为0。

图8-2，是段前0.4行，行距1行的效果，段距大于行距。

图8-1段距大于行距

8.2项目符号

（1）项目符号的大小、颜色、样式按模板要求，全胶片保持统一。

（2）项目符号要严格对齐，项目符号后的文字要严格对齐。

8.3英文大小写

英文字母大小写分以下几种情况：

1.专有名词和缩略语

专有名词和缩略语的大小写必须遵循业界规范。

【例如】x.25、V5、USB、SCSI、AC、DC、LED、PGND、BGND、ESD等。

2.产品名称

产品名称的大小写必须遵循公司规定。

【例如】OptiX、iManagerT2000NMS、Intess等。

8.4胶片应言简意赅、条理清楚

胶片最忌讳文字多，对于难以用图形来表达的，文字要尽量保持条理、清晰。

（1）如下图8-3，直接拷贝大段文字，是胶片制作的大忌。

图8-1胶片中的大段文字

（2）对于无法避免的文字，要遵守3×3×3原则，如下图8-4。

●一页胶片的要点要限制在3条以内

●要点的条目：

也要限制在3条以内

●最后分层：

同样要限制在3条以内

图8-1胶片文字3×3×3原则

8.5细节

细节决定成就！

胶片制作中的细节要求如下图8-5所示。

（1）文本应在图文框内，不可超过图文框范围。

（2）文本换行应匀称、美观。

（3）图元应对齐（水平方向和垂直方向）。

（4）文本不能压在线上。

（5）连接线端点必须连到图元上。

图8-1细节决定成就

9信息安全要求

图形包含的信息内容非常丰富，胶片中的图形要避免信息安全隐患，原则上只提供给用户必要且不需保密的信息。

9.1照片内容

【规定】

照片中的细节不能太清晰：

●禁止直接引用像素数太高的数码照片。

●照片中不能出现器件型号、单板丝印。

照片放大显示后，不能看清楚器件、保密部件等。

但面板丝印可以出现在照片中。

【说明】

使用数码相机拍摄时，为获得高质量的照片，便于后期处理，通常会选用较高的像素数拍摄，如2560pixels×1920pixels、2048pixels×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.2界面图中不要出现产品中不涉及的软件

（1）界面图中不要出现产品中不涉及的软件及其图标。

（2）界面图中不允许出现非标准软件（参见华为公司IT桌面标准）及其图标，以避免潜在的知识产权问题。

10.3界面图中不要出现时效性文字

不要截取带有时效性文字的界面。

10.4禁止直接引用第三方的商标、图形、图标

只有在获得第三方书面授权时，方可引用第三方的商标、图标、图形。

第三方包括但不限于：

合作方、外购设备的供应商，标准组织、友商、运营商等。

1.禁止直接引用运营商、友商的商标、图标、图形（包括组网图和网元）；获得运营商、友商书面授权的除外。

2.对于合作方的图形，在理解的基础上，用另一种形式表达并且重画图。

3.对于标准组织的图，分两种情况处理：

（1）禁止引用和参考涉及友商基本专利的图形。

（2）对于标准中的一般图形，在理解的基础上，用另一种形式表达并且重画图。

4.在绘制华为产品的组网图时，如果需要表达第三方设备，可使用华为图标库中指定的网元来表示。

11参考文献

序号

文献编号或出处

文献名称

查询位置

华为视觉形象工作组

胶片制作V5.exe

中央软件部网站：

http:

//interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?

ClassID=104

华为视觉形象工作组

胶片图标库（V6.0）.ppt

中央软件部网站：

http:

//interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?

ClassID=104

资料部服务器：

\\info-server\8-公共图库\A-胶片制作参考

华为技术有限公司

产品手册图形绘制规范V1.0

Notes数据库：

内部规范标准总库

华为技术有限公司

公司汇报提纲－交流版.ppt

3ms网站：

12附录

12.1Web安全色

Web安全色是所有浏览器都支持的216种颜色。

使用Web安全色绘图，可以确保在各种浏览器中色彩都不失真。

Web安全色的RGB取值范围：

{0,51,102,153,204,255}。

【例如】R204G255B255。

当颜色的R、G、B值相同时，颜色为灰色，其中R255G255B255为白色，R0G0B0为黑色。

【例如】如图12-1所示。

图12-1RGB值相同时为灰色

Web安全色如图12-2所示。

图12-2Web安全色

12.2图形中常用单位换算关系

表12-1图形中常用单位换算关系

物理量

换算关系

分辨率

屏幕分辨率

屏幕分辩率=96ppi（正常情况下）

inch

1inch=25.4

展开阅读全文