Banner广告条设计的定位与思考

这篇文章讲的不是技术类的教程,而是能让门户编辑短时间内做出漂亮Banner的3种方法。编辑同仁们可以通过文章提供的方法先锻炼自己,为职业发展铺路。设计师们也可以借鉴一下,减轻工作量。

其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。在排除技术手段的前提下,如何通过一些经验的思考,让banner达到通情达意效果,也是我下面要说的,个人经验之谈,供大家参考。

前言

了解banner概念及应用

写在前面的话

sophiya:门户网站因为市场竞争日益激烈,各大门户竞相以谁家资讯更多、领域更广、内容更深等等策略来留住用户的芳心,由此近年来门户网站被称为网络世界的百货商场或网络超市。即然是个百货商场或超市,那么商场与商场之间的竞争又能通过什么方式使自己处于优势呢?

1.什么是banner?

有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有,像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的质量感就上来了,所以这部分交给设计师来做也是重视品质的表现,这个毋庸置疑。但banner毕竟不比大型项目,从设计成本上说不可能给太多的时间给设计师,于是乎,设计师有时候是靠经验积累,有时候妙手偶得,质量也是时好时坏,更害怕的是当没有经验没头绪没有心情时,胸中无物,不知道如何下手,于是越急越乱,越乱越急,最后匆匆了事,这种状态下估计也出不了好的东西。在排除技术手段的前提下,如何通过一些经验的思考,让banner达到通情达意效果,也是我下面要说的,个人经验之谈,供大家参考。

除了扩大自己的规模、增加商品的种类、优惠折扣以外还可以通过发挥我商场的独特产品或特色服务(例如针对不同用户群体的特色店面,对重要节日商场做一些活动或特殊布置等),还有非常重要的一点就是对商场及内部店面的装修、楼内设施指示等。这就如同我们门户网站的各个专题的视觉一样,每个专题就是百货商场里的一间店铺,如何让客人在你的店铺中留得更久,买更多的商品除了用你的商品打动客人还有你的风格和口味儿是否符合他之外,提升品牌形象也逐渐成为商家相互比拼的一个重要因素。

Banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。

一 思考专题定位

门户网站的店铺(专题)一天可以上几十个而且流动性也很大,时效性一般比较强,持续性也较短,所以针对这种特殊性质,门户的视觉秘密武器应运而生——模版!无论是专题框架还是专题Banner头部,模版能使成百上千的专题保持一个整体的风格,做到形散神聚的视觉呈现,这对于网站的长期发展是个必要条件!因此不仅仅是我们设计中心要做到神的一致更应该将这些理念根植于大量专题的亲生父母亲们(编辑),因此模版的作用非同小可,从长远来看她关系到一个门户型网站的长期发展与品牌持续发展。当然,凡事都有两面性,模版化的专题页面会使得同学们长期处于一种ctrl+c\ctrl+v的操作中而缺少创造性的新鲜空气,因此对模版的灵活运用显得就尤为重要。以下是一些模版范例:

2.banner的具体形式

顾及需求方的频道定位

图片 1

一般是比较长的放在网页抬头的图片形式。比较高的图片。长短不一的各种图形形状。不管是侧边栏广告、焦点图、专题页的头图,我们都可以理解为师banner,在设计方法上,其实都是共通的。

因为包含内容不同,门户网站各个频道有着不同的风格,所以设计师们做设计的时候也要考虑到如体育频道的运动感,财经频道的国际和高端等。

通过对编辑的多次banner设计培训和对banner模版使用、更新等监控,对于banner模版这块一些浅薄的认识放上来跟大家探讨:

3.banner的用途

图片 2

Banner模版产生的原因和必要性

1)大家经常在各种大大小小的网站都能看到的广告banner或者焦点图,它们都有大有小、可长可短,但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。

图1

随着v4.0专题模版的上线,专题数量如雨后春笋数量急增,因编辑可以不通过提技术和美术工单,苦口婆心地讲诉求、等设计图、求切图等等繁杂的过程就可以简易地搭出一个像样的、自己想要的专题框架。So,头部的banner设计就成了一个提单主要项目,这是banner单急增的原因之一。

2)大家通常可以在各种游戏网站,房地产网站,各种活动专题页中见到,也就是大家常说的头图,这种类型的banner通常并不是引导用户去触发点击,而是服务于内容,为整个页面做好气氛的渲染。

/女人频道的定位是知性 ,所以这个banner设计风格也是很贴切的。

因为整体框架基本都是由模版搭建,但每个亲生父母都希望自己的孩子光鲜亮丽地展现在别人面前,所以一个漂亮的banner会如同给他们的孩子穿上一件漂亮的衣服或做了一个最Fashion的发型,由此吸引更多的人去看她(他)的孩子。这也是banner单一直都很多的原因。

Banner包含的三个部分

/banner 赞助 夏小萌

大多数编辑只会基本的PS软件操作或不会操作,少数人熟练。因此,虽然时间不够,但banner也只能提交设计中心制作。这类banner单的数量还是占较大的比例。

1.文字(占主导地位)

图片 3

工单太多,设计中心人手告急,因此又无法安排到设计人员在第一时间内给到频道相关的设计。

大家都知道我们从图形上解读信息的能力是要大于单纯的阅读文字,但是在banner的设计中,大多数情况下我们都是通过文字来了解信息,图片知识起到一个衬托的作用,做banner的时间分配里对字形的处理可能要占到50%甚至更多的时间。

图2

为应对以上种种情况并使编辑在自行制作banner时能跟整个网站设计风格尽量达成一致,三套方案应运而生:第一当然是领导实行计划生育,控制banner单的数量,尽量减少没有意义或重复性的劳作。第二,督促设计师们能在最短的时间内制作一个漂亮而又适合该专题的banner;第三就是秘密武器——banner模版!第四,PS技能和banner设计培训!

1)需要对文案内容负进行处理

/历史频道的专题,做出厚重沧桑的历史感还是很切题的。

Banner模版就这么就那么产生了……针对那些时效性较强的、突发性的专题、设计中心无法排开的情况下,无疑给编辑和设计师们找到一个好的解决方法,而且还能在一定程度上保证风格与质量。

使内容更符合信息传递,如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行强调,突出主要的信息,弱化非关键词。整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文、域名、频道名等。

/banner 赞助 10

Banner模版存在的问题及解决方案

2)需要考虑到字形

顾及此专题的定位

问题:

文本主要包含标题和辅助性的文本。标题部分一般需要进行些设计处理,提高画面的艺术感和吸引力。钢笔造字是在做字形设计上一个比较讨巧的方法,但却又十分有效。笔画连接,做笔画连接时只有合理的安排需要连接的笔画,在笔画收尾和边缘做一些简单造型处理,那么都会出来一个比较好的视觉效果。在做笔画连接时推荐使用一些笔画粗细比较统一的非衬线字体。

专题的定位有时候和频道的定位偶尔是有冲突的,如女人频道一贯的知性理性的大风格下,有时候会来一些可爱小女人,有时候有做温馨浪漫,在这种有风格冲突的情况下,我们还是以贴合专题的定位为主,当然也尽量做到不能背离频道风格太远。

虽然banner模版从v3.0的时候就开始建立,但用的同学很少,原因分析:

形状替换:根据文字的具体含义来设计字形的一种方法。比如把卖表的文案中出现“时间”把日字旁换成钟表。卖服装,把“装”字的衣字底改成衣服的团等,这种设计往往带来新奇的视觉效果。

图片 4

1、因为初建模版库,只有会议、产品、伤感、生活、喜庆等几个分区还不够全面、内容不够多,所以编辑同学选择性会很少。

3D设计:如果要在banner中想突出文字,把文字做成3D效果可谓是最“粗暴”的一种解决方法,只要处理方法得当也可以达到很好的效果。可以通过对多个文字副本移动,或重复变形,做出简单的立体效果。

图3

2、banner模版库的宣传力度不够,鲜为人知因此优势没有发挥到位。

介绍性文本或者次要信息部分,一般是低调处理,一般使用一些通用字体。字体两种作呕即可,太多会使画面失和如果使用一些商业字体,需要注意使用授权的问题,避免产生一些法律纠纷。

/女人频道下的一个怀旧感的专题,所以画面做出了一些怀旧的感觉。

3、再者是因为少有编辑能灵活地运用PS软件,更何况如何应用现有的模版改为符合自己专题性质的banner了。

普通字体可以通过一些简单方法焕发活力。

/banner 赞助 璇

网站地图xml地图