网页设计之bannner设计案例分享
郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1“Bnner 以其设计中心主要体现意旨，以及形象鲜明表达主要的情感思想或宣传内容”，它可以说是网页设计中必不可少的一个部分，设计者按以网页风格设计与此为衬托的 Banner，或以 Banner 表达文章核心内容作为视觉点缀。笔者从国内几家最活跃的 UED 团队中选取了十四个，各具代表特色的 Banner 设计案例在本文中与大家分享并简析其设计之意，在此特别感想这些 UED 团队的优秀作品为我们学习带来更多的思想开拓。一、文图为中心的设计一、文图为中心的设计这类 Banner 主体设计重心是图片配以文字为点缀的“角色扮演”，由于图片的关联性直接影响到文字的表达，因而在设计这 Banner 时，素材方面同样是需要下一定功夫作收集了解的。郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1这是目前较为热门的设计，主要是以文图为主体设计，最常见的设计配搭则是以透明底图配以文字(体现Banner 文字上的视觉表现)每当用户访问时，这类设计通常快速明了的明达出设计者的意识，再加上图片方面的相关性，一个重以表达的 Banner 便以此成形。二、图片表达中心的设计二、图片表达中心的设计郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1从用户体验角度出发，同一网页设计中过多的相同方案存在，容易令用户产生视觉上的“疲劳”，而其直接影响到用户在体验时的感官视觉。以上、下图的设计案例，这种设计以为在为一定的选图制作上带来了一些难度，这也更考验我们的设计功力，用不同文字的主题配以相同的图片设计，以最大化的角度体现出文字的中心思想，设计应当如此!三、图片相关类配搭的设计三、图片相关类配搭的设计其实这类 Banner 的设计可能与上述的第二点较为相似，但实际上两者之间的区别又显得一目了然，是的，在本类图片的配搭上无所谓点不点缀，更为主要的则是以丰富文字方式的表达以作衬托。郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1这样以鲜明的颜色、图片为主体，加之以衬托文字类的意识表达，其实我们可以用更多丰富图片做为配搭，当然颜色是需要控制的，整体的设计不是简简单单用几种不同颜色随意摆放即可。这样以鲜明的颜色、图片为主体，加之以衬托文字类的意识表达，其实我们可以用更多丰富图片做为配搭，当然颜色是需要控制的，整体的设计不是简简单单用几种不同颜色随意摆放即可。郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1四、四、 “另类式另类式”视觉的设计视觉的设计郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1本类的设计，其实这个另类式是加以“”的，但凡视觉冲击3D 类的设计，严重都是以大牛或出自团队之手的作品，而于目前流行的“另类式”设计而言更有“杂货”的味道。说到视觉冲击，自然而然的都会联系到3D 化的设计作品，或以科幻为主题制作，或以图形字的方式体现，当然有能力的设计者们已经涉足3D 这个高级领域，而这里就不多做谈论，毕竟笔者没有接触过。郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1相对于3D，其实笔者更喜欢用图形字的角度去表达文字的主题，以各种图片不同的资态呈现出文字的思想中心，当然这样的工作视文字的复杂性而定，也在一定程度上考验团队的合作性。郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1郑州网站制作,实战网络营销本文归郑州网站建设 http:/www.wangzhanjs.com/，版权所有，转摘请注明出处. 郑州网站建设新浪博客：http:/blog.sina.com.cn/wangzhanjs1
