-
让品牌有温度、有情感
专注品牌策划15年
Banner构图分类包括（banner图的结构有哪些）
发布时间：2023-04-10 17:22:07
稿源：
创意岭 阅读：
112
大家好！今天让创意岭的小编来大家介绍下关于Banner构图分类包括的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、网页组成结构
一、网站组成结构
1、后台程序
2、空间（服务器）
3、域名
二、页面的组成结构
1、导航
2、banner常见构图方式
A-左右构图：横向banner,左右构图会有更大的发挥空间；平衡性好
B-中轴构图：视觉焦点好
C-上下构图：视觉冲击力好
D-三角构图：稳定性好
E-倾斜构图：
3、Main内容
A-左右布局：不方便；左边会浪费大量空间
B-上下布局：一屏一页，冲击力强
C-三字型布局：简约，排版快，美观；常见的布局形式。
4、Footer页脚
二、平面构成的设计理论，指导设计banner
元素与元素之间的排列关系
所有元素在一起所体现的构成形式
了解几个常用的平面术语
它们之间的排列有下面这么几种：分离／相切／重叠／透叠／结合／减缺／差叠／重叠。
分离： 形与形之间不接触，有一定距离。
相切： 形与形之间的边缘正好相切。
重叠： 形与形之间覆叠关系，由此产生上下前后的空间关系。
透叠： 形与形有透明性的相互交叠，但不产生上下前后的空间关系。
结合： 形与形相互结合成较大的新形状。
减缺： 形与形相互覆叠，覆叠的形状被剪掉。
差叠： 形与形相互交叠，交叠的部分产生一个新的形。
重合： 形与形相互重合，变为一体。
举例
从所有元素（点线面）整体看，其构成形式主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。
下面我们分别来举例说明：
（1）重复
指在同一设计中，相同的形象出现过两次以上，重复是设计中比较常用的手法，以加强给人的印象，造成有规律的节奏感，使画面统一。所谓相同，在重复的构成中主要是指形状、颜色、大小等方面的相同。比如：
形状的重复
骨骼的重复
大小的重复
色彩的重复
肌理的重复
方向的重复
举例：
（2）近似
近似指的是在形状、大小、色彩、肌理等方面有着共同特征，它表现了在统一中呈现生动变化的效果。近似的程度可大可小，如果近似的程度大就产生了重复感。近似程度小就会破坏统一。比如：
形状的近似
骨骼的近似
近视举例： 台湾的一对双胞胎姐妹
Banner举例： 相同款式不同颜色的鞋子，大小不一的波点。
（3）渐变
是我常常听说的一种效果，在自然界中能亲身体验到，在行驶的道路上我们会感到树木由近到远、由大到小的渐变。比如：
形状的渐变
方向的渐变
位置的渐变
大小的渐变
色彩的渐变
骨骼的渐变
光影的渐变
色彩的渐变举例： 故宫淘宝前段时间的表情包
举个例子：
大小渐变举例： 故宫淘宝前段时间的表情包
举个例子：
鞋子的排列方式。
背景的纹理形状
（4）对比
有时候是形态上的对比，有时是色彩和质感的对比。对比可产生明朗、肯定、强烈的视觉效果，给人深刻的印象。比如：
形状的对比
大小的对比
色彩的对比
肌理的对比
位置的对比
重心的对比
空间的对比
虚实的对比
对比举例： 买家秀和买家秀。。。
Banner举例：
（5）密集：
密集在设计中是一种常用的组织图面的手法，基本形在整个构图中可自由散布，有疏有密。最疏或最密的地方常常成为整个设计的视觉焦点，他其实也是对比的一种情况，越密集的地方给人感觉距离越远，反之越近。
点的密集
线的密集
面的密集
密集举例：
banner举例：
（6）发射
是一种常见的自然现象，太阳四射的光芒就是发射的。发射具有方向的规律性，发射中心为最重要的视觉焦点，所有的形象均向中心集中，或由中心散开，有时可造成光学动感，会产生爆炸的感觉，有强烈的视觉效果。
中心点的发射
螺旋式的发射
同心式的发射
发射举例： 星轨／水波／观世音菩萨背后自带的光环
Banner举例： 放射线，使得画面聚焦到中间部分内容。
（7）特异
是指构成要素在有次序的关系里，有意违反次序，使少数个别的要素显得突出，以打破规律性。
形状的特异
大小的特异
色彩的特异
方向的特异
肌理的特异
特异举例： 其实各种类似于连连看的游戏，就是这么个原理
Banner举例： 一家人站成一排，个头比较小的那一个就给人一种特异和俏皮的感觉，使画面不那么单调
（8）空间
利用大小：比如近大远小。
利用重叠：前后／上下等关系。
利用阴影：使物体具有立体感／空间感。
利用疏密：比如间隔越小，越密集，感觉就越远。
利用透视：平行线由宽到窄。
利用色彩：冷色远离，暖色靠近。
利用肌理：越粗糙越近，越细腻越远。
矛盾空间：真实不存在的空间，假想的。
虚实关系：远景／中景／近景。
矛盾空间举例 ：前段时间非常流行的一款游戏《纪念碑谷》。
空间感Banner举例：
（9）分割
把整体分成小的部分。比如：
等形分割
自由分割
比例与数量
分割举例： 来自大自然的梯田
分割Banner举例： 不同比例大小的色块组成Banner的背景。
商品的排列也可以起到分割画面的作用。
（10）肌理
又称质感，由于物体的材料不同，表面的排列、组织、构造等不同，因而产生粗糙感、光滑、软硬感。比如：
笔触的变化
凹凸不平的肌理
喷绘/染
自带的纹理效果
肌理举例： 木材等
肌理Banner举例 ： 背景采用喷墨＋涂色的方式形成了一种很时尚的纹理。
（11）错视
因空间距离或周围环境所造成的视觉差。主要有下面几种：
图中两条线是等长的，由于上下线段两端的箭头方向相反，上线段的箭头占据的空间大，所以上面的线显的较长。
大多数人往往把垂直线看的比水平线要长，这是高估的错觉。在水平线长度为8-10mm时，这种错觉最大。
图中的两条线是相等的。看起来下面的要短，是因为透视的错觉。
标准的正方形左右的边看上去大于上下的边。
图中黑白线段，由于白线段明度大，具有膨胀的现象，所以看以来比黑线段长。
图中组成三、四、五边形的边长都相等，但由于周长和面积的不同，产生边长的不同。
高个子和矮个子在一起，高的会显的越高，矮的会显的越矮。
错视举例 ：比如虚实手绘拼接，比如有些摄影作品
这里要说明的是，错视在一些视差动画的网页页面里运用的会比较多一些，还有一些app的引导页，这里Banner举例的话可能也不太合适，不过也可以给大家看一下：
比如这个画面里的黄色圆点，同样的黄色圆点，在暗色背景上是很突出的，但在同样是黄色的背景上就几乎看不见了，但其实原点是没变的，只是背景的颜色变了，就导致我们看到了不一样的结果
原文来自：
www.woshipm.com/ucd/406308.html
三、电商banner必备设计内容有哪些?
一、走心的文案
好的标题能够吸引你的注意，而糟糕的标题让人看都不想看，扫一眼便略过去了。所以做好Banner的第一件事情，就是需要设计走心的文案。所谓走心就是触动你的心灵，或者说让你感兴趣，可以激发你的点击欲望。
我们时常会看见这样的广告，文案内容直接罗列了公司经营的产品或业务，抑或是像说明书一样详尽介绍产品或服务的主要功能。从广告主的角度来看这是合理的，用户需要知道我们的产品有哪些特点，这样我们的产品和服务才能被记住。
二、均衡的构图
构图说白了其实就是对画面进行布局，明确如何在你构图的引导下吸引用户点击，使用户产生欲望了解内容。如果这些都能达到，那说明你的构图成功了。
三、合适的字体
选择使用一款字体的时候，除了考虑它的易读性，更多考虑的是这款字体能否准确地传达出产品独有的气质。
四、平面设计有哪些构图技巧?
1、垂直构图
垂直构图法的优点：有极强的展现力，可以充分的表现产品，让人感觉画面平衡有秩序有很强的稳定感，同时又具有庄严肃穆和安静的表现力。在广告banner设计方面常用于表现单薄细长的物体。
2、平衡式构图
平衡式构图的优势：给人以满足的感觉，画面结构完美无缺，安排巧妙，对应而平衡。常用于月夜、水面、夜景、新闻等题材。在设计方面常用于地产设计、开水瓶水壶等稳定类产品banner设计。
3、放射性构图
放射性构图的优势：以主体为核心，景物呈向四周扩散放射的构图形式，可使人的注意力集中到被摄主体，而后又有开阔、舒展、扩散的作用。常用于需要突出主体而场面又复杂的场合，也用于使人物或景物在较复杂的情况下产生特殊的效果等表现手法。
4、对角线构图
对角线构图的优势：这种构图打破了人们从左往右 从上往下的阅读习惯，更加有视觉冲击力，让人耳目一新。这种排版，往往重点很突出，直奔主题。
以上就是关于Banner构图分类包括相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
