Banner设计.ppt

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