banner广告设计8个必知小技巧

开发 前端
在工作我们经常会有 banner 设计需求,和大项目比较,需求方从设计成本方面考虑,不会给设计师太多的时间。那么我们如何才能在短时间内做一个出彩而效果又好的 banner 呢? 以下是整理的 banner 设计8技巧,现与大家分享

在工作我们经常会有 banner 设计需求,和大项目比较,需求方从设计成本方面考虑,不会给设计师太多的时间。那么我们如何才能在短时间内做一个出彩而效果又好的 banner 呢? 以下是整理的 banner 设计8技巧,现与大家分享:

51CTO推荐专题:Web设计师:网页设计如何自学成才

一、主题明确

要突出产品主题,让用户一眼就能识别广告含义,减少过多的辅助干扰元素。切忌,banner 被切割的太细碎,内容繁多,没有浏览重心。很多广告主往往会认为传达的信息越多,用户越有兴趣,其实并不然,什么都想说的广告,就是什么都没说好。

 

 

二、重点文字突出

用文字进一步的告诉用户,是打折或还是新货上市?如果我们***的买点就是“4.1”折起,那么毫无疑问,“4.1”折的字样一定要大,要醒目,其余的则需要相应的弱化。

 

 

三、符合阅读习惯

阅读视线要符合用户从左到右、从上到下的浏览习惯。

 

 

 

 

不要这样:

 

 

四、用最短时间激起点击欲望

用户浏览网页的集中注意力时间一般也就几秒,所以不需要太多过场动画,需第1时间进行产品的展示,命中主题。并配以鼓动人心的措辞口号引导用户。

五、色彩不要过于要醒目

有些广告主要求使用比较夸张的色彩来吸引访问者眼球,希望由此提升 Banner 的关注度。实际上,”亮” 色虽然能吸引眼球,但往往会让访问者感觉刺眼、不友好甚至产生反感。所以,过度耀眼的色彩是不可取的。

六、产品数量不宜过多

很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个 Banner 变成产品的堆砌。Banner 的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

下面对比一下以下A、B两款 Banner 中,哪一款更易于识别和引起关注呢?

 

 

A 取产品局部特征图,同时配合宣传语,简洁明确,易于识别

 

 

B 产品数量过多,没有亮点,页面堆的太满。

七、信息数量要平衡

很多人总认为信息多就,觉得所有信息都很重要,都要求突出,结果其反。如果 banner 上满是吸引点,那用户只会被注意,所以在 Banner 的有限空间内做好各种信息的平衡和协调非常重要。

八、留空

banner 画面中需要留空,留空可以使图形和文字有呼吸的空间。

总结

通过以上总结出,我们在设计制作 Banner 时,需要注意以下几点

1.突出产品及其特征,采用有吸引力的宣传用语,适当弱化公司名称和标识;

2.图片并非越多越好,突出重点是关键,必要的产品说明不能少

3.合理安排画面内容,做到主次对比鲜明

4.颜色不宜过度夸张,努力营造愉悦、舒服的感观感受

原文:http://ued.baidu.com/?p=678

【编辑推荐】

  1. 我的防身利器:网页设计应急小技巧
  2. 如何成为优秀的网页设计专家
  3. 网页设计80/20法则过时 现在流行1%法则
  4. Web设计师:网页设计如何自学成才
  5. 网页设计师晋阶必知的十个小窍门
责任编辑:陈贻新 来源: ued.baidu.com
相关推荐

2022-09-21 15:11:28

MySQL数据库技巧

2020-08-23 18:18:27

Python列表数据结构

2012-02-28 15:04:09

移动互联网广告设计

2011-05-31 14:48:31

PHP

2017-12-04 09:39:41

浏览器Chrome小技巧

2016-05-03 10:19:04

H5技巧干货

2011-05-30 12:59:46

网站设计

2013-10-30 10:39:25

Banner

2024-01-08 18:05:19

PyCharm技巧功能

2011-03-28 08:51:41

网页设计WebSEO

2018-06-21 11:03:54

shelllinux命令

2012-10-19 13:50:40

Linux管理效率技巧

2024-01-10 18:01:22

编程技巧Java 12

2020-12-24 09:18:51

SQL数据库函数

2018-04-16 08:30:07

AI设计师苏宁

2012-11-06 10:51:50

2023-10-19 21:30:36

架构CQRS模式

2017-01-12 19:47:59

Android秘诀技巧和资源

2011-07-08 14:14:13

Web服务器

2020-09-26 21:50:26

JavaScript代码开发
点赞
收藏

51CTO技术栈公众号