网站模板Banner的两种图文排版模式

2018-08-03

网站模板Banner图是设计师们着重注意的地方,而Banner的图文排版是网站模板设计的重要技巧之一,首先,你要找到一张精美的图片,并给他配上相应的文案,如果这些都准备好了,就可以着手进行图文排版了。网站模板Banner的图文排版主要有两种模式,今天小编跟大家详细讲解这两种模式。

一、割据屏幕的排版模式

网站模板Banner的割据屏幕排版

割据屏幕的排版模式指的是图片与文案分别占据Banner的两边,互不干扰又相互补充说明。这种排版模式同时强调图片与文案的存在,考虑到用户的角度,用户是习惯性的从左往右阅读内容,网站模板将这两者结合在一起,充分把Banner图要传达的信息展示出来。

这种网站模板设计着重于图文的相关性,不管是在内容上还是在颜色设计上,要做到文字排版与图片相互关联,即注意文案的颜色与图片相近,大小体现主次之分,字体符合图片风格,对齐方式符合用户的阅读习惯。

二、堆叠排版

网站模板Banner的堆叠排版

图文堆叠排版的模式变化形式较丰富,排版灵活,给用户带来不同的视觉内容或感受,网站模板中大多以大图为背景,文案或排版在图片的留白区域,或在图片叠加的图层或色块上排版等。堆叠排版图文,要注意文案排版时是否遮盖了图片的内容,进行适时的调整,还有一点,要注意突出文案,这可以通过强化文案的颜色,使之与图片颜色形成对比的方式。

网站模板不管使用那种图文排版方式,都要考虑到文案的可读性与易读性,和页面整体效果是否出彩,局部排版要服务于整体效果的,这样的网站模板Banner图设计的才巧妙!

免费使用