资源描述
*,www.,huawei,.com,胶片设计指南,美学基础,实例点评,软件技巧和实际操作,作品欣赏,面对日益激烈的市场竞争,提升公司的品牌,离不开我们整体形象的提升。,如何成为潮流的创造者、引领潮流,首先在形象上就要改进,包括胶片制作水平的提升,需要我们每一个人的努力。,设计往往很难用语言来表达,在这里我试图对设计提炼出一点理论,然后用这些理论来看作品,使我们对设计有一个感性的认识:设计有什么法宝;该如何着手设计;为什么别人画的网图那么漂亮,而我们画的那么难看,内部资料,请勿外传,华为技术有限公司 网络营销部,胶片制作,1、美学基础,胶片美学法则,胶片美学法则,质,色,按公司,VI,规范、模板规范,形,点,线,面,冷,暖,感情,对比,对比,对比,平衡视觉,软硬,粗细,肌理,大小、疏密、虚实,形:基本元素点 线 面,在平面设计中,这三元素是我们的设计语言,,我们要善于运用这三个语言去布局画面,经,营画面。并且强化三语言。,形:基本元素点 线 面,颜色:基本要素冷暖 明暗 感情,颜色:基本要素冷暖 明暗 感情,色彩非常能体现设计者的个性,但是我们在设计时要遵循一些法则。,冷暖对比能均衡画面,吸引观者,运用中尽量避免太艳、太火、太生,在你用了纯色后,你该考虑一下用灰色或黑色均衡。,我提倡先大量用中性色(沉稳色),然后用一点鲜色提笔。一般红与绿,绿与黄不要用在一起。用色注意产品特性,对华为产品来说,如果大量用灰,人家会以为你是生产煤或化工。大量用暖、紫。人家以为你生产女性用品。,质 地,质其实就是一种肌理效果,如果善于运用的话,往往使作品有一种独特的效果,,一讲到质,就离不开对比:粗糙与光滑对比;有序和无序对比等,质 地,对比:设计的重要手法,对比:设计的重要手法,在平面设计中,如果善于运用对比手法(并且强化对比),往往能使作品具有个性或现代感、设计感。,对比要点有:大小对比、方圆对比、疏密对比、冷暖对比、虚实对比、远近对比等。,强化对比,比如疏密对比,我们要让密的地方密得针插不进去,疏却可以跑马。,大小、疏密强烈对比的典范,实例点评,胶片点评(一),Total Solution of IP Phone,Call Server:supports GK、AAA、SCF functions.,SMP:services management point.,SMAP:services management access point.,MASTER:support SCF function.,Call Center,CallCenter,DB,PBX,IP,network,MASTER,REFINER,GW,Carrier-class products with SS7 and board redundancy,Total solution of IP Phone network,Integrated with IN smoothly,CallServer,NMS,SMP,Support center,Operating system,SMAP,SMAP,SMAP,SMAP,SMAP,SMAP,No.7 signaling network,PSTN,DDN/X.25/IP,PSTN/PLMN,高速串口,防火墙,Quidway R2509/11,Quidway S2403,家庭办公,移动办公,Modem,Modem POOL,LAN,Quidway R2501,分支机构,公司总部,PSTN,PC,PC,PC,Server,PC,联通数据,骨干网,联通数据,骨干网,Internet,胶片点评(二),竞争对手胶片的分析(,Cisco、,北电、西门子),公司某胶片修改前后对比分析,按公司,VI,规范、模板规范而做的胶片及不按规范而做的胶片对比分析,胶片实例分析,细,看,对,手,胶片点评(三),竞争对手胶片实例分析,红黑白的强烈对比,再施以虚的灰色,平衡了视觉。较粗的连线、文字,统一的图标,文字大小对比,线条的运用,构成自己独特的风格,胶片点评(三),大块的黄及红,加上黑白的点缀,再施以虚的灰色,整个调子明快、协调,视觉很平衡。,较粗的连线把散乱的图标紧密连在一块,形成一个整体。文字大小对比、统一的图标,标题装饰线条的运用,颇有节奏,构成自己独特的风格,竞争对手胶片实例分析,胶片点评(三),2G/2.5G,2G,IN Services,Call Agent,Circuit/SignalingGateway,Feature,Server(s),Network,Feature,Servers,RNC,3G,Circuit,Packet,Traffic,Data+Packet Voice,Data,Value Chain,Voice,VPN,Packet Voice,Operator Benefits:,Integrated Voice and Data Services,Capacity and Cost Advantages,Packet Voice Services,Circuit Switch,CircuitNetwork,Packet Network,(Internet),Packet Gateway,Radio Access Control,Voice,UnifiedCommunications,Multimedia,Mobility Manager,IP Core,IP RAN,色彩沉稳的图标用鲜艳的线条连起来,左边用色很大胆,右下角色块沉稳有力,不足之处一些图标不考究(如云,连线不到位)。,竞争对手胶片实例分析,胶片点评(三),内容虽然很多,但是几个色块把画面规划得很有条理,而且有力的红色线条将色块连成一个整体。繁杂但不乱。右色块稍显生(火)。,竞争对手胶片实例分析,胶片点评(三),沉稳的颜色,较粗的连线、文字,整个色调呈暖调,画面简洁有力。,图标元素考究,有自己的风格,不足之处:几个位图大小、形状一样,太实,没有虚的元素,竞争对手胶片实例分析,胶片点评(三),鲜灰的颜色对比,较粗的连线、文字,整个色调呈暖调,画面简洁有力。,图标元素考究,有自己的风格,不足之处:几个位图大小对比、形状对比鲜明,虚实的对比也较好。,竞争对手胶片实例分析,胶片点评(三),软件技巧和实际操作,软件技巧(一),熟练驱驾多种软件,熟悉每个软件的特点、缺点,以及它们之间的兼容性,从而把胶片做到完而无缺。,目前主要软件有,PowerPoint、FreeLance,,辅助软件有,Word,Word Pro,对设计人员来说,,Photoshop,3DS,CorelDRA,等也要熟悉,这些软件的,兼容性较差,但是也有它们兼容的地方。,首先,PowerPoint、FreeLance,支持的图形文件格式为.,JPEG,或.,BMP,,但是必须是,RGB,的颜色,不支持,CMYK,的颜色,图片的大小一般不大于1,M,,提倡在不影响质量的前提下越小越好,否则胶片无法运行。如果是,Word,文档,直接拷贝到,PowerPoint、FreeLance,即可,同样,CorelDRA,的文件也可以直接拷贝到,PowerPoint、FreeLance,,当你想把胶片直接做成出版物(指做菲林印刷),这就需要用专业设计软件重新做,因为,PowerPoint、FreeLance,不支持任何菲林输出系统,,PowerPoint,文件可以导进,CorelDRA,出片(很麻烦),,FreeLance,文件一点办法都没有,只能在专业软件里从头再做。,软件技巧(二),针对常用的工具,列举一些方法:,按,Shift,键拉动图形,等比缩放。(,Freelance,为,Ctrl,键),拉动标尺上的滑块,对齐项目符号、,对齐文字,按,Alt,键 移动(细微移动),双击绘图工具,可以连续画,按,Ctrl,键移动物体,复制了一个物体,Ctrl+M,增加新页面(,Freelance,为,F7,键),Ctrl+A,为全部选择,多用刷子(将,B,物体变成,A,物体一样的属性,比如大小、颜色、效果等),双击刷子可以连续刷,多点鼠标右键来设置、改变物体,按,Shift,选择物体,就是增选物体,,Freelance,同样。,Ctrl+A,全部选择后,然后,按,Shift,点,选物体,即为反选物体(适合很多物体时),,Freelance,同样。,按,Ctrl+Tab,键,切换同一个软件里不同的窗口(文件),,Freelance,同样。,按,Alt+Tab,键,切换打开的不同的软件,,Freelance,同样。,拖动标尺上的滑块,用光标把字拖动,实际操作流程,十,大步骤:,1、幻灯片页面的设置:投影版?印刷版?既投影又印刷?,2、版式的选择,3、标题的设定,4、页码和起始的设定,5、模板的导入,6、封面和封底(背景页)的设置,7、布局的构思,8、考虑色调,9、公司,VI,规范(严格执行),10、把图标库打开,HUAWEI,华为技术,HUAWEI,华为技术,华为技术,不规范胶片分析(一),首先是公司的,Logo,不规范,不规范,规范,华为技术,华为研讨,2000年6月,不按公司的规范模板,不规范胶片分析(二),华为技术,A Maximum capacity of 11520 ports-the largest one in the world,Perfect solution of Data Bypass and Virtual ISP,Suitable for large carrier or ISPs,The first Access Server which is using SS7 in the world,Provides the 2A clock,reduces the rate of line dropping,Hot swappable for all boards,full redundancy for important ones,Provides stability and reliability for carrier-class,The first brand access server in china-the market share is up,字体、项目符号、对齐等因素不考究,Quidway A8010-key advantages,胶片规范要求网图布局,高速串口,防火墙,Quidway R2509/11,Quidway S2403,移动办公,Modem,Modem POOL,LAN,Quidway R2501,分支机构,公司总部,PSTN,PC,PC,PC,Server,PC,联通数据,骨干网,联通数据,骨干网,Internet,Call Server:supports GK、AAA、SCF functions.,SMP:services management point.,SMAP:services management access point.,MASTER:support SCF function.,Call Center,CallCenter,DB,PBX,IP,network,MASTER,REFINER,GW,Carrier-class products with SS7 and board redundancy,Total solution of IP Phone network,Integrated with IN smoothly,CallServer,NMS,SMP,Support center,Operating system,SMAP,SMAP,SMAP,SMAP,SMAP,SMAP,No.7 signaling network,PSTN,DDN/X.25/IP,PSTN/PLMN,突出核心(层),可以放大、或加色块,边沿(层)合理规划并且部件化,禁止乱摆乱放,主次结构可以分:由上到下、由左到右、中心到周围,加底色突出核心部件,多而不乱,边沿(层)规划整体、部件化,中心到周围,上到下,常见问题分析,问题点:,1、字体和字号、字的颜色、项目符号不统一,大标题和小标题关系处理不明显,行距也没有考虑。,2、没有考虑色彩的风格(包括字的颜色和网图的颜色),粉红粉绿太多,整个胶片色彩不统一也没有个性。,3、网图的问题:首先是结构(布局)不合理,分不清主次。没有部件化意识,导致凌乱。其次是没有色彩意识。还有就是网图没有创意意识。,4、产品特色的图标欠缺,导致网图看不出该产品的特色。,下面针对这几个问题一一阐述处理方法,常见问题分析文字,解决问题点:字,如何处理(字体和字号、字的颜色、项目符号不统一,大标题和小标题关系处理不明显,行距也没有考虑。),方(大标题)和圆(小标题)结合,蓝和黄结合,字体和字号、字的颜色、项目符号不统一,大标题和小标题关系处理不明显,行距也没有考虑。,没有考虑色彩的风格(包括字的颜色和网图的颜色),粉红粉绿太多,整个胶片色彩不统一也没有个性。,网图的问题:首先是结构(布局)不合理,分不清主次。没有部件化意识,导致凌乱。其次是没有色彩意识。还有就是网图没有创意意识。,光传输特色的图标欠缺,导致网图看不出传输的特色。,文字和色彩规范要点,构图和风格规范要点,行距比段距窄,标题字黑体加粗,蓝绿色;正文字宋体,比标题稍小,项目符号后文字对齐,题目30-36号、黑体加粗、深蓝色,解决问题点:色,如何处理,“,没有考虑色彩的风格(包括字的颜色和网图的颜色),整个胶片色彩不统一也没有个性。,”,1、色彩以冷色调为主,颜色不能太跳也不能太粉气(中性色),2、在冷色调的基础上考虑暖色的对比,禁止大红大绿。建议先大量用沉稳色(如灰绿、黄灰、灰紫色),然后用鲜亮色(如红、黄、蓝)画网线及要突出的字,起点睛作用,网线用纯黄色,并且加粗,灰和灰绿、灰紫色,三个色都稳重,且有冷暖对比,胶片规范要求色,作品欣赏,成功的平面设计分析,通过对对成功作品的分析,加深我们对设计的认识,(成功作品无非也是型、色、质的巧用,及对比手法的运用),如果我们能对好的作品说出所以然,对差的能指出不足,我们肯定也能设计出好作品。,我们要借鉴别人的成功设计语言、手法、用色,成功的平面设计分析,成功的平面设计分析,两张作品都运用了虚实对比,大小对比,并且注意了疏密的安排。画面有紧凑的地方,也有透气的地方。,左图是一个广告系列,其上的两张图片都用了阴影,使画面轻松了很多;立体效果的处理,画面生辉,增加可读性。,虚实对比,疏密对比,粗细对比,反白“,O”,,使两边有趣的连在一起,成功的平面设计分析,成功的平面设计分析,“十”字型构图,将整编呆板的文字撑活了。,两个笔尖把视线引到标题,标题虽小,但很突出。,几个放大的字母点缀了画面,产生了节奏。,整个画面大小对比、轻重对比很强烈,所以现代感很强。,成功的平面设计分析,上中下三个圆把各部分元素联系起来,大小对比、圆的和方的对比,画面很大气,成功的平面设计分析,望远镜将视线引向标题,标题不同字体的曲线和直线产生对比,注意了点线面的组合,人人皆可以成为设计大师,在平面设计过程中,只要我们紧记着以上法则,我们就可以胸有成竹。,这些法则再归纳一遍为:善于运用点线面(设计语言)、善于运用对比(视觉效果)。,我们往往犯的错误是:版面太拥挤、画的组网图太大;组网线又极细,软绵绵。画面四平八稳以至呆板不透气、颜色太艳,没有对比,正文字体太大,跟标题没对比,文字跟底色太接近等等。,小结:设计其实不是很神秘,课后咨询电话:8782104,
展开阅读全文