互联网广告设计 第4章 互联网广告的设计元素.pptx

十三五高等院校数学艺术精品课程规划教材第4章 互联网广告的设计元素互联网广告设计项目式教程目录Content4.1 互联网广告的图像设计4.2 互联网广告的文字设计4.3 互联网广告的色彩设计4.4 互联网广告的版式设计4.1.1 互联网广告中常用的图像格式在选择图像文件格式时，需要根据该格式下图片的透明度、色深、压缩率、动态显示等因素来选择。下面对互联网广告中常用的图像文件格式进行介绍。PSDPNGSWFGIFJPG/JPEG4.1.2 静态图像广告静态图像广告是以静态图像为主的互联网广告，其内容一般都比较固定，在互联网中比较常见。设计人员可以利用静态图像中色彩、文字等元素的大小和位置变化展现广告的内容，其图像格式多为JPG/JPEG格式，如下图。4.1.3 动态图像广告互联网广告除了可以通过静态进行展现外，还可以通过动态的形式进行展现。动态图像广告具有增加代入感、体现差异化的特点。下面分别对互联网广告中常见的动态图像广告展现形式进行介绍。短视频广告展现形式动态化平面广告展现形式0102动态化平面广告是指让广告中的图形、文字等平面设计元素动起来，让互联网广告以动态的形式进行传播。短视频广告是多帧连续静态图像的序列，因此短视频广告也是一种动态的图像广告。H5广告展现形式微电影广告展现形式0304H5广告指利用HTML5技术所实现的互动式广告形式，H5广告主要是在移动端中进行传播。微电影广告是以微电影形式为主的互联网广告，又称微影。目录Content4.1 互联网广告的图像设计4.2 互联网广告的文字设计4.3 互联网广告的色彩设计4.4 互联网广告的版式设计4.2.1 互联网广告的文字要求文字要易于识别文字是互联网广告设计中不可或缺的一部分，是决定广告最终效果展现能否成功的关键。文字可以对商品、活动等信息进行说明和指引，并且通过合理的设计和排版，使广告展现的效果更加美观。下面将对互联网广告的文字设计要求进行介绍。0201文字要有层次感03文字要有美观性4.2.2 互联网广告的文字运用1. 文字的字体选择 设计人员在选择广告文字的字体时，要根据品牌的风格和商品的特点进行设计，以更好地体现广告主题，并向消费者准确传达出商品的设计理念和营销内容。广告设计中常用的文字字体主要包括4种类型。黑体宋术体书法体4.2.2 互联网广告的文字运用2. 文字的对齐方式 设计人员在选择文字时可通过不同的文字对齐方式来构建不同的视觉效果，使其营造出活泼、安静或严肃等情感氛围。一般来说，在文字的对齐方式上，可采用以下3种。010203左右对齐式左对齐或右对齐式居中对齐式4.2.2 互联网广告的文字运用3. 文字的对比 文字的大小对比文字的对比主要包括字体大小、疏密、色彩等方面的对比，通过在广告中使用对比，可使文字在画面中的位置、大小、排版效果产生差异，直接影响最终的视觉效果。文字的大小对比是文字排版中比较常见的操作。一般来说，画面空间有限，需要通过不同大小的文字来表现重要的信息，即是对主要信息、次要信息进行区别。文字的疏密对比文字疏密是指文字与文字之间的字间距，行与行之间的行间距。文字的色彩对比文字的色彩对比就是指两种或两种以上的不同颜色的文字形成对比，画面中的文字颜色可以直接影响消费者的视觉感受。目录Content4.1 互联网广告的图像设计4.2 互联网广告的文字设计4.3 互联网广告的色彩设计4.4 互联网广告的版式设计4.3.1 色彩的属性1. 色相 色彩是由光的波长的长短所决定的，而色相就是指这些不同波长的色彩情况。各种色彩中，红色是波长最长的色彩，紫色是波长最短的色彩，红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫共计12种较鲜明的色彩组成了12色相环。4.3.1 色彩的属性2. 明度明度是指色彩的明亮程度，即有色物体由于反射光量的区别而产生颜色的明暗强弱。通俗地讲，在红色里添加的白色越多则越明亮，添加的黑色越多则越暗。色彩的明度会影响眼球对于色彩轻重的判断。下图所示即为明度较高的互联网广告。4.3.1 色彩的属性3. 纯度色彩的纯度是指色彩的纯净或者鲜艳程度。同一色相中，纯度的变化会给人不同的视觉感受，高饱和度的色彩会给人一种鲜艳、视觉冲击力强的感觉；而低饱和度的色彩会给人一种静谧、优雅、舒适的感觉。饱和度高低取决于该色中含色成分和消色成分（灰色）的比例。含色成分越高，饱和度越高；消色成分越高，饱和度越低。下图的广告中分别使用了高纯度的蓝色、紫色，再搭配高明度的白色、黄色等，使画面具有强烈的视觉冲击力。4.3.2 色彩的对比与搭配1. 色彩的对比按照色彩的3要素进行划分，可将色彩的对比方式分为以下3种。色相对比明度对比纯度对比4.3.2 色彩的对比与搭配2.