图片类网络广告设计课件

图片类网络广告设计裴培图片类网络广告设计裴培一、网站整体页面图片设计二、网站局部图片广告设计三、网站LOGO图片广告设计一、网站整体页面图片设计一、网站整体页面图片设计

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

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

三、网站LOGO图片广告设计（一）基本元素三、网站LOGO图片广告设计——基本元素（1/3）线段三、网站LOGO图片广告设计——基本元素（1/3）线段三、网站LOGO图片广告设计——基本元素（2/3）图形三、网站LOGO图片广告设计——基本元素（2/3）图形三、网站LOGO图片广告设计——基本元素（3/3）线及图形组合三、网站LOGO图片广告设计——基本元素（3/3）线及图形组三、网站LOGO图片广告设计（二）如何设计基本方法

不同文件，不同用途全字体标志字体结合字母变形增加元素增加剪贴画（clipart）素材增加插图三、网站LOGO图片广告设计（二）如何设计三、网站LOGO图片广告设计——如何设计（1/8）基本方法三、网站LOGO图片广告设计——如何设计（1/8）基本方法三、网站LOGO图片广告设计——如何设计（2/8）不同文件，不同用途三、网站LOGO图片广告设计——如何设计（2/8）不同文件，三、网站LOGO图片广告设计——如何设计（3/8）全字体标志三、网站LOGO图片广告设计——如何设计（3/8）全字体标志三、网站LOGO图片广告设计——如何设计（4/8）字体结合三、网站LOGO图片广告设计——如何设计（4/8）字体结合三、网站LOGO图片广告设计——如何设计（5/8）字母变形三、网站LOGO图片广告设计——如何设计（5/8）字母变形三、网站LOGO图片广告设计——如何设计（6/8）增加元素三、网站LOGO图片广告设计——如何设计（6/8）增加元素图片类网络广告设计课件三、网站LOGO图片广告设计——如何设计（7/8）增加剪贴画（clipart）素材三、网站LOGO图片广告设计——如何设计（7/8）增加剪贴画三、网站LOGO图片广告设计——如何设计（8/8）增加插图三、网站LOGO图片广告设计——如何设计（8/8）增加插图作业：设计《网络广告与网页设计》课程网站LOGO、BANNER图。作业：设计《网络广告与网页设计》课程网站LOGO、BANNE图片类网络广告设计裴培图片类网络广告设计裴培一、网站整体页面图片设计二、网站局部图片广告设计三、网站LOGO图片广告设计一、网站整体页面图片设计一、网站整体页面图片设计

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

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

三、网站LOGO图片广告设计（一）基本元素三、网站LOGO图片广告设计——基本元素（1/3）线段三、网站LOGO图片广告设计——基本元素（1/3）线段三、网站LOGO图片广告设计——基本元素（2/3）图形三、网站LOGO图片广告设计——基本元素（2/3）图形三、网站LOGO图片广告设计——基本元素（3/3）线及图形组合三、网站LOGO图片广告设计——基本元素（3/3）线及图形组三、网站LOGO图片广告设计（二）如何设计基本方法

不同文件，不同用途全字体标志字体结合字母变形增加元素增加剪贴画（clipart）素材增加插图三、网站LOGO图片广告设计（二）如何设计三、网站LOGO图片广告设计——如何设计（1/8）基本方法三、网站LOGO图片广