网络广告的设计（PPT36页).ppt

一 网络广告的设计类别 CONTENTS 二 网络广告的设计构成 三 网络广告的色彩搭配 四 flash网络广告的设计 五 案例赏析 网络广告的设计类别 一 静态网络广告 二 动态网络广告 网络广告的设计构成 一 结构布局 排版 版式 1 构图的关系要素 1 形状关系 2 位置关系 3 面积关系 4 方向关系 5 层次关系 网络广告的设计构成 2 构图的设计原则 1 正常平衡 匀称 2 异常平衡 非对照形式 也要讲究平衡和韵律 3 对比 利用色彩 色调等技巧来表现 4 凝视 利用广告中人物的视线或者箭头引导浏览者的方向 5 空白 适当的预留空白能给人产生舒适的心理作用 6 视觉冲击 大多以画面中心为视觉冲击点 达到强大震撼的效果 网络广告的设计构成 二 字体的设计 组合与处理 1 它要求设计者根据不同需求 不同的设计氛围 生活常识 去捕捉具有准确性 关联性 独特性 可开发性的不同个性的字体 以传递需求的意思和商品特征 这也是平面设计中字体设计的关键所在 2 如何设计文字a 人的视线时由大向小流动 先看大字 再看小字 因此需要突出的文字内容适宜设计得大一些 要和普通的文字形成对比 第一时间抓住人的感觉 b 网页文字的可读性 不要使用过多的字型字号 文字编排形式要整齐简洁 c 文字和背景的明暗及色彩反差要足够大 网络广告的设计构成 网络广告的字体设计 文字特效 描边 按钮 网络广告的设计构成 三 色彩的运用 色彩能控制人的生理和心理反应 公众对广告的第一印象是从色彩上得到的 艳丽 典雅 灰暗与色彩感觉 影响着公众对广告内容的注意力 鲜艳 明快 和谐的色彩组合会对公众产生较好的吸引力 陈旧 破碎的用色会导致公众认为 这是旧广告 而不会引起注意 网络广告的设计构成 三 色彩的运用 网络广告设计的色彩选择和搭配是网络广告设计重点之一 用什么色彩才能最好的表达出企业的内涵 网络广告的色调 背景 文字 图标 边框 链接应该采用什么样的色彩 应该如何搭配都是网络广告设计一开始就必须考虑的问题 网络广告的设计构成 网络广告不同与平面广告 其颜色模式与表现方法都有各自特点 其主要区别在于 1 网络广告设计时使用的是16进制表示的色彩 216色WEB安全色 以及RGB 显示器使用 色彩模式 而普通平面广告设计则使用印刷用CMYK颜色模式 2 色彩搭配应以大众的欣赏习惯为标准 同时兼顾网站专业特点和艺术规律 网络广告的设计构成 如何选择色调要和网络广告的主要内容相适应呢 可以分为两个方面来解决 1 色彩的心理感觉 2 人们对色彩的喜好倾向 不同的颜色会给浏览者不同的心理感受 网络广告的色彩搭配 1 同类色的应用同类色是由一种色彩呈现出的不同透明度或者饱和度 通俗地说就是将色彩变淡或加深 时而产生色彩系列 在Photoshop软件里打开colorpicker 选中custom 左边窗口里呈现的便是同类色系列 由这样的色彩搭配出来的页面看起来统一和谐 有层次感 比较适合于技术性专业性站点 2 邻近色的应用先选定一种色彩 然后选择它在色谱里相邻区域的颜色 如蓝色和绿色互为邻近色 黄色与橙色互为邻近色 邻近色搭配可以使整个页面色彩丰富但不花哨 通常来说 邻近色是指色轮上相互间成60度一下夹角的颜色 网络广告的色彩搭配 3 色彩的应用 互补色对比 原色饱和度较高的色彩搭配使用即为对比色 如红与绿 黄与紫 蓝与橙等 对比色的使用应以一种颜色为主调 使它占有较大的面积 例如 以红色为主的色调 配以小面积的绿 商业零售站点及新闻站点常常运用对比色造成丰富充实的效果 4 有彩色与无彩色的对比一般印刷品较少用大面积的黑色 而网页设计中以黑色为底的网站比较多见 尤其是一些艺术网站更多 在RGB色彩模式中 黑色是透明的感觉 它很容易与其他高纯度的原色相协调 制作出新颖别致的网页 网络广告的色彩搭配 网络广告的色调主要是由主颜色 MainColor 辅助颜色 SubColor 突出颜色 AccentColor 构成 通常配色词典会给出三种色 你可以选你需要的颜色作为主色调 还有一种颜色相近的作为辅助颜色 最后一种是颜色差异较大的 作为突出颜色 来设计广告 ColorKey是由B软件开发工作组测试发行的一款具人性化 科学化的交互式配色辅助工具 flash网络广告的设计 因为中国的网络带宽等环境原因 一般的flash广告都会严格限制K数 在大型门户投放的广告无论尺寸 20 30K不等 而游戏的flash广告基本上都需要在画面中展示游戏人物素材和LOGO 为了保证素材不被压缩得过于厉害 只能减少其他动画的表现 于是很多产品的广告都偏同一个类型 在创意方面的空间很低 这些因素也同样影响了整个行业 版式单一 素材应用类似 广告设计同质化严重 类似的例子比比皆是 大家可以去17173等游戏门户网站去看看 其中投放的广告除了内容不同 基本上就是一个模子 腾讯游戏的广告在品质上与同行业对手拉开差距 在版式构图 字体字效上尽量追求设计感 在素材的压缩上尽量保证图片质量 通过这些努力 腾讯游戏的广告至少在品质上与竞品有明显的差别 flash网络广告的设计 但广告执行得再出色 本身的框架没有变化 没有新鲜的创意 还是只能称之为精致的广告 而非精彩 优秀的广告 20K让我们怎么做 这是广告设计师最头疼的问题 策划文案一堆信息 还要表现这样一个场面 那样一个情节 使用广告素材还得保证质量 flash网络广告的设计 20K的限制何时才能终结 好的创意可以让我们避免或者尽量少的使用图片素材 一个好的创意切入点往往可以抛弃大量信息只专注传达某个点 一个好创意不一定需要大量复杂的动画制作 广告的创意思路有两条 如果广告素材或者画面质量足够高足够震撼 就可以采用强图弱文案甚至没有文案的方案 地推例外 flash网络广告的设计 类似的图片配一句极简的文案就能起到让人不得不被吸引的效果 也正因为信息量少 一目了然 印象深刻 网络中对于感兴趣又未知的事物下意识的就会产生点击行为 也就达到了我们的目的 而当我们没有特别强的画面表现的时候 我们就可以用各种创意来支撑 flash网络广告的设计 这则广告没用采用常规的游戏素材和背景 而是让熟悉的内容让人产生联想到熟知的汽车尾部贴图 素材仅仅用到一个头像 同样能吸引用户的注意力 看过之后有一种我知道这个的创意在哪里的心情 偏平面的处理也能让我们的广告在众多游戏广告中脱颖而出 最重要的是我们能否让玩家感受到不同 新颖 有趣 无论那款产品的广告传递出来 都会对玩家潜意识的形成这就是腾讯游戏的印象 其次才是文案的信息是否突出明了 flash网络广告的设计 利用AS脚本加入互动功能 flash网络广告的设计 韩国现在普遍采用各种位图素材和视频嵌入来设计广告 K数基本上在几百K左右 甚至可以到达1M 他们的今天就