胶片制作规范.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 序言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 华为公司颜色使用范围和色样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 去掉图片“杂音”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 目的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-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 颜色：反白封面中文标题：字体：黑体大小：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 B02. 项目符号定义项目符号的形状、大小和颜色。颜色一般根据胶片总体风格而定，100%字高。3. 项目文字定义项目文字的字体、大小和颜色。字体：英文：FrutigerNext LT Regular /Arial ；中文：细黑体大小：24pt 颜色：R0 G0 B04. 示例目录页示例如Error! Reference source not found.。图3-1 目录页文字规范示例3.1.3 正文页1. 标题定义标题字体、大小、颜色和位置。位置规定和胶片底部的 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. 版权声明不可缺少。定义版权声明的内容和位置，版权声明的方式一般为：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) 文字的段距要大于行距。建议行距设立为11.2行，段前设立为0.30.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) 对于无法避免的文字，要遵守333原则，如下Error! Reference source not found.。l 一页胶片的要点要限制在3条以内l 要点的条目：也要限制在3条以内l 最后分层：同样要限制在3条以内图8-4 胶片文字333原则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所示，这张照片的分辨率是1024768，将其直接插入到word中，当显示比例高于200%时能看清楚单板上的丝印。图9-1 照片分辨率1024768效果像素数调低后，显示比例100%时照片最清楚，放大显示后看不清楚细节，如图9-2所示。图9-2 照片像素数300225效果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=1042华为视觉形象工作组胶片图标库(V6.0).ppt 中央软件部网站：http:/interface/sw2/ManPlatform/ArticleManPlatform_Class2.asp?ClassID=104资料部服务器：info-server8-公共图库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安全色如Error! Reference source not found.所示。图12-2 Web安全色12.2 图形中常用单位换算关系表12-1 图形中常用单位换算关系物理量换算关系分辨率屏幕分辨率屏幕分辩率=96ppi（正常情况下）inch1 inch = 25.4 mm1 inch = 96 pixels（在正常的屏幕分辩率下）pt1 pt = 0.01384 inch1 pt = 25.4 0.01384 mm 0.35 mm1 pt = 96 0.01384 pixels 1.33 pixels（在正常的屏幕分辩率下）mm1 mm = ( 1 / 25.4 ) / 0.01384 pt 2.84 pt1 mm = 96 / 25.4 pixels 3.78 pixels12.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