胶片形式美化.ppt

1、网络产品线网络营销运作部,胶片结构化开发方法 形式美化,Internal Use Only,Page 2,图文应用,Page 3,图文在胶片版面上的表现,Page 4,文字表达字体处理,Page 5,7号信令系统（SS7）是一个基于包交换的数据网络，形成了国际通信网络的“神经”。SS7在有线和无线网络中都起到了重要的作用。其设计用来改善网络的运行并提供改进的服务。不像早期的带内信令系统，SS7是一个独立的完全冗余的网络，工作在现存的话音网络外来控制网络。SS7的网络结构，通过更快的呼叫建立，路由和管理，极大地改善了公共电话网络的性能。而且它也使得更多的增强型服务成为可能，这些服务包括对方付费呼

2、叫，900服务，无线漫游和自定义本地信令业务（CLASS）特性，比如呼叫者ID。,面目可憎,文字表达三三制,SS7是什么？ 基于包交换的数据网络 国际通信网络的神经 SS7做什么？ 改善网络的运行并提供改进的服务 工作在现存的话音网络外来控制网络 SS7优势？ 极大地改善了公共电话网络的性能。 更快的呼叫建立 更方便的路由和管理， 更多的增强型服务 对方付费呼叫 900服务 无线漫游和自定义本地信令业务（CLASS）特性,Page 6,信息量大，且又必须放在一页胶片的内容，要注意对内容进行分类、组块表达。,文字表达分类、组块,对于理念式、抽象的内容，要注意对内容进行分类、组块表达。,Page

3、7,文字表达动画,善用动画不但可以使复杂烦琐的内容井然有序，还可以使添加图形趣味性。,Patch Management Process,Page 9,图文之间的关系不明确，版面重心偏右，感觉不稳定,下方的图有胶片模板色块的对应相衬，版面稳定,均衡，内容排版合理,图文搭配技巧版面均衡,Page 10,图文搭配技巧图的表现形式,Page 11,胶片内容布局间距,版心、周空 行距、段距 图文间距,Page 12,胶片内容布局对齐,图中的横线是平行的吗？,在页面上增强结构性的一种方式是元素之间组成微妙的和不怎么微妙的对齐方式。,漂浮的正文因为与对页上的图案之间的关系，给人感觉是稳定的,Page 13,

4、几种典型的版面布局,胶片内容布局方法参考,Page 14,辅助线构图方式,胶片内容布局方法参考,Page 15,华为胶片版式规范,Page 16,Page 17,vs,点线面结合,Page 18,没有面的元素，杂乱、零散，没有主次,加上面的元素，画面有了骨架，同时对画面的内容起到归类的作用,组网图案例点评点线面结合,Page 19,点线面巧妙的结合，元素色彩注意冷暖对比,圆形的面，稳定重心,组网图案例点评点线面结合,Page 20,中心到周围,上到下,主次结构可以分：由上到下、由左到右、中心到周围,组网规范要求布局,Page 21,高速串口,防火墙,Quidway R2509/11,Quidw

5、ay S2403,移动办公,Modem,Modem POOL,LAN,Quidway R2501,分支机构,公司总部,PSTN,PC,PC,PC,Server,PC,联通数据 骨干网,联通数据 骨干网,Internet,突出核心（层），可以放大、或加色块 边沿（层）合理规划并且部件化，禁止乱摆乱放,加底色突出核心部件，多而不乱,边沿（层）规划整体、部件化,加底色突出核心部件，多而不乱,加底色突出核心部件，多而不乱,组网规范要求布局,Page 22,组网规范要求用色,Page 23,A,B,C,D,E,F,A,B,C,D,E,F,A,B,C,D,E,F,NORMAL,WRAP,STEER,组网规

6、范要求用色,Page 24,SY1,SH1,NE80E,WH1,XA1,GZ1,SD1,NE40,NE40,SoftX3000,UMG8900,UMG8900,NJ1,NE5000E,NE80,SoftX3000,BR NE80E,Core Layer,Aggregation Layer,Access Layer,AR NE40,华为组网参考,Page 25,小结,文字：要简洁精练,，善用图表说话 图文结合：用图要有考究，切题，图文搭配注意画面均衡 整体版式：灵活应用点线面的结合和对比的手法，善用辅助线和黄金分割法保持版式整齐，美观,Page 26,色彩应用,Page 27,色彩三属性:,色相

7、：色相是区别不同色彩的名称，也就是说辨别色彩的差异，如红、黄、蓝等,纯度：纯度是指色彩鲜艳的程度。纯度最高的颜色即是色调中最强的颜色，为纯色,明度：明度是指色彩强烈的程度，色彩会因为光线的强弱而产生明暗的变化,色彩三属性,Page 28,冷暖对比能均衡画面，吸引观者，运用中尽量避免太艳、太火、太生，提倡先大量用中性色（沉稳色），然后用一点鲜色提笔,色彩对比,Page 29,在你用了纯色或鲜艳的颜色后，你该考虑一下用灰色或黑色均衡,色彩对比,Page 30,电子件中效果（对比鲜明的彩色）,纸件中的效果（效果相近的灰色）,色彩简洁 过多的色彩显得画面凌乱 【建议】一页胶片里，除图标外，其余图形元素

8、的颜色不超过四种 色彩对比 要考虑屏幕显示（真彩色）和黑白打印（灰度）的差异 【建议】若无法确定，需实际打印来确认,色彩搭配技巧,Page 31,色彩搭配技巧,使用邻近色 采用邻近色可以避免色彩杂乱，易于达到页面的和谐统一。 使用对比色 合理使用对比色能够可达到特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，画龙点睛。,禁用组色 组色是色环上距离相等的任意三种颜色。当组色被用作一个色彩主题时，会造成紧张的情绪。因为三种颜色形成强烈对比。,Page 32,色彩搭配技巧,Page 33,颜色使用范围: 下列与公司专用红色和辅助设计色和谐相配。 本色板是不可改变的。本页所示的颜色

9、以外的任何颜色都不得应用于华为的设计。 当组合使用不同设计颜色时，必须使用同一明度的颜色（横排）或同一色调的颜色（纵列）。这种方法使该设计视觉效果统一和谐，可以强化表现华为独特的品牌个性。 颜色色样:,公司色,辅助色,RGB:153/0/0 RGB:0/0/0 RGB:51/51/51 RGB:153/153/153 RGB:204/204/204 RGB:255/255/255,RGB:255/204/102 RGB:255/204/153 RGB:204/255/153 RGB:204/204/255 RGB:153/204/255 RGB:153/204/204,RGB:153/102/

10、10 RGB:255/153/0 RGB:102/153/0 RGB:0/102/153 RGB:0/153/204 RGB:0/153/153,华为颜色使用范围,Page 34,颜色：基本要素明暗、冷暖,华为色彩搭配,Page 35,RGB: 153 0 0,华为颜色使用范围,Page 36,华为主辅色色样,Page 37,胶片内容色彩统一，色彩要素取于公司专色范围内，色彩主副关系明确，色调和谐,华为主辅色应用,Page 38,主色： 等于整个结构的重点或主题颜色，在位置上必须处于最显眼处， 在颜色的选择上必须是最鲜明的颜色。 辅色： 是作为陪衬主色或与主色相互呼应而产生的对立色，通常安排于

11、 主色的旁边或相关位置上。 衬色： 又称为底色，是指主色及副色之外的颜色，目的在于衬显出主题 来，因此衬色的选用原则须是最不显目的。 另：毕竟我们做的是以信息传达为主的演示文件，根据版面所需，衬色可要可不要。,主辅色定义,Page 39,主色、副色、衬色的体现,其他企业成功胶片用色欣赏,Page 40,可以看到，胶片整个色调很统一，包括胶片里图形元素的颜色，都统一在一个色系里面。,其他企业成功胶片用色欣赏,Page 41,橙红是主色，灰是辅色,其他企业成功胶片用色欣赏,Page 42,胶片内容色彩搭配也很严谨,对比色的应用、同色系的色彩应用都协调的表现于画面,其他企业成功胶片用色欣赏,exam

12、ple,Page 44,Page 45,Page 46,小结,灵活运用色彩的冷暖对比，明暗对比等各种对比手法 善用中性色，使画面稳定 善用公司的VI主色与辅助色，保持胶片风格统一、协调,Page 47,聚焦、去噪,Page 48,设计大师海报广告的启发,20世纪初， 德国设计大师伯恩哈特的广告： 简练的设计形式把广告信息准确而深刻地传达给观众，最终达到广告目的。从此形成了“海报风格”设计形式，深受广告商欢迎。,这是一幅产品广告初稿： 请问是什么产品的广告？,Page 49,去噪,Page 50,去噪,Page 51,你希望客户关注什么？,请对比这两张胶片，说出客户的关注点分别在哪里？,华为C&

13、C08解决方案,华为解决方案带来的业务,Page 52,你希望客户关注什么？,Page 53,胶片图片风格统一，应用讲究，图文结合协调、大方，大面积的留白，眼睛很舒服,尾页只有一个颜色，两句话，文字的大小对比简洁而富有变化，整洁大方，轻松收尾,华为版面规范,Page 54,小结,文字噪音：文字精简，聚焦重点 图片、图形噪音：去除干扰主题表达和有损版面美观的图 色彩噪音：去除过多的色彩，避免影响重点的突出与表达,Page 55,胶片点评,Page 56,不规范胶片分析,Page 57,不规范胶片分析,Page 58,不规范胶片分析,Page 59,不规范胶片分析,Page 60,不规范胶片分析,

14、Page 61,不规范胶片分析,Page 62,1、字体和字号、字的颜色、项目符号不统一，大标题和小标题关系处理不明显，行距也没有考虑。 2、没有考虑色彩的风格（包括字的颜色和网图的颜色），粉红粉绿太多，整个胶片色彩不统一也没有个性。 3、网图的问题：首先是结构（布局）不合理，分不清主次。没有部件化意识，导致凌乱。其次是没有色彩意识。连线太细，而且连不到位。 4、产品特色的图标欠缺，导致网图看不出该产品的特色。 5、部分胶片噪音过多。,下面附公司胶片字体、图表使用规范作参考,不规范胶片问题点：,Page 63,成功胶片欣赏,Page 64,成功胶片欣赏,Page 65,封面英文标题: 字体:F

15、rutigerNext LT Medium/Arial 大小:47pt 颜色:反白 封面中文标题: 字体:黑体 大小:40-47pt 颜色:反白,英文内页标题: 字体:FrutigerNext LT Medium /Arial 大小:35pt 颜色: R153 G0 B0 英文内页正文: 字体:FrutigerNext LT Regular/Arial 大小:22-24pt 颜色:R0 G0 B0,中文内页标题: 字体:黑体 大小:35pt 颜色: R153 G0 B0 中文内页正文: 字体:细黑体 大小:22-24pt 颜色:R0 G0 B0,胶片规范要求字体,Page 66,图片: 任何情

16、况下务必保持图片与版式和谐. 图表: 将所有的图表和表格置于画面右侧,并且保持版式平衡.图表的颜色请用辅助 色与公司色搭配使用. 位置: 标题、正文和胶片底部的 HUAWEI TECHNOLOGIES CO., LTD.垂直对齐,胶片规范要求图表,Page 67,在平面设计过程中，只要我们紧记着以上法则，我们就可以胸有成竹 这些法则再归纳一遍为： 善于运用归纳概括、简化手法 善于运用胶片元素的各种对比（视觉效果） 保持胶片整体统一 我们往往犯的错误是：版面太拥挤、画的组网图太大；组网线又极细，软绵绵。画面四平八稳以至呆板不透气、颜色太艳，没有对比，正文字体太大，跟标题没对比，文字跟底色太接近等等,通过不规范胶片案例分析找出问题，通过成功胶片案例欣赏解决问题。,小结,Page 68,产品图标库 胶片制作组件库,胶片制作辅助图库,3MS发布位置: Network Products-Network Product LineChin