banner(banner设计要点包括)

35小吃技术网 推荐阅读 2022年09月09日09时55分02秒 335 0

一般来说,Banner分为两个部分:文字和图片。虽然图片占比比较大,但是不加入文字说明的话,有比较多的情况用户是看不懂的,所以文字理所当然也是Banner的主角,文字的设计和排版在Banner图里显得尤为重要。如何做好Banner设计?

banner(banner设计要点包括)-第1张图片

一个好的Banner必须要具备:

①文字简练,意义突出。

②标语精炼,容易记住。

③图片清楚且不宜复杂,颜色少主体明确,以便更好的搭配文字效果。

④产品Banner产品不宜太多, 找准更易识别的产品,提升视觉效果。

banner(banner设计要点包括)-第2张图片banner(banner设计要点包括)-第3张图片

①分清需求文字的主次关系,带有Logo的和不带Logo的主次关系, 带有Logo的应该是Logo始终在前最显眼的位置处,接下来就是标题与标语。好的Banner文字都比较饱满和集中,Logo和标题应该更为醒目,标语作陪衬辅助Logo和标题来进行设计。

banner(banner设计要点包括)-第4张图片

不带有Logo的, 应该是标题应该更为醒目,标语作为陪衬。切记文标题的设计与标语的文字排版,标题永远都应该更为突出,因为标题能给予用户正确的引导。

banner(banner设计要点包括)-第5张图片

②当遇到需求文字过多的情况,要注意主要信息的提取,弱化辅助信息以及一些不重要的词汇。

③当遇到需求文字过少的情况,要注意用配图来弥补空间上的不足,或者是加一些辅助信息(域名等)以丰富画面,又或者是做出美术字体让画面更加丰富。

banner(banner设计要点包括)-第6张图片banner(banner设计要点包括)-第7张图片

Banner分为动态和静态两种模式。我们经常看到的一些网页动态Banner虽然动态的确更能吸引用户眼球, 但是这种方式不适合长期使用,然而稳定的画面不容易引发特别的关注,所以现在的动态Banner以一个全新的微动态效果重新展现在人们眼前,不仅没有引发负面效果,相反的这种微动态更能让整个画面更有活力。

banner(banner设计要点包括)-第8张图片banner(banner设计要点包括)-第9张图片

要时刻把握Banner的大小, 太大的将会给浏览带来压力, 打开时间长了,非常影响用户体验,所以在做的时候必须要时刻注意输出的大小,各个对应尺寸的大小尽量要在不损失图片质量的情况下进行相应的压缩。

banner(banner设计要点包括)-第10张图片banner(banner设计要点包括)-第11张图片

①垂直水平式构图。平行排列每一个产品,每个产品展示效果都很好,各个产品所占比重相同、秩序感强,此类构图给用户心情,产品规矩正式、高大、安全感强。

banner(banner设计要点包括)-第12张图片

②正三角形和倒三角构图。多个产品进行正三角构图,产品立体感强,各个产品所占比重有轻有重,构图稳定自然,空间感强。此类构图给用户心情,安全感极强、稳定可靠。

banner(banner设计要点包括)-第13张图片

多个产品进行倒三角构图,产品立体感极强,各个产品所占比重有轻有重,构图动感活泼失衡,运动感空间感强。此类构图给用户心情,不稳定感激发用户心情,给用户运动的感觉。

banner(banner设计要点包括)-第14张图片

③对角线构图。一个产品或两个产品进行组合对角线构图,产品的空间感强,各个产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图给用户心情,动感十足且稳定。

banner(banner设计要点包括)-第15张图片

④渐次式构图。多个产品进行渐次式排列,产品展示空间感强,各个产品所占比重不同、由大及小、 构图稳定、次序感强,利用透视引导指向。此类构图给用户心情,稳定自然,产品丰富可靠。

banner(banner设计要点包括)-第16张图片

⑤辐射式构图。多个产品进行辐射式构图,产品空间感强,各个产品所占比重不同、由大及小。构图动感活泼、次序感强。此类构图给用户心情,活泼动感,产品丰富可靠。

banner(banner设计要点包括)-第17张图片

⑥框架式构图。单个或多个产品框架式构图,产品展示效果好,有画中画的感觉。构图规整平衡、稳定坚固。此类构图给用户心情,稳定可信赖,产品可靠。

banner(banner设计要点包括)-第18张图片

总之, 要做一个好的Banner图必须要抓住用户的心理,把握用户的需求来进行设计。

banner(banner设计要点包括)-第19张图片