Canva可画首页
  1. 设计百科

网站banner设计三要素:文案、风格、排版

Banner(在新标签页或窗口中打开)作为网站的门面,人们进入网站看到的第一个视觉画面就是网站banner.由于位置的特殊性让banner在网站中格外的显眼,有时积奠了整个网站的风格。设计通常要依照运营的需求或是活动节日的需要进行风格选择,因此沟通是设计的第一步。

首先确认banner的主题和文案。是不是活动节日的banner,banner主图是放置产品还是模特,确定设计方向和风格。

  • 活动banner

节日活动的banner主题有时是给出了相关的文案主题,有时则直接用节日活动的名称作为主题,如父亲节,618电商节,双十一,双十二。

Banner design of web site

这张为618年中购物节主题活动banner,通过灯管元素营造现代霓虹的气氛,打造购物节的活动气氛,整体画面清爽舒服,符合夏日来临的时节。

  • 品类banner

当要为某一个品类宣传造势时,banner设计主题就需要直接用到品类名称,更为直接有效传递促销活动信息。

Banner design of web site

Banner主题为沐浴露专场,浅色背景加上简约的形状线条曲线装饰,打造简约风格,让主题更加突出。

  • 产品banner

当要某一个系列的产品或单品宣传推广时,通常要凸显产品特色和系列优点。这种促销方式通常会针对新产品系列进行广告宣传。

Banner design of web site

Banner选择印花复古系列服装作为宣传靠点,以小放大,有针对的将当季流行或是销量较好的系列作为宣传亮点。


当设计方向和风格确认之后,排版成为关键的一步。背景元素、文案和产品该如何排列组合让视觉呈现出想要的效果。文案与背景元素、文案与主视觉元素通常有以下几种排列形式。

  • 左右排版

左右排版让内容的传达更为直接,人们的视觉很容易从左右排版这种常用的视觉习惯中找到有效讯息。

  • 居中排版

中心位置是整个版面最容易聚焦的位置,在这个位置放置圆形作为背景元素,让整个画面的焦点重心都集中到一个位置。

  • 长方形应用
Banner design of web site

长方形与banner形状为一个类型,在banner设计中被运用很多,具有稳定性,让画面元素更加协调稳定。

  • 三角形应用
Banner design of web site

三角形与方形不同,看似打破常规,实则也在线条的约束当中。三角形比正方形更加活泼,具有个性与特色。

不同方式的排版给人的视觉体验各不相同。在canva,选择丰富高质量的模板(在新标签页或窗口中打开)参考或是个性化定制,海量素材(在新标签页或窗口中打开)库满足你的设计需求。网站banner设计,我在canva等你。

推荐阅读

查看全部

设计学院

10万+免费模板 千万版权素材 在线作图神器

把你的想法轻松变为现实