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

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