Question

怎么设计网页banner

Answer 1

01.重心型

重心型版式的banner容易让浏览者产生视觉焦点，界面效果强烈且突出。其中最常见的是反差对比的方式。

差异越大反差越明衫祥显，能让特定要素更显眼，相反差异不大越不明显，也无法体现出重要的要素与重要的信息，就不会给读者一种强烈的印象。

02.分割型

分割型主要可以分成上下分割和左右分割。因为banner一般是高度比较窄，所以左右分割型会比较常见。上下分割的banner会比较少见。

左右分割就把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，则造成视觉心理的不平衡。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。

03.倾斜型

倾斜型的banner比较偏个性化一些，多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计，造成版面强烈的动感和不稳定因素，这种设计比较引人注目，有时候会被归类到左右分割型。

04.满版型

满版型的banner比较好理解，通常是版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。

文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉。

05.曲线型

图片或文字在版面结构上作曲线的编排构成，产生节奏和韵律。多出现在运动型的banner设计中。

把许多相同形状的要素以多种角度编排可以营造出节奏感来。仅此一点，就能营造出跳跃的节奏。

06.对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。banner对称一般以左右对称居多。

07.四角型

四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种盯盯结构的版面，给人以严谨，规范的感觉。下图是四角型的一种，同时也用到了凯塌和左右分割的排版设计技巧，你发现了吗？

不同的排版可以给人不同的视觉感受，好的排版会让banner更加的出彩。版式也没有绝对的好坏，只有适合和不适合。