胶片制作规范V10.docx

1、胶片制作规范V10华为技术有限公司内部规范胶片制作规范全球Marketing部2006年5月25日发布 2006年5月26日实施华为技术有限公司Huawei Technologies Co., Ltd.版权所有 XXAll rights reserved修订声明本规范拟制与解释部门：全球Marketing本规范的相关系列规范或文件：全球大客户Marketing交付件质量提升项目组相关输出文件、公司VI相关国际规范或文件一致性：无替代或作废的其它规范或文件：无相关规范或文件的相互关系：无本规范版本升级更改主要内容：第一版本无升级内容本规范历次修订情况：版本号主要起草专家主要评审专家批准V1.0吴

2、海霞/28730；傅宇峰/8257梁俊/10751；徐罡/18842；张昌全/20932邓涛/2701目 录1 序言 11.1.1 目的 11.1.2 应用范围 11.1.3 简介 11.1.4 基本术语说明 11.1.5 致谢 12 胶片制作总体要求 22.1.1 风格一致 22.1.2 正确 22.1.3 易读 22.1.4 易懂 32.1.5 美观 32.1.6 完整 33 胶片模板 43.1.1 封面页 43.1.2 目录页 53.1.3 正文页 63.1.4 结束页 74 VI规范 84.1 华为VI使用规范 84.2 其他公司的VI使用规范 85 色彩 95.1 华为公司颜色使用范

3、围和色样 95.2 颜色搭配 95.3 色彩要简洁 105.4 色彩对比 105.5 阴影 106 页面布局 116.1 文本要严格对齐 116.2 结构严谨，信息成块状 136.2.1 网络结构图 136.2.2 信息量大、内容抽象的胶片 146.3 黄金分割法则 156.3.1 黄金分割的认识 156.3.2 黄金分割应用示例 157 图形 167.1 网络设备图元 167.1.1 使用华为图标库中的网元 167.1.2 网元大小 177.1.3 禁止将产品照片作为网元使用 177.1.4 禁止使用背景透明的位图图标 177.2 图片、图形 177.2.1 图形要清楚 177.2.2 去掉

4、图片“杂音” 178 文字、项目符号 188.1 文字 188.2 项目符号 198.3 英文大小写 208.4 胶片应言简意赅、条理清楚 208.5 细节 219 信息安全要求 229.1 照片内容 229.2 图形源文件 2410 知识产权要求 2410.1 界面图中不要出现产品中不涉及的软件 2410.2 界面图中不要出现时效性文字 2410.3 禁止直接引用第三方的商标、图形、图标 2411 参考文献 2512 附录 2512.1 Web安全色 2512.2 图形中常用单位换算关系 12-112.3 汉字字号与磅值对应关系 12-11 序言1.1.1 目的 提高胶片制作质量。 解决目前

5、胶片制作中风格不统一、低级错误多的问题。 提高全球Marketing工程师的胶片制作水平。1.1.2 应用范围 本规范规定了全球Marketing胶片交付件的制作规范。 本规范适用于全球Marketing工程师制作各类汇报、交流类胶片时参考。1.1.3 简介本文主要描述了制作胶片时应该遵守的格式规范。包括最基本的模板格式规范，以及胶片各元素和设计规范：色彩、页面布局、图形、文字、VI等方面。1.1.4 基本术语说明基本术语说明如表1-1所示。表1-1 基本术语说明术语解释标题页指胶片的封面页，一份胶片只有一页。胶片模板中通常都含有标题页。目录页指胶片的目录页，一份胶片一般只有一份目录页形式。正

6、文页指胶片的正文页面。可根据内容需要变化，基本要求由模板来定义。结束页指胶片的最后一页。一般模板中有定义。1.1.5 致谢华为大学教学质量部公司品牌部中央平台开发部UCD与可服务性管理部：梁俊/10751全球大客户Marketing交付件质量提升项目组2 胶片制作总体要求胶片制作规范总体要求： 风格一致 正确 易读 易懂 美观 完整2.1.1 风格一致同一胶片中的同类文字、图形、图标等必须保持一致。其中胶片模板会对一些基本制作要求进行规范，如： 胶片标题一致 胶片文字大小、字体一致 胶片页面风格2.1.2 正确胶片的正确性要求： 文字正确，无错字、别字 语法正确 各类比例图的比例图示要准确 图

7、形的网络、通信层次要正确 使用规范的图元，网络结构图使用华为图标库中的图元 图形中的标注应清楚准确2.1.3 易读所谓易读，是指： 胶片主题清晰，唯一 信息传达的层次感强，主次非常分明 图形清楚，无扭曲变形 不罗列大段文字，无冗余信息 图元和文字足够大，能看清楚 文字方向便于阅读2.1.4 易懂 图片故事性强2.1.5 美观 胶片布局 组网图 文本严格对齐 对比 视觉体验深刻，受众在愉悦中留下了深刻印象2.1.6 完整 指胶片结构完整，至少要包含封面页、目录页、正文页和结束页。3 胶片模板胶片模板一般包括封面页、目录页、正文页和结束页。每一页都有基本的规范要求，制作模板时应遵循以下规范。华为P

8、owerPoint模板胶片参考：1、龙岗服务器：lg-fsRootSoftwareApplicationDocument ManagementEditorMSofficeOffice_ConfidentialTemplates2、3MS网站： - By Product Line - 15 VI Column - E PPT/幻灯片3.1.1 封面页1. 标题定义标题文字的字体、大小、颜色。位置要求和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。封面英文标题：字体：FrutigerNext LT Medium/Arial大小：47pt 颜色：反白封面中文标题：

9、字体：黑体大小：40-47pt 颜色：反白2. 副标题可选。定义副标题的内容、字体和文字大小。副标题可以为标题内容补充、演讲者的姓名、所在部门、日期等信息。位置要求和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。字体和颜色样式同主标题，大小：20-24pt。3. Logo定义Logo的大小、位置。如果是单向汇报，则只放公司Logo；如果是交流汇报，一般要同时放公司logo和客户的logo。4. 版权声明不可缺少。定义版权声明的内容和位置，版权声明的方式一般为：Huawei Confidential。3.1.2 目录页1. 标题定义标题字体、大小、颜色和位置。

10、位置要求和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。字体：英文：FrutigerNext LT Medium /Arial ；中文：黑体大小：35pt 颜色：R153 G0 B02. 项目符号定义项目符号的形状、大小和颜色。颜色一般根据胶片总体风格而定，100%字高。3. 项目文字定义项目文字的字体、大小和颜色。字体：英文：FrutigerNext LT Regular /Arial ；中文：细黑体大小：24pt 颜色：R0 G0 B04. 示例目录页示例如图3-1。图3-1 目录页文字规范示例3.1.3 正文页1. 标题定义标题字体、大小、颜色和位置。

11、位置要求和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。字体：英文：FrutigerNext LT Medium /Arial ；中文：黑体大小：35pt 颜色：R153 G0 B02. 正文一般定义三级文字的字体、大小、颜色和项目符号。位置要求和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直左对齐。字体：英文：FrutigerNext LT Regular /Arial ；中文：细黑体。字体可根据着重点加粗或不加粗。大小：22-24pt 颜色： R0 G0 B03. 项目符号一般75%字高。级别不同项目符号不同。4. 版权声明不

12、可缺少。定义版权声明的内容和位置，版权声明的方式一般为：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）为核心的所有视觉传播要素的集合，其中包括文具用品、出版物、多媒

13、体、广告等。2. 视觉识别系统（VI）设计文件的获取在需要VI文件时，必须登录的VI专栏下载VI文件。 - VI Column 3. 视觉识别系统（VI）设计文件的使用在设计视觉材料时，必须遵守VI手册中的标准模板，正确使用华为logo、字体、公司规定色彩、关键设计元素等。设计过程中，如有疑问发邮件到 logo。4.2 其他公司的VI使用规范制作交流类胶片时，经常会用到交流对象的Logo。使用时应注意以下几点： Logo的获取：可以从公司品牌部获取，如果公司品牌部没有，则可以通过相关联系人，获取他们的标准Logo。 使用：如果需要调整大小，则必须按照比例进行调整（可以按住Ctrl键进行拉动），

14、不可以直接拖动图形，使图片变形。同时要保证图片完整、无暇渍。 审核：如果胶片中使用了其他公司的Logo，建议提前将相关页面发给交流对象审核，因为我们可能会无意识的违法了他们的VI规范，这样可以避免正式交流中的尴尬和不快。5 色彩5.1 华为公司颜色使用范围和色样1. 公司色2. 辅助色5.2 颜色搭配 上面的色板是不可改变的。以上所示的颜色以外的任何颜色都不得应用于华为的胶片设计。 公司色与辅助色可以搭配使用。当组合使用不同设计颜色时，必须使用同一明度的颜色（横排）或同一色调的颜色（纵列）。这种方法使胶片视觉效果统一和谐，可以强化表现华为独特的品牌个性。 公司红色彩强烈，因此需要谨慎使用，避免

15、削弱文字、图片和其它关键设计元素的表现力。除VI规范中特殊相关规定外，公司红色的面积不得超过应用设计中全部面积的八分之一。 公司红可以作为背景色使用。 白色可适量作为有色背景上的文字颜色。 使用时，注意鲜亮色和沉稳色要平衡，画面不要全是鲜亮色或者全是沉稳色。 冷暖对比能均衡画面，吸引观者。 深配浅、亮配暗。5.3 色彩要简洁 过多的色彩显得画面凌乱。 【建议】一页胶片里，除图标外，其余图形元素的颜色不超过四种。5.4 色彩对比 背景和前文的明度对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。 注意色彩之间的明度关系（即深浅关系），避免色彩在转换为黑白模式时无法区分。如图5-

16、1。 【建议】若无法确定，需实际打印来确认。图5-1 电子件效果与打印效果对比5.5 阴影使用阴影可以增强图形的立体效果，使图形更美观生动。如图5-2所示。 图5-1 使用阴影增强图形的立体效果阴影的使用方法应全胶片统一： 同一类图形中是否使用阴影应统一。不能有的图元加阴影，有的图元不加阴影。 阴影的颜色、深度应统一。6 页面布局6.1 文本要严格对齐(1) 凌乱的文本会造成读者寻找文本起点的脑力消耗。而严格对齐的文本可以给读者一个潜在的阅读规则，并很自然的遵循这个潜规则，所以对齐是文本可读性的基本。文字对齐的示例如图6-1所示。图6-1 文字对齐示例(2) 项目符号后的文字要严格对齐，如图6

17、-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) 信息量大，且

18、又必须放在一页胶片的内容，要注意对内容进行分类、组块表达。示例如图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) 胶片设计也要讲

19、究构图的平衡，因此在页面分割时，尽量于黄金分割线位置或附近进行分隔。6.3.2 黄金分割应用示例(1) 黄金分割线左右、上下示例如图6-9。图6-1 黄金分割线（上下、左右）(2) 黄金分割线左右示例如图6-10。图6-1 黄金分割线（左右）7 图形7.1 网络设备图元网络设备图元，以下简称网元，主要用于网络结构图中。7.1.1 使用华为图标库中的网元图标库中的网元，有抽象类和实物类两种，如图7-1。抽象类图标用抽象的符号来代表设备，实物类图标与设备外形接近。 每种设备、终端都有指定的图标，应按图标库的说明取用，禁止随意借用。 为保持统一的绘图风格，可以将图标放大或缩小，但不可改变图标的纵横比

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

21、图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。可使用一定量的Aria

22、l以外的其他字体，可增加页面的趣味性或活跃性。如图8-1。图8-1 文字统一示例(3) 图文框文本：要全胶片保持统一。(4) 每页胶片文字要尽量控制在5士2行。(5) 文字的段距要大于行距。建议行距设置为11.2行，段前设置为0.30.5行，段后设置为0。图8-2，是段前0.4行，行距1行的效果，段距大于行距。图8-1 段距大于行距8.2 项目符号(1) 项目符号的大小、颜色、样式按模板要求，全胶片保持统一。(2) 项目符号要严格对齐，项目符号后的文字要严格对齐。8.3 英文大小写英文字母大小写分以下几种情况：1. 专有名词和缩略语专有名词和缩略语的大小写必须遵循业界规范。【例如】x.25、V

23、5、USB、SCSI、AC、DC、LED、PGND、BGND、ESD等。2. 产品名称产品名称的大小写必须遵循公司规定。【例如】OptiX、iManager T2000 NMS、Intess等。8.4 胶片应言简意赅、条理清楚胶片最忌讳文字多，对于难以用图形来表达的，文字要尽量保持条理、清晰。(1) 如下图8-3，直接拷贝大段文字，是胶片制作的大忌。图8-1 胶片中的大段文字(2) 对于无法避免的文字，要遵守333原则，如下图8-4。 一页胶片的要点要限制在3条以内 要点的条目：也要限制在3条以内 最后分层：同样要限制在3条以内图8-1 胶片文字333原则8.5 细节细节决定成就！胶片制作中的

24、细节要求如下图8-5所示。(1) 文本应在图文框内，不可超过图文框范围。(2) 文本换行应匀称、美观。(3) 图元应对齐（水平方向和垂直方向）。(4) 文本不能压在线上。(5) 连接线端点必须连到图元上。图8-1 细节决定成就9 信息安全要求图形包含的信息内容非常丰富，胶片中的图形要避免信息安全隐患，原则上只提供给用户必要且不需保密的信息。9.1 照片内容【规定】照片中的细节不能太清晰： 禁止直接引用像素数太高的数码照片。 照片中不能出现器件型号、单板丝印。照片放大显示后，不能看清楚器件、保密部件等。但面板丝印可以出现在照片中。【说明】使用数码相机拍摄时，为获得高质量的照片，便于后期处理，通常

25、会选用较高的像素数拍摄，如2560 pixels 1920 pixels、2048 pixels 1536等。这样的照片包含的像素数较多，放大显示后可能会看清某些保密细节，如果不做处理，直接插入到文档中，可能会泄密。【举例】像素数太高的数码照片，如图9-1所示，这张照片的分辨率是1024768，将其直接插入到word中，当显示比例高于200%时能看清楚单板上的丝印。图9-1 照片分辨率1024768效果像素数调低后，显示比例100%时照片最清楚，放大显示后看不清楚细节，如图9-2所示。图9-2 照片像素数300225效果9.2 图形源文件【规定】未经许可，不能将图形源文件（特别是AutoCAD

26、图形文件）上网，也不能将图形源文件提供给运营商、合作方或用户。10 知识产权要求(1) 特别的，对于华为公司的产品图片，若出现华为公司商标，则对商标、商标标记TM和注册标记的用法也应遵守资料开发中的现有规定。(2) 对参考其他方的图片，尤其应强调不能直接拷贝其他方图片，对于某些因较简单而使华为公司的原理图可能与其他方相同的，应重画，并尽量避免包含其他方图片中有特征的元素。(3) 对参考其他方的图片，图片中的文字应理解后另行表达。10.2 界面图中不要出现产品中不涉及的软件(1) 界面图中不要出现产品中不涉及的软件及其图标。(2) 界面图中不允许出现非标准软件（参见华为公司IT桌面标准）及其图标

27、，以避免潜在的知识产权问题。10.3 界面图中不要出现时效性文字不要截取带有时效性文字的界面。10.4 禁止直接引用第三方的商标、图形、图标只有在获得第三方书面授权时，方可引用第三方的商标、图标、图形。第三方包括但不限于：合作方、外购设备的供应商，标准组织、友商、运营商等。1. 禁止直接引用运营商、友商的商标、图标、图形（包括组网图和网元）；获得运营商、友商书面授权的除外。2. 对于合作方的图形，在理解的基础上，用另一种形式表达并且重画图。3. 对于标准组织的图，分两种情况处理：(1) 禁止引用和参考涉及友商基本专利的图形。(2) 对于标准中的一般图形，在理解的基础上，用另一种形式表达并且重画

28、图。4. 在绘制华为产品的组网图时，如果需要表达第三方设备，可使用华为图标库中指定的网元来表示。11 参考文献序号文献编号或出处文献名称查询位置1华为视觉形象工作组胶片制作V5.exe 中央软件部网站：http:/interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?ClassID=1042华为视觉形象工作组胶片图标库(V6.0).ppt 中央软件部网站：http:/interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?ClassID=104资料部服务器：info-server8

29、-公共图库A-胶片制作参考3华为技术有限公司产品手册图形绘制规范V1.0 Notes数据库：内部规范标准总库4华为技术有限公司公司汇报提纲交流版.ppt3ms网站：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安全色如图12-2所示。图12-2 Web安全色12.2 图形中常用单位换算关系表12-1 图形中常用单位换算关系物理量换算关系分辨率屏幕分辨率屏幕分辩率=96ppi（正常情况下）inch1 inch = 25.4