图片类网络广告设计要点课件.ppt

1、 图片类网络广告设计图片类网络广告设计裴培一、网站整体页面图片设计二、网站局部图片广告设计三、网站LOGO图片广告设计一、网站整体页面图片设计（一）五个意念 和谐：办公用品与网页呈现同一种设计风格 层次：颜色能够传达出层次感 动态：颜色也意味着动态链接状态 突出：居中的文字使得幻灯片构成的网页能够快速轻易阅读 紧凑：不要形成无谓的空间 一、网站整体页面图片设计五个意念（1/5）和谐：办公用品与网页呈现同一种设计风格http:/一、网站整体页面图片设计五个意念（2/5）层次：颜色能够传达出层次感 一、网站整体页面图片设计五个意念（3/5）动态：颜色也意味着动态链接状态一、网站整体页面图片设计五个

2、意念（4/5）突出：居中的文字使得幻灯片构成的网页能够快速轻易阅读http:/一、网站整体页面图片设计五个意念（5/5）紧凑：不要形成无谓的空间一、网站整体页面图片设计（二）清晰简洁的网页 版 面 字 体 颜 色 图 片 一、网站整体页面图片设计简洁的网页（1/4）版面一、网站整体页面图片设计简洁的网页（2/4）字体一、网站整体页面图片设计简洁的网页（3/4）颜色一、网站整体页面图片设计简洁的网页（4/4）图片 二、网站局部图片广告设计（一）网页横幅（BANNER）设计 从划分空间开始 寻找一张具表现力的图片 用颜色分配区域 放置名称及导航文字 采用补色 与 LOGO 配合 二、网站局部图片广

3、告设计BANNER设计（1/6）从划分空间开始二、网站局部图片广告设计BANNER设计（2/6）寻找一张具表现力的图片二、网站局部图片广告设计BANNER设计（3/6）用颜色分配区域二、网站局部图片广告设计BANNER设计（4/6）放置名称及导航文字二、网站局部图片广告设计BANNER设计（5/6）采用补色二、网站局部图片广告设计BANNER设计（6/6）与 LOGO 配合二、网站局部图片广告设计（二）网页小广告设计 使用简单的照片 简单的版面 将剪切工具变成一种设计工具 利用文字来组织图片 利用文字来补充图片 二、网站局部图片广告设计小广告设计（1/5）使用简单的照片二、网站局部图片广告设计

4、小广告设计（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图。