banner设计的原则有：
一、对齐原则
相关的内容要对齐，方便用户视线快速移动，一眼看到最重要的信息。

二、聚拢原则
将内容分成几个区域，相关内容都聚在一个区域中。
三、留白原则
千万不要把banner排得密密麻麻，要留出一定的空间，这样既减少了banner的压迫感，又可以引导读者视线，突出重点内容。
四、降噪原则
颜色过多、字体过多、图形过繁，都是分散读者注意力的”噪音”。
五、重复原则
排版时，要注意整个设计的一致性和连贯性，避免出现不同类型的视觉元素。
六、对比原则
加大不同元素的视觉差异，这样既增加了banner的活泼，又突出了视觉重点，方便用户一眼浏览到重要的信息。

1、网站Banner图构图

构图是网站建设和设计中最重要也是最基础的一部分，我们在设计网站Banner图中都需要先经过排版，确定出Banner整体效果之后，我们在进行创意性的整体填充，这样做的目的就是让Banner样式更加丰富。其实网站Banner中最根本还是图文的集合，我们在设计Banner中可以按照下面几种图文集合的方式进行：左字右图、左图右字、左中右构图、上下构图、文字作为主体居中、不规则构图，按照这种排版方式我们就可以做出效果和内容更加丰富的Banner。

2、Banner中字体呈现出来的效果

字体在Banner中表现出来的作用无可替代，因为字体的气质和样式以及画质直接决定banner设计中好坏，如果Banner中字体设计出来特别难看，这在用户心中就会直接大打折扣。因此，我们在选择字体就就需要采用宋体和细黑体两种形式，这样设计出来Banner整体看起来更符合网站，也更符合整体网站和谐性。

3、Banner配色

Banner配色通常都是根据网站内容和网站整体风格进行适当搭配，这样做的好处就在于让网站Banner图中颜色调节饱和度和明度。例如，我们在设计网站Banner的时候，可以采取黄黑白这三种颜色搭配的方式进行，这样做出来的效果更加颜色效果对比鲜明，而且视觉效果更加具有冲击力。推荐阅读:网站优化首页轮播图设计的技巧

4、Banner装饰

无论做任何网站都需要进行内容、颜色和图片的装饰，因此在网站Banner中同样也是如此，我们在Banner中加入一些小的元素和小装饰这样让Banner更加具有设计感，起到点缀和丰富画面的作用。

我们再设计Banner中就需要进行点、线、面相互组合，相互平衡，设计出来的Banner图更加丰富多彩，再加上字体的选择与设计、配色的分析、装饰的应用彰显出Banner与众不同。

Banner构图包括：垂直水平构图，文案居中，比较随意直观，可灵活操作；倾斜构图，文案居中，常用于促销类；几何构图，例如文案位于三角内，结构感强；倾斜式构图；辐射式构图等。

一、Banner的分类

按照不同的分类标准，就有不同的分法，例如：按形式感分，有扁平化Banner和立体感Banner；按是否促销分类，有促销Banner和非促销Banner；按构图方式分类，有左文右图式banner、左图右文式banner、居中式banner。这里，按表现的特点分为四大类–年轻化Banner、文艺范Banner、品牌感Banner和大气化Banner。

二、年轻化Banner特点

文案通常用促销刚劲类的字体，点缀元素常用一些几何图形或众多商品元素。

三、文艺范Banner特点

文案通常用瘦长类的字体，构图稳重、整体协调、用色淡雅。比如：用邻近色搭配背景和点缀元素，这时背景与商品颜色邻近的跨度小，背景与点缀颜色邻近的跨度大。

四、品牌感Banner特点

有logo，主色通常用logo上的颜色，文案字体也一般用Logo上的字体，banner主体是品牌特征。

五、大气化Banner特点

常运用一些表现手法，例如联想、意识流思维，不以文案为核心，着重表现主体。

六、字体的选用

①纤细类字体，方正清刻本悦宋、小米兰亭、方正兰亭纤黑、方正兰亭超细黑、华文黑体、汉仪瑞意宋、汉仪宋韵朗黑。

②粗体类字体，方正兰亭中黑/超粗、方正正中黑、造字工房尚黑。

③促销类字体，迷你简菱心、造字工房版黑/劲黑、华康俪金黑、方正粗谭黑、爱度综艺简体。

④书法宇体，汉仪尚巍手书、汉仪综艺体。

七、Banner处理技巧

①文案处理

■文字分层，例如错层阴影，让字体有层次感，又或者将文案置于模特或产品图的背后，这是非常常见的。

■形状点缀，常见的是直线点缀，用来区分文案内容，也有几何图形来进行装饰和点缀，从而突出文案，让阅读更流畅。

■笔触相连，分为细节连接和整体连接：细节连接是局部的笔画相连；整体连接是多处笔画同时连带。一般运用细节连接，这样不至于让观者产生阅读障碍。

②模特或产品图处理，前提是模特图或产品图该抠的要抠干净，需要优化的要优化处理，素材要择优选取，要体现卖家所需特征。

③背景处理，对于背景的处理，一般有用色、纹理和几何点缀三个方面的处理，呈现体现立体或微立体效果，可以直接构建(微)立体场景，或使用同类渐变色搭建背景。

④点缀元素处理，点缀元素有一定的方向，例如：45度朝上，俯视视角一般有标签点缀、实物图或图(纹)案点缀、圆(球)形等几何点缀。对于几何图形，可通过不同的属性来呈现多样性，比如是否有描边，是否填充等。几何图形的点缀有扁平化与超写实之分。

1.

定义要传达什么信息 设计banner首先一定要传达出网站的信息来，让用户一眼就了解该网站是...

2.

重点信息突出 可以对应到设计上，放的版块...

3.

引导用户 一般用户的习惯都是从上到下

①大牌、时尚、稳重。背景大量留白，色彩单一，常用黑、白、灰无彩色作为主色，凸显主体，适用于数码电子产品，奢侈品牌等。商品或模特比较大，常常截取商品部分细节做展示。不需要太多文案描述，有时只摆放一个Logo。

②时尚、品质感、促销。注重排版，文字规整，比如左对齐、右对齐、居中对齐，不会做一些怪异的字体变形，着重突出一个文字信息，放大形成一个面，压住全局，适当留白。比较适用于与时尚相关的美妆护肤、男女鞋箱包、配饰、食品等。

③可爱、热闹、亲和力。商品很多，画面比较满，会用很多小色块，手绘图形做点缀。比较适合食品、可爱服饰、母婴用品等，给人可爱、可口、甜美、亲和力的感觉。色彩丰富，配色柔和，偏暖，给人热情的感觉。

④文艺、小清新、简约、素雅、安静。这种主题比较适合家居、布艺、棉麻、茶艺、文艺等。超级大面积留白，商品都小小的。跟前面讲的大牌是截然相反的。色彩单一，以浅灰、淡蓝白、米白、棕色，饱和度和纯度低的色彩居多。

banner对于一个设计师来说，肯定不是一个陌生的词语啦，在目前的各个行业领域中基本都涉及到banner的需求，不管是web端还是移动端我们处处都能看到banner的影子，所以掌握banner的设计是我们每一个设计师必备的技能啦！

banner（及横幅广告）是网络广告最早采用的形式，也是目前最常见的形式。横幅广告又称旗帜广告，它是横跨于网页上的矩形公告牌，当用户点击这些横幅的时候，通常可以链接到广告主的网页。是表现商家广告内容的图片，放置在广告商的页面上，是互联网广告中最基本的广告形式！

01：了解和确定banner的设计需求

对于这了解设计需求一点来说，不管是做什么设计的前提都是必不可少的一步，也是最关键的一步，如果你连设计的需求都不明确那么做出来的设计结果肯定就不会符合实际的需求

那么对于banner的设计需求我们具体需要明确那一些呢？

第一点：确定banner设计文案

文案对于设计师来说也是一个很重要的点，设计师可以根据文案信息从中找到设计灵感，并且也可以知道大致的设计风格的走向

第一点：确定banner设计尺寸和投放平台

文案确定后我们还需要知道banner的投放平台和位置，尺寸大小，以及是否需要适配各个平台的展示，

02：明确banner设计的目的

对于设计一张banner，肯定是想要达到某一种目的才会设计这一张banner，所以在设计banner之前一定要了解清楚这一张banner设计的目的是什么，例如：是想要宣传产品还是想要促销产品，两者的性质是完全不一样的，

03：根据得到的banner设计需求确定banner的设计风格

banner的设计风格我们可以从banner文案需求中找到关键词进行定位，比如：全语音智能操作的车载支架A5

从这一句主题文案中我们能够提出的关键词就有：全语言、智能

对于这样的关键词的理解我们肯定第一就会想到科技感智能化时代的画面，所以这里的风格我们也就有所选择啦！

04：选择合适的banner设计版式结构

banner的设计版式结构我们可以大致分为：

居中结构、左对齐结构、右对齐结构

不同需求banner的结构就需要根据实际情况选择啦！

05：选择匹配的元素装饰banner的整体效果（根据实际需求添加）

对于banner的装饰元素我们也是需要根据实际情况和产品banner的特征采取合适的选择，比如简约产品的banner就不需要装饰元素更好，而活动类banner或少女儿童等可爱类的banner设计就需要选择装饰元素更加适合，并且不同形状banner的装饰元素选择也是不同的（前面做了简单的介绍，这里就不再重复啦）

06：色彩搭配选择

色彩的选择也是很关键的，不同性质的banner选择的颜色搭配也是不一样的，适当的颜色搭配会使产品更加凸显或者使画面更加显眼突出，并且给人的感觉也是不同的，

例如：

*黑金配和黑红配就会给人一种高级感

*蓝，黑色，紫等冷色搭配，画面给人硬朗，空间感，速度和力量的感觉更加适合科技感

*红、橙、黄、紫搭配，就会营造出一种热烈的氛围，更加适合时尚和活动类

*黑、白、灰的搭配就会给人一种高冷不宜接近的感觉，更加适合大牌的风格选择

*白、灰的搭配会给人一种宁静、文艺、气质、素雅的感觉，更加适合简约产品的选择

文件大小也有一定的限制，这就在设计上增加了许多障碍。

应采用有吸引力的宣传用语，否则会没有重点；图片并非越多越好，突出重点是关键；颜色不宜过度夸张，努力营造愉悦、舒服的感官感受等等。如何快速高效的设计Banner？要从主题、字体、构图和背景四个方面着手。

主题就是要知道为谁做设计，比如为了某个节日主题活动还是针对某一品牌的预售？是走高端大气上档次路线？还是走促销亲民热闹路线等等。促销、热闹、大牌、简约、可爱、稳重，时尚、文艺，这些关键词往往是一个或多个同时出现在一个banner广告里的，这些主题关系到Banner设计风格的选择。

在设计字体之前，一定要用符合主题的字体，比如男性产品用正黑、女性用倩体、萌萌的卡通体和海报体、文艺的静蕾体、禅意的书法体等等。另外文本在对齐方式上可以选择左对齐、右对齐、或者居中对齐。在形式上可以把标题骨骼归纳为简单的几何形状，如正方形、长方形、菱形 、梯形、圆形、三角形、扇形等。

1、网站Banner图构图

2、Banner中字体呈现出来的效果

3、Banner配色

4、Banner装饰