网站建设之Banner案例分析

 

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

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

　　一、文图为中心的设计

　　

 

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

　　

 

　　

 

　　

 

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

　　二、图片表达中心的设计

　　

 

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

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

　　

 

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

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

　　

 

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

　　

 

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

　　

 

　　

 

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

　　

 

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

　　

 

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

　　

 

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

　　

 

　　笔者心声：

　　自上一文“浅谈Banner 设计与制作”，与大家分享了不少个人的见解，很高兴能在本文再此与各位读者相见，由于个人水平有限，文章错误之处还望各位见谅，UED的工作是本人一直向往的目标，遗憾的是有由于创意、技术所限导致我那UED梦的破碎，但笔者一直相信兴趣才是最好的老师，我希望在这条UED路上，用不同的方式演绎出自我的精彩~!在此再次感谢那些优秀UED团队的作品!

---