《Banner设计》PPT课件.ppt

Banner設計,4,Banner設計,百度百科： Banner主要体现中心意旨， 形象鲜明表达最主要的情感思想的表达。 主要类型： 页面中的横幅广告 游行活动时的旗帜 报纸杂志上的大标题,什么是Banner?,广告心理包含以下流程： 无意注意有意注意增强说服效果(记忆与再现、意象与联想)情感与决策。,Banner設計 - Banner设计心理学,1、刺激物的强度 表现于banner设计中，主要包括：重点字体尺寸大+加粗;重点字体颜色醒目;强化重点内容。 (1) 重点字体尺寸大+加粗：强调数字50与80,广告心理学,引起无意注意要具备两个条件： 一是刺激物的特点，一是主体状态。,Banner設計 - Banner设计心理学,(2) 重点字体颜色醒目：全城热恋夺人眼球,广告心理学,Banner設計 - Banner设计心理学,(3) 强化重点内容：春节作为主要内容要一目了然,广告心理学,Banner設計 - Banner设计心理学,2、刺激物之间对比关系 表现于设计中，背景饱和度和亮度偏低与背景简单 (1)背景饱和度和亮度偏低 为了突出banner中的重点，在重要位置选择饱和度较高的颜色，产生明确的视觉中心，而为了不干扰用户的阅读，背景颜色则推荐使用饱和度和亮度偏低的颜色，突出重点避免视觉疲劳。,广告心理学,Banner設計 - Banner设计心理学,(2)背景简单 简单的背景能烘托出所要表达内容，使整个banner主次分明。,广告心理学,Banner設計 - Banner设计心理学,3、刺激物的活动变化与新异性： (1)运动型广告(广告分帧呈现) 将广告中的元素分帧呈现，可以很好地捕获注意，提升记忆成绩，形成更积极的广告态度以及更高的点击意愿。 (2)视觉线索(箭头、手指、目光) 好奇是人的天性，人们往往会不由自主跟随别人的目光，箭头的指向，或者任何事物呈现的视觉线索。如果某人正在注视一样东西，或者用手指、某个箭头指向某一方向，我们也会跟随看过去一探究竟，也许你并非有意识地去跟随，但实际上我们内心深处总想知道“到底发生了什么?”,广告心理学,Banner設計 - Banner设计心理学,当婴儿正面呈现时，人的目光关注最多的是婴儿的脸部，对产品则关注相对很少； 当婴儿侧身使用视线关注商品介绍时，人的目光就会随之部分转移到了商品介绍上。,广告心理学,婴儿视觉图片引导注意力测试 (红色区域表示人眼关注时间最长的区域),Banner設計 - Banner设计心理学,(3)人物肖像。 人类从婴儿期开始就喜欢注视面孔，这种现象称为面孔偏好并且这种现象具有重要的社会化意义;所以人类对于面孔的识别具有特异优先性。当一幅图片呈现面孔和其他事物时，面孔会优先得到注意，并被加工和识别。 仍然以婴儿视觉线索的图片为例，可以发现，不管图片中婴儿什么姿势，人脸都是优先被注意与加工的区域(红色部位表示人眼关注时间最长的区域)。,广告心理学,Banner設計 - Banner设计心理学,主体状态也会影响网站广告投放效果，其中包括需要兴趣和知识经验。 1、需要与兴趣 当用户浏览网页时，如果页面呈现与自己需求和兴趣相关的广告，用户便很容易被相关的广告所吸引并产生点击行为;另外，用户网上冲浪时或多或少都有着自己的兴趣与目的，故将广告放在与其广告内容相关的页面上，也就更容易捕获用户的目光。需要与兴趣的运用，可以通过一些出色的用户定位技术视线，例如通过使用百度的搜客与回头客的技术定位，将用户兴趣需求与百度广告相匹配。 2、知识经验 另外，出现在我们面前的外界事物，能否成为我们注意对象，还要看它与我们知识经验有无关系，以及能否被我们理解或理解到什么程度。所以针对不同文化背景与知识水平的消费者设计不同的广告，不失为明智的选择。,广告心理学,Banner設計 - Banner设计心理学,广告心理学,中文和英文阅读习惯方式有区别，导致结构排版在构成上也会有所不同 。,Banner設計 - Banner设计心理学,Banner設計,Banner设计：效果,Banner設計,设计技巧,字体选用正版字体（方正），一般两种字体搭配 为佳。不要超过三种。 太多的附加元素，会干扰用户对主题的识别 英文尽量少用，万不得已情况下，一定要拼写正确 图片素材要注意版权问题，人物最好用授权过的 颜色方面，最好选择纯度高的颜色，尽量避免在颜色中添加过多的灰度 尽量避免对字体的变化，倾斜、拉伸、变形等，PS位图软件会出现锯齿,Banner設計,总结：细节决定成败,清晰的主题 直观的文案描述 良好的构图,富有品质感的图形 锐利精致的反光 适当的色调和渐变,适合的图片格式 图片尺寸 多底色延伸,a.点的聚合 点的排列所引起的视觉流动，引入了时间的因素,利用点的大小、形状与距离的变化，可以设计出富于节奏韵律的画面。点的连续排列构成线，点与点之间的距离越近，线的特性就越显著。点的密集排列构成面，同样，点的距离越近，面的特性就越显著。,Banner設計- Banner的标准,无数图形的点聚合在一起，增强画面的韵律感,Banner設計- Banner的标准,Banner設計- Banner的标准,b.线的流动 线分为四类：直线、曲线、折线以及三者的混合。直线又有水平线、垂直线、斜线三种形式。其中，水平线给人平静、开阔、安逸的感受；垂直线给人崇高、挺拔、严肃的感受；曲、折、弧线具有强烈的动感，更容易引起视线的前进、后退或摆动。,Banner設計- Banner的标准,Banner設計- Banner的标准,c.面的分割 面在设计中的概念，可以理解为点的放大，点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下，能获得清晰、条理的秩序，同时在整体上也显得和谐统一,Banner設計- Banner的标准,Banner設計- Banner的标准,二.有效的设计创意方法 a.预留大面积的Banner空间创作 Banner设计占用很大的空间，且占用的空间是重要而有价值的面积，那么你需要万分小心的去处理，但是如果处理的好的话，它将会事倍功半，而且信息传达非常有效。,Banner設計- Banner的标准,Banner設計- Banner的标准,b.有效的措辞与行为导向按钮 在banner设计中通过真实产品的展示，并配以鼓动人心的措辞口号及醒目的可以直接诱导用户点击的行为导向按钮，让网页获得更多的用户点击和关注目光。,Banner設計- Banner的标准,Banner設計- Banner的标准,c.插图及清新手绘让页面倍感亲切,Banner設計- Banner的标准,Banner設計- Banner的标准,d.引入肢体语言让画面变得生动,Banner設計- Banner的标准,Banner設計- Banner的标准,e.丰富的产品展示组合效果 用堆积这种效布局特效来展示不同的作品示例，并附上一条介绍性质的口号，网页变得更有说服力，丰富而富有层次感。,Banner設計- Banner的标准,Banner設計- Banner的标准,f.特殊肌理的组合 适当的运用肌理以及拼贴效果，让画面变得有质感且意味深长，是让Banner与众不同的好办法之一。,Banner設計- Banner的标准,Banner設計- Banner的标准,g.让资讯循环动起来 使用滑动效果来将更多信息填进到Banner区域。这对于有很多特性和丰富产品线的网站很有用，通过一些很有用的Javascript库及其插件，让这类效果更加活灵活现。,Banner設計- Banner的标准,Banner設計- Banner的标准,h.线