智软工作室   主要是为宁波公司提供宁波网站建设    ,宁波网站制作    ,宁波做网站公司  , 宁波外贸网站建设 公司,宁波网站优化  等项目,以优质的服务,优 惠的价格,深的客户信赖。相信有你的加入我们的明天会更有动力!期待与你合作!
  • 宁波智软设计工作
室,打造宁波网站制作



工作室顶级品牌
  • 智软拥有专业的设
计团队
  • 多年网站建设团队
为你服务
  • 智软期待与你合作
  • 我们的技能
  • 我们掌握的技能有
:dreamweaver,flash,photoshop
  • 宁波高端网站建设
服务公司
    2014已经悄然到来,在 新的一年我们恭贺所有客户事业蒸蒸日上,同事庆祝智软设计工作室成立5周年,在5周年为众多客户提 供了保质量的网站设计与网站制作。 我们在新的一年质 量与服务将会更加进一步为更多的客户带来高端的网站设计与服务!期待与你合作
  • 企业网站制作建设
原因与服务介绍

    智软设计工作室多 年为宁波企业网站制作建设服务一直以来我们以最优惠价格,最优质的质量,最突出的设计!得到了客户的一致认可,我们的服务包括: 宁波网站设计,宁波网站建设    ,宁波网站制作    ,宁波网站优化  ,宁波英文网站制作 我们会以优质的服务,最低的价格来报答 客户!

  • 点击链接网站优化
推广介绍

    点击连接网站优化 推广-对企业的网站优化 和网站推广--对企业的重要性 -点击进行详细了解

  • 2014开幕,宁波网站设
计服务全面优惠.

    2014开幕,宁波智软设 计为宁波企业提供更加优秀的设计和实惠的价格

  • 链接到网站案例展
示平台
    智软设计工作为宁 波客户网站设计案例展示平台-案例均为定期更新 ,让新老客户更好的看到我们做的案例,点击查看我们做的网站案例吧!
  • 我们宁波网络公司

提供网站一站式解决方案
    智软(宁波网络公司 )帮你轻松解决网络 问题,网站一站式解决方案
你当前的位置: > 营销与网络  >

网站中"点睛之物 "banner如何设计的更加合 理?

2010-10-21 18:35

个人经验之谈,供 大家参考。

一 思考专题定位

·顾及需求方的频道 定位

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

图1

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

banner 赞助 夏小萌

图2

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

banner 赞助 10

·顾及此专题的定位

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

图3

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

banner 赞助 璇

图4

数码频道的一个和 某手机赞助商的活动,所以banner也表露出一定的商 业感

二 明白文字在 Banner中占主导地位

从构成上讲,一个 banner分为2个部分,一为文字 ,二为辅助图。辅助图虽然占据大多数的面积,但是不加以文字的说明,很难让用户知道这个banner要说明什么。要读 一个人的喜怒哀乐,只要读其五官即可。在一个banner里面,标题文字起 着五官一样的作用,所以个人觉得文字才是整个banner的主角。所以对于 文字的处理,显得尤为重要,在文字处理时有几个小技巧,与大家分享。

图5

banner文字阐述专题主题 ,是绝对的主角。

banner 赞助 淑华

·分清主标和副标, 从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比 较饱满,比较集中。

图6

对主标题的断词比 较巧妙,文字集中,主次明显,且文字与辅助图案相互呼应,统一感很好。

banner 赞助 淑华

·如果主标太长,需 求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的 词。

图7

长标题的时候,如 果把‘征集各种端午风俗  ’排成一行,就会显 得没有主次,也很有吸引力。我这里把‘端午’这个最重要的信息 提出来,让用户很容易进入环境,然后让他们继续了解更多的信息。这里还要说一个小技巧,我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别 用了3种字体,但还是能 读出‘征集各种端午风俗  ’这是一断话,因为 同一个红色起到了很大的作用。

·如果需求方整体文 字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。

图8

这个banner附加了一些英文来 丰富画面,让画面充满丰富的同时,充满生气。

banner 赞助 LV

三 构建辅助视觉

一个banner最主要的是标题, 但辅助视觉起着烘托标题文字的作用,然而这也是最有难度的一个活,设计师的个人风格和变现力在这里能够淋漓表现。文字和辅助视觉的关系,我这里列举了3个常见搭配方式, 这几种方式搭配分别有不同的效果,从而产生不同感觉。

3种文字和辅助视觉 常见的搭配方式:

1, 文字+背景陪衬两段式。 特点突出文字,视觉集中文字,报道感强。

图9

banner 赞助 胡子

图10

2, 文字+主体物的两段式, 文字图案相辅相成,起到文字言事图案帮助理解的效果。这样的banner适合做介绍类或者 产品类。

图11

banner 赞助 淑华

图12

3, 主体物+背景+文字的三段式,特 点虚实结合,主次关系明显,也是效果最好,用的最广泛的一种形式。

图13

图14

图15

banner 赞助 淑华

四,创造力对主题 的艺术化表现

1,严肃话题也能做 出新感觉

做新闻报道的时候 ,遇到严肃话题,一般的设计师,都会比较拘谨,不敢也不愿去做视觉上的创新。所以配到这种话题,画面效果一般都会比较模式化,信息量弱,感染力不足。这时候,设计师如果敢解放思想,去动脑子做一些创新,其实严肃话 题做上新感觉,能够达到意想不到的效果。

图16

/主题文字埋没在洪 流之中,让其有一种融入感。洪流、闪电、阴暗的天空、淹没的城市,画面灾难感很强,角落处的武警官兵抗洪,让整体灾难中透出希望,哀而不伤。设计师有时候不仅仅应拥有对画面掌控力,对专题主题的把握,也是作为一个 设计师应该具备的素质。

图17

因为是做夏季高温 的专题,所以在处理画面的色彩时候我对比度做的比较弱,就如同烈日下看东西的感觉。

图18

这是春运的专题, 我在处理画面用了很多斜的构成,因为斜的东西学构成的时候表达那种不安感是比较贴切的。拥挤的人群、阴霾的天空,不安中带着希望,当一张小小的火车票就能映出当回家的曙光时候,我想,或许这就是很多人对于春运的感 觉吧。回头看看其他门户的专题,光艳无比,一股社会主义的优越感油然而生的感觉,不知孰对孰错,再想时,我已迷失。

2,轻松话题可以做 出幽默感

有时候也会做到一 些轻松感娱乐感的专题,在做这些专题的时候,设计师们就能更加放开了。

图19

这个专题banner,做的很轻松很幽 默。编辑说他的频道群里发,整个频道的人都笑翻了。

图20

3,作品也能带点小 情调

有时候来一些小的 创意也会让banner增色不少。

图21

摇滚的不是乐器, 还是文字

banner 赞助 竆

图22

冰雪里的不仅仅是 车,还是文字

后面的话

有时候我觉得做一 个banner,如做一篇文字, 文字可以是小说,可以是诗歌,也可以是散文,形式多样;可以用比喻、也可以拟人,也可以排比,手法也是多样。做一个banner,有时候需要字斟 句酌,有时候则要点到即止;有时候该放,有时候该收;有时候可以如苏东坡般登高望远、举首长歌,有时候又可如柳永般娓娓道来、触动心灵。你可以用不同形式和手法来表现,但相同处,通情达意,揭露主旨。本文主要从定 位、文字、辅助图和艺术性上表达了我对于做一个通情达意banner的一些见解,让大 家能从我的理解中对做banner有新的看法,当然 ,水平有限,不足处,欢迎指正。

文章由www. 宁波网站制作    编辑发布

更多

【责任编辑:小戴工程师 】

关键字: 网站 banner如何设计 点睛之物

上一篇:用户体验设计部与 客户培训师的对话 下一篇:四个方面对网站建 设是否成功很有帮助

最新文章

2010-10-21 18:35

相关文章

2010-10-21 18:35
网站制作咨询:
QQ:277728291
电话:18668277799
邮箱:277728291@qq.com
期待你来电咨询
回顶部
友情链接:    疯狂彩票-安全购彩   网投时时彩可靠网站_*官方推荐*_[大地 22022]   野狼彩票-安全购彩   众联彩票-首页   博凯彩票-安全购彩