Banner是整个网页中最大的一张图片,它给用户传达的信息量最大,给用户的吸引力也最大,如果这个Banner很普通,那么就会导致整个网站都显得很普通。相反的,如果这个Banner做的漂亮吸引眼球,Banner图的配色也和整个网站的信息、Logo、Vi色系统一,那么能给用户传递更加专业的企业形象,同时给网站带来很多的亮点。

案例分析

当我们去思考和探索网页中的Banner形式以及Banner如何更好的传递信息时。不难发现,大部分优质的网页都有相似的地方。如文字内容往往在左侧,简洁易赅的传递最有用、最吸引眼球或者最有价值的信息。因为人们关注点往往是从上往下以及从左往右的,同时太复杂的信息浏览者是没有时间去研究的。这也说明优秀网页中的Banner设计在运用中,做到了对用户体验的思考和总结。

本次通过对30多个B端安全平台相关的网页比对分析。发现越是优秀的网站,Banner越是大胆超前。如:绿盟为了树立更好的品牌形象,直接在Banner按钮上,投放了近3分钟的视频,详细介绍不同场景下的身份安全重要性。给用户一种切身实际的体验和感受。毕竟直观的视频讲解,远比静态文字的描述,来的更加详细。


国际版中,更是应对国际市场审美,直接运用了视频Banner以及特效背景,打造优秀、统一的品牌形象。


除此之外如润联、安恒、360、安全狗等,都喜欢在banner上运用2.5D、粒子,简洁富有质感的照片等表现手法。因为这类表现手法更容易在B端营造出科技感、安全感等,专业的品牌形象。

亮点

然而在这众多的安全网站中,从品牌打造的角度来看。腾讯安全一定是最让人眼前一亮,品牌塑造感最强的一个平台。

从页面上Banner运用沉稳深色的背景,搭配金属玻璃质感,高亮品牌主题色,加上合理的留白,更使得进入网页的第一反应就是舒服。而舒适感正是对于“安全”中最重要的感受。除此之外,广告区域中对应的产品,同样使用3D元素。打造出统一的视觉感。使得整个网页的一屏浏览区间非常的整洁和整体。即使跳转全部产品页面。

依然是3D立体的Banner图,配合广告区域的3D设计,使得用户对于页面的跳转没有任何视觉上的差异感和负担。

实际上视觉的表现手法确实可以有很多种,这里并不是在说2.5D、粒子、插画、图片等等手法不好。但个人认为简洁的3D背景图更加适合互联网、科技型企业。能帮助企业打造更专业的品牌形象,树立更好的品牌调性;也更顺应了当下设计的趋势。并且在写这篇文章的时候,发现官网地址进行了变更,下图老版新版的对比。可见腾讯安全这样的大厂也在牢牢的向3D设计的趋势靠拢。


除竞品类的安全平台外。阿里云、抖音开放平台等更是将3D和动态结合进行轮播吸引用户

AlibabaDesgin更是将3D元素做到了组件化中,运用更是扩展到了海报、图标等各类设计中。这些都是可以借鉴和学习的。

总结

以上案例大部分都是从B端的角度来说的,实际上C端产品上3D的表现会更加丰富。Banner图作为网站中最能传递信息、树立品牌形象的承载地方。我们如果能更好的做到利用网页Banner图,往往也能提高产品的点击率和转化率。通过打造品牌专业感,大大提高用户的信服度。