1、网络广告与网页设计 图片类网络广告设计图片类网络广告设计裴培网络广告与网页设计一、网站整体页面图片设计二、网站局部图片广告设计三、网站LOGO图片广告设计网络广告与网页设计一、网站整体页面图片设计（一）五个意念 和谐：办公用品与网页呈现同一种设计风格 层次：颜色能够传达出层次感 动态：颜色也意味着动态链接状态 突出：居中的文字使得幻灯片构成的网页能够快速轻易阅读 紧凑：不要形成无谓的空间 网络广告与网页设计一、网站整体页面图片设计五个意念（1/5） 和谐：办公用品与网页呈现同一种设计风格http:/网络广告与网页设计一、网站整体页面图片设计五个意念（2/5） 层次：颜色能够传达出层次感 网络广
2、告与网页设计一、网站整体页面图片设计五个意念（3/5） 动态：颜色也意味着动态链接状态网络广告与网页设计一、网站整体页面图片设计五个意念（4/5） 突出：居中的文字使得幻灯片构成的网页能够快速轻易阅读http:/网络广告与网页设计一、网站整体页面图片设计五个意念（5/5） 紧凑：不要形成无谓的空间网络广告与网页设计一、网站整体页面图片设计（二）清晰简洁的网页 版 面 字 体 颜 色 图 片 网络广告与网页设计网络广告与网页设计一、网站整体页面图片设计简洁的网页（1/4） 版面网络广告与网页设计一、网站整体页面图片设计简洁的网页（2/4） 字体网络广告与网页设计一、网站整体页面图片设计简洁的网页
3、（3/4） 颜色网络广告与网页设计一、网站整体页面图片设计简洁的网页（4/4） 图片 网络广告与网页设计二、网站局部图片广告设计（一）网页横幅（BANNER）设计 从划分空间开始 寻找一张具表现力的图片 用颜色分配区域 放置名称及导航文字 采用补色 与 LOGO 配合 网络广告与网页设计网络广告与网页设计二、网站局部图片广告设计BANNER设计（1/6） 从划分空间开始网络广告与网页设计二、网站局部图片广告设计BANNER设计（2/6） 寻找一张具表现力的图片网络广告与网页设计二、网站局部图片广告设计BANNER设计（3/6） 用颜色分配区域网络广告与网页设计二、网站局部图片广告设计BANNE
4、R设计（4/6） 放置名称及导航文字网络广告与网页设计二、网站局部图片广告设计BANNER设计（5/6） 采用补色网络广告与网页设计二、网站局部图片广告设计BANNER设计（6/6） 与 LOGO 配合网络广告与网页设计二、网站局部图片广告设计（二）网页小广告设计 使用简单的照片 简单的版面 将剪切工具变成一种设计工具 利用文字来组织图片 利用文字来补充图片 网络广告与网页设计二、网站局部图片广告设计小广告设计（1/5） 使用简单的照片网络广告与网页设计二、网站局部图片广告设计小广告设计（2/5） 简单的版面网络广告与网页设计二、网站局部图片广告设计小广告设计（3/5） 将剪切工具变成一种设计
5、工具网络广告与网页设计网络广告与网页设计二、网站局部图片广告设计小广告设计（4/5） 利用文字来组织图片网络广告与网页设计网络广告与网页设计二、网站局部图片广告设计小广告设计（5/5） 利用文字来补充图片网络广告与网页设计三、网站LOGO图片广告设计（一）基本元素 线段 图形 线及图形组合 网络广告与网页设计三、网站LOGO图片广告设计基本元素（1/3） 线段网络广告与网页设计三、网站LOGO图片广告设计基本元素（2/3） 图形网络广告与网页设计三、网站LOGO图片广告设计基本元素（3/3） 线及图形组合网络广告与网页设计三、网站LOGO图片广告设计（二）如何设计 基本方法 不同文件，不同用途
6、 全字体标志 字体结合 字母变形 增加元素 增加剪贴画（ 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图。
