资源描述
Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网络广告与网页设计,图片类网络广告设计,裴培,一、网站整体页面图片设计,二、网站局部图片广告设计,三、网站,LOGO,图片广告设计,一、网站整体页面图片设计,(一)五个意念,和谐:办公用品与网页呈现同一种设计风格,层次:颜色能够传达出层次感,动态:颜色也意味着动态链接状态,突出:居中的文字使得幻灯片构成的网页能够快速轻易阅读,紧凑:不要形成无谓的空间,一、网站整体页面图片设计,五个意念(,1/5,),和谐:办公用品与网页呈现同一种设计风格,一、网站整体页面图片设计,五个意念(,2/5,),层次:颜色能够传达出层次感,一、网站整体页面图片设计,五个意念(,3/5,),动态:颜色也意味着动态链接状态,一、网站整体页面图片设计,五个意念(,4/5,),突出:居中的文字使得幻灯片构成的网页能够快速轻易阅读,一、网站整体页面图片设计,五个意念(,5/5,),紧凑:不要形成无谓的空间,一、网站整体页面图片设计,(二)清晰简洁的网页,版 面,字 体,颜 色,图 片,一、网站整体页面图片设计,简洁的网页(,1/4,),版面,一、网站整体页面图片设计,简洁的网页(,2/4,),字体,一、网站整体页面图片设计,简洁的网页(,3/4,),颜色,一、网站整体页面图片设计,简洁的网页(,4/4,),图片,二、网站局部图片广告设计,(一)网页横幅(,BANNER,)设计,从划分空间开始,寻找一张具表现力的图片,用颜色分配区域,放置名称及导航文字,采用补色,与,LOGO,配合,二、网站局部图片广告设计,BANNER,设计(,1/6,),从划分空间开始,二、网站局部图片广告设计,BANNER,设计(,2/6,),寻找一张具表现力的图片,二、网站局部图片广告设计,BANNER,设计(,3/6,),用颜色分配区域,二、网站局部图片广告设计,BANNER,设计(,4/6,),放置名称及导航文字,二、网站局部图片广告设计,BANNER,设计(,5/6,),采用补色,二、网站局部图片广告设计,BANNER,设计(,6/6,),与,LOGO,配合,二、网站局部图片广告设计,(二)网页小广告设计,使用简单的照片,简单的版面,将剪切工具变成一种设计工具,利用文字来组织图片,利用文字来补充图片,二、网站局部图片广告设计,小广告设计(,1/5,),使用简单的照片,二、网站局部图片广告设计,小广告设计(,2/5,),简单的版面,二、网站局部图片广告设计,小广告设计(,3/5,),将剪切工具变成一种设计工具,二、网站局部图片广告设计,小广告设计(,4/5,),利用文字来组织图片,二、网站局部图片广告设计,小广告设计(,5/5,),利用文字来补充图片,三、网站,LOGO,图片广告设计,(一)基本元素,线段,图形,线及图形组合,三、网站,LOGO,图片广告设计,基本元素(,1/3,),线段,三、网站,LOGO,图片广告设计,基本元素(,2/3,),图形,三、网站,LOGO,图片广告设计,基本元素(,3/3,),线及图形组合,三、网站,LOGO,图片广告设计,(二)如何设计,基本方法,不同文件,不同用途,全字体标志,字体结合,字母变形,增加元素,增加剪贴画(,clip art,)素材,增加插图,三、网站,LOGO,图片广告设计,如何设计(,1/8,),基本方法,三、网站,LOGO,图片广告设计,如何设计(,2/8,),不同文件,不同用途,三、网站,LOGO,图片广告设计,如何设计(,3/8,),全字体标志,三、网站,LOGO,图片广告设计,如何设计(,4/8,),字体结合,三、网站,LOGO,图片广告设计,如何设计(,5/8,),字母变形,三、网站,LOGO,图片广告设计,如何设计(,6/8,),增加元素,三、网站,LOGO,图片广告设计,如何设计(,7/8,),增加剪贴画(,clip art,)素材,三、网站,LOGO,图片广告设计,如何设计(,8/8,),增加插图,作业:,设计,网络广告与网页设计,课程网站,LOGO,、,BANNER,图。,
展开阅读全文