别以为Banner没有技术含量 分分钟钟让网页设计师痛不欲生

Banner在网页设计中占有很重要的位置，也是最能吸引用户眼球的元素之一。很多人认为Banner设计没有什麽技术含量，只要随便放两张图、排几个字的事就可以了。事实上Banner设计要研究的东西就很难，尤其是在短时间内制作一个出彩的Banner。下面，Inspirr Creation就为大家分享一些做Banner的小经验。

一、版式

在明确网站主题和内容後，我们就要根据主题和内容设计版式，即排版布局。确定Banner布局时，一定要清楚表达核心思路，正确展示想要给用户看的东西。

排版一般分为两种：

1.图文左右排版

图文左右排版是设计Banner中最常用到的方式。以左右图文分割排版的方式构图，能使画面更具独立性和引导性。这种布局方式留白较多，能很好地将Banner的信息更显明确和品质感。

2.文字居中

这种方式多适用於电商促销和公众号文章封面等，主要是为了突出文字内容，其他元素则是为了搭配文字做出的气氛烘托。这样布局会让画面的视觉更聚焦，信息更集中，在突出主体的同时给画面带来一定的冲击力，从而吸引用户点击。

二、文字

文案中的文字要区分主次，使用合适且识别度高的字体，吸引用户的注意力，让人一下子看到主体。主要同一画面中字体的使用尽量不要超过三种，否则会显得非常杂乱。

Banner常用的字体包括：

1.衬线体

衬线体简单且容易变形，能给人一种古典，经典，文艺的感觉，非常适合用於文艺气息的家具用品或文娱类的相关宣传设计

2.非衬线体

非衬线体较简洁，笔画较粗，容易产生视觉重点，突显现代和简约的特性，让标题不会过於死板。非衬线体适用於苍劲有力的促销类相关设计，能很好地吸引用户的注意力，提高Banner点击率。

3.书法体

展现中国文化和挥洒豪气的书法体，适合於传统、中国风、意境的文艺主题和金戈铁马般的豪迈主题，能将整体画面营造的中国古典风更好的融合起来。

三、配色

整个Banner风格中，要设定主色调和辅色调。一般在整个画面中色彩占用最多的颜色就是主色调，而辅色调则是在在整个画面所点缀对比的一个颜色，这两者的关系就就好比电影中的主角和配角。

一般来说，不同的颜色代表的风格和适合场合都是不一样的，如：

黑色代表高端、科技，一般用在汽车、智能科技产品和作品及消息发布上。

白：代表简约，清新，素雅，一般是用在饰品、家居、化妆品等。

每种颜色代表的含义，在设计Banner的时候，要根据设定的主题和文案的内容，选择合适的颜色，衬托想要表达的情绪和氛围，尽量使整体颜色及风格和谐统一，从而抓住用户注意力，提高用户的点击量和转化率。

四、点缀

点缀元素的存在是为了丰富画面，增加画面的活跃氛围，给用户愉悦或刺激感，增加消费者的购买慾望。

点缀元素存在的形式多样，但大致可分为三种：

1.基础形状点缀

这种类型的点缀主要是运用矢量形状以渐变色的方式丰富画面，给用户带来较强的视觉冲击力，从而提高Banner点击率。

2.抽象形状点缀

这种点缀的细节一般会比背景颜色较深，同时整体采用微渐变，适当的隐去一些边角，使点缀元素更好地融进背景中，使整个画面变得更加年轻和活泼。

3.卖点提炼点缀

这种点缀方式非常简单，就是把产品的卖点提炼出来，使用背景对比色或邻近色将卖点突显出来。这种设计方式的难度系数不大，其重点在於设计师对色彩和卖点提炼的把控。

如何制作出优秀的Banner?简单来说，就是以上所介绍的四点要根据Banner的主题和风格设计，同时要突出卖点之余还要让画面和谐，这样才能让Banner更赋有品质感。