您当前的位置:首页 > 技术分享 > 设计应用

网页设计之bannner设计案例分享

  • 点击数:4523 次
  • 更新日期:2012-11-13
  • 来源:互联网
  • 【启用眼睛保护色】
  • 字体:【小】 【中】 【大】 【B】

“Bnner以其设计中心主要体现意旨,以及形象鲜明表达主要的情感思想或宣传内容”,它可以说是网页设计中必不可少的一个部分,设计者按以网页风格设计与此为衬托的Banner,或以Banner表达文章核心内容作为视觉点缀。

笔者从国内几家最活跃的UED团队中选取了十四个,各具代表特色的Banner设计案例在本文中与大家分享并简析其设计之意,在此特别感想这些UED团队的优秀作品为我们学习带来更多的思想开拓。


一、文图为中心的设计

 网页设计-banner案例


这类Banner主体设计重心是图片配以文字为点缀的“角色扮演”,由于图片的关联性直接影响到文字的表达,因而在设计这Banner时,素材方面同样是需要下一定功夫作收集了解的。


 banner设计案例



 网页设计-banner案例



 banner设计案例


这是目前较为热门的设计,主要是以文图为主体设计,最常见的设计配搭则是以透明底图配以文字(体现Banner文字上的视觉表现)每当用户访问时,这类设计通常快速明了的明达出设计者的意识,再加上图片方面的相关性,一个重以表达的Banner便以此成形。


二、图片表达中心的设计


 网页设计-banner案例


从用户体验角度出发,同一网页设计中过多的相同方案存在,容易令用户产生视觉上的“疲劳”,而其直接影响到用户在体验时的感官视觉。

以上、下图的设计案例,这种设计以为在为一定的选图制作上带来了一些难度,这也更考验我们的设计功力,用不同文字的主题配以相同的图片设计,以最大化的角度体现出文字的中心思想,设计应当如此!


 banner设计案例


三、图片相关类配搭的设计

其实这类Banner的设计可能与上述的第二点较为相似,但实际上两者之间的区别又显得一目了然,是的,在本类图片的配搭上无所谓点不点缀,更为主要的则是以丰富文字方式的表达以作衬托。


 网页设计-banner案例


这样以鲜明的颜色、图片为主体,加之以衬托文字类的意识表达,其实我们可以用更多丰富图片做为配搭,当然颜色是需要控制的,整体的设计不是简简单单用几种不同颜色随意摆放即可。


 网页设计-banner案例


这样以鲜明的颜色、图片为主体,加之以衬托文字类的意识表达,其实我们可以用更多丰富图片做为配搭,当然颜色是需要控制的,整体的设计不是简简单单用几种不同颜色随意摆放即可。


 banner设计案例



 网页设计-banner案例


四、“另类式”视觉的设计


 banner设计案例


本类的设计,其实这个另类式是加以“”的,但凡视觉冲击3D类的设计,严重都是以大牛或出自团队之手的作品,而于目前流行的“另类式”设计而言更有“杂货”的味道。


 网页设计-banner案例


说到视觉冲击,自然而然的都会联系到3D化的设计作品,或以科幻为主题制作,或以图形字的方式体现,当然有能力的设计者们已经涉足3D这个高级领域,而这里就不多做谈论,毕竟笔者没有接触过。


 banner设计案例


相对于3D,其实笔者更喜欢用图形字的角度去表达文字的主题,以各种图片不同的资态呈现出文字的思想中心,当然这样的工作视文字的复杂性而定,也在一定程度上考验团队的合作性。


 网页设计-banner案例


更多网站设计、网站优化文章 请访问北京网页设计(www.internetke.com) 查看>>