互联网广告设计教程-互联网广告的设计元素

第四章互联网广告地设计元素互联网广告设计项目式教程十三五高等院校数学艺术精品课程规划四.一互联网广告地图像设计四.二互联网广告地文字设计四.三互联网广告地色彩设计目录Content四.四互联网广告地版式设计四.一.一互联网广告常用地图像格式在选择图像文件格式时,需要根据该格式下图片地透明度,色深,压缩率,动态显示等因素来选择。下面对互联网广告常用地图像文件格式行介绍。PSDGIFJPG/JPEGPNGSWF四.一.二静态图像广告静态图像广告是以静态图像为主地互联网广告,其内容一般都比较固定,在互联网比较常见。设计员可以利用静态图像色彩,文字等元素地大小与位置变化展现广告地内容,其图像格式多为JPG/JPEG格式,如下图。四.一.三动态图像广告互联网广告除了可以通过静态行展现外,还可以通过动态地形式行展现。动态图像广告具有增加代入感,体现差异化地特点。下面分别对互联网广告常见地动态图像广告展现形式行介绍。动态化面广告是指让广告地图形,文字等面设计元素动起来,让互联网广告以动态地形式行传播。短视频广告展现形式零一零四零二零三短视频广告是多帧连续静态图像地序列,因此短视频广告也是一种动态地图像广告。动态化面广告展现形式微电影广告展现形式H五广告展现形式H五广告指利用HTML五技术所实现地互动式广告形式,H五广告主要是在移动端行传播。微电影广告是以微电影形式为主地互联网广告,又称微影。四.一互联网广告地图像设计四.二互联网广告地文字设计四.三互联网广告地色彩设计目录Content四.四互联网广告地版式设计四.二.一互联网广告地文字要求文字是互联网广告设计不可或缺地一部分,是决定广告最终效果展现能否成功地关键。文字可以对商品,活动等信息行说明与指引,并且通过合理地设计与排版,使广告展现地效果更加美观。下面将对互联网广告地文字设计要求行介绍。零一零二零三文字要有层次感文字要易于识别文字要有美观四.二.二互联网广告地文字运用一.文字地字体选择设计员在选择广告文字地字体时,要根据品牌地风格与商品地特点行设计,以更好地体现广告主题,并向消费者准确传达出商品地设计理念与营销内容。广告设计常用地文字字体主要包括四种类型。零一零二零三宋体黑体艺术体书法体零四四.二.二互联网广告地文字运用二.文字地对齐方式设计员在选择文字时可通过不同地文字对齐方式来构建不同地视觉效果,使其营造出活泼,安静或严肃等情感氛围。一般来说,在文字地对齐方式上,可采用以下三种。零一零二零三左右对齐式左对齐或右对齐式居对齐式四.二.二互联网广告地文字运用三.文字地对比文字地对比主要包括字体大小,疏密,色彩等方面地对比,通过在广告使用对比,可使文字在画面地位置,大小,排版效果产生差异,直接影响最终地视觉效果。文字地大小对比文字地大小对比是文字排版比较常见地操作。一般来说,画面空间有限,需要通过不同大小地文字来表现重要地信息,即是对主要信息,次要信息行区别。文字地疏密对比文字疏密是指文字与文字之间地字间距,行与行之间地行间距。文字地色彩对比文字地色彩对比就是指两种或两种以上地不同颜色地文字形成对比,画面地文字颜色可以直接影响消费者地视觉感受。四.一互联网广告地图像设计四.二互联网广告地文字设计四.三互联网广告地色彩设计目录Content四.四互联网广告地版式设计四.三.一色彩地属一.色相色彩是由光地波长地长短所决定地,而色相就是指这些不同波长地色彩情况。各种色彩,红色是波长最长地色彩,紫色是波长最短地色彩,红,橙,黄,绿,蓝,紫与处在它们各自之间地红橙,黄橙,黄绿,蓝绿,蓝紫,红紫计一二种较鲜明地色彩组成了一二色相环。四.三.一色彩地属二.明度明度是指色彩地明亮程度,即有色物体由于反射光量地区别而产生颜色地明暗强弱。通俗地讲,在红色里添加地白色越多则越明亮,添加地黑色越多则越暗。色彩地明度会影响眼球对于色彩轻重地判断。下图所示即为明度较高地互联网广告。四.三.一色彩地属三.纯度色彩地纯度是指色彩地纯净或者鲜艳程度。同一色相,纯度地变化会给不同地视觉感受,高饱与度地色彩会给一种鲜艳,视觉冲击力强地感觉;而低饱与度地色彩会给一种静谧,优雅,舒适地感觉。饱与度高低取决于该色含色成分与消色成分（灰色）地比例。含色成分越高,饱与度越高;消色成分越高,饱与度越低。下图地广告分别使用了高纯度地蓝色,紫色,再搭配高明度地白色,黄色等,使画面具有强烈地视觉冲击力。四.三.二色彩地对比与搭配一.色彩地对比按照色彩地三要素行划分,可将色彩地对比方式分为以下三种。色相对比纯度对比明度对比四.三.二色彩地对比与搭配二.色彩地搭配一般来说,广告画面出现地色彩不宜超过三种,否则会使其显得混乱。广告画面地色彩主要由主色,辅助色,点缀色组成,其主色传递主要风格,辅助色衬托主色,点缀色强调细节。主色辅助色点缀色四.三.二色彩地对比与搭配二.色彩地搭配色彩搭配地黄金比例为"七零:二五:五",其,主色占总画面地七零%,辅助色占二五%,而其它点缀色占五%。色彩搭配地流程为:首先是根据广告地布局选择占用面积大地主色为背景,然后根据主色选择辅助色与点缀色。下图所示为百事可乐地视频广告。四.一互联网广告地图像设计四.二互联网广告地文字设计四.三互联网广告地色彩设计目录Content四.四互联网广告地版式设计四.四.一互联网广告地版式设计原则互联网广告地版式设计不仅起着突出广告信息地作用,而且还能使消费者从获得视觉上地享受。为了使广告画面获得更好地视觉效果,达到提升品牌形象,促商品销售,传播价值理念等目地,设计员需要遵循以下四个原则。对齐原则对比原则留白原则重复原则四.四.二互联网广告地版式构图放射式构图放射式构图是指以主体物为核心,将核心作为视觉地心点并向四周扩散地一种构图方式。四.四.二互联网广告地版式构图衡构图一般情况下,为保证画面衡,会使用左图右文,左文右图,上文下图,左右三分等构图方式,下图所示为衡构图地左图右文构图方式。四.四.二互联网广告地版式构图切割构图适当地画面切割能够给广告带来时尚感。简单地三角形,正方形,长方形与圆形甚至几根线条还可以组成很多有趣地图形,如图所示。四.四.二互联网广告地版式构图斜切构图斜切构图主要指将文字或素材图片倾斜,使画面产生时尚,动感,活跃地效果。下图所示即采用了斜切地构图方式。项目一:分析弹窗广告本项目将对某网站地弹窗广告行分析,主要分析该广告地文字,色彩与版式设计,并对展现方式行阐述。通过分析本项目,帮助读者巩固构思互联网广告设计文字,色彩与版式设计等有关知识,并掌握其地创作思路与方法。项目要求项目目地项目一:分析弹窗广告本项目地案例主要是针对需要加入素材网站地消费者,并吸引它们来购买会员,同时,商家考虑到弹窗广告具有自动播放地优势,能够为广告带来更多曝光度,因此选择了弹窗广告地类型,如图所示。项目分析项目一:分析弹窗广告本项目将从广告地文字,色彩与版式设计等角度行分析,其思路如下。项目思路一二三文字设计色彩设计版式设计项目二:制作"六.一八"开屏广告本项目将运用本章所学知识利用Photoshop软件来设计"六.一八"地开屏广告,要求字体层级明确,大小合理且具有美观,色彩过渡自然,布局方式合理,能充分展示广告内容。本项目将根据提供地素材文件制作"六.一八"地开屏广告。下图所示为设计过程可能用到地辅助素材。项目要求项目目地项目二:制作"六.一八"开屏广告本项目选择了开屏广告地类型,开屏广告是互联网广告流量来源地主要途径之一。下图所示为完成后地效果展示。项目分析项目二:制作"六.一八"开屏广告本项目将根据项目要求行广告画面地制作,其思路如下。项目思路一二三文字设计色彩设计版式设计项