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图。