网站设计 webdesign
当前位置:首页 > 网站建设专题 > 网站设计
简析Banner 设计案例
发布日期:2011-05-13 阅读次数:1222 字体大小:

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

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

一、文图为中心的设计

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

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

二、图片表达中心的设计

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

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

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

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

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

感谢 likespc 的投稿