Banner图的设计在网站设计中的重要性

在APP开发、网站开发时，banner图都是最重要的。特别是网站，很多网站打开首页后，banner图基本上覆盖了整个屏幕，banner图基本上永远放在一个界面最重要的位置，因此，banner的好坏无论是对设计师还是产品本身都是非常重要的。今天，乐信科技小编带大家聊一聊关于banner图的设计。

首先，我们先了解一下什么是平面构成。百度百科的解释是：平面构成是视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法，是理性与感性相结合的产物。我的理解，平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言，他可以是抽象的，也可以是具象的，可以是感性的，也可以是理性的，同时它也不是独立存在的，而是伴随着色彩/肌理/光影等而存在的。基本上世间万物，所有我们接触到的或无法接触到的，看得见的或看不见的事物里都有平面构成的运用和身影。

 

其次，我们要了解Banner图是由什么组成的。比如电商Banner，组成要素一般包含4个方面：文案 、商品/模特、背景、点缀物。Banner的作用是：宣传/展示/广而告之/准确传达信息。

 

第三、我们该如何在Banner图设计中运用平面构成呢？在前面我们提到，平面构成主要是在二维空间运用点、线、面结合一定的规律所形成的一种视觉语言，而Banner中的所有元素(文案/商品或模特/背景/点缀物)其实都可以看作是平面构成里的点线面这些构成元素。

　　那么，接下来我们就需要了解3个有关平面构成的概念了：

　　1、元素与元素之间的排列关系

　　2、所有元素在一起所体现的构成形式

　　3、了解几个常用的平面术语

 

　　接下来，我们分别了解下这几个概念：

　　1、元素与元素之间的排列关系

　　它们之间的排列有下面这么几种：分离/相切/重叠/透叠/结合/减缺/差叠/重叠。

　　分离：形与形之间不接触，有一定距离。

　　相切：形与形之间的边缘正好相切。

　　重叠：形与形之间覆叠关系，由此产生上下前后的空间关系。

　　透叠：形与形有透明性的相互交叠，但不产生上下前后的空间关系。

　　结合：形与形相互结合成较大的新形状。

　　减缺：形与形相互覆叠，覆叠的形状被剪掉。

　　差叠：形与形相互交叠，交叠的部分产生一个新的形。

　　重合：形与形相互重合，变为一体。

　　2、所有元素在一起所体现的构成形式

　　从所有元素(点线面)整体看，其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。

 

　　以上呢，我就先总结这么多，其实所有的Banner版式都是大同小异的，因为我们前面提到，Banner是由文案/模特或商品/背景/点缀物组成的，而所有这些元素就相当于我们平面构成里的点线面，当我们改变这些元素的角度/距离/大小/数量/样式/颜色等，新的版式也就产生了，所以，大家不妨也试试看哦。

　　当我们在做一个banner的时候，如果没有特别的要求，其实我们是有很多个方向选择的，首先问下自己你是想要突出什么信息呢?是突出商品呢?还是突出文字呢?还是突出整体的氛围呢?还是强调整体的协调感呢?还是说强调品牌呢?

　　一般来说，一个好的Banner首先是要保证信息传达准确，然后再需要保证画面的协调感和氛围的。