用一篇超全面的文章，帮你掌握Banner 基础构成形式

编者按：做一张Banner 需要掌握版式、字体、配色等等，那么庞大的知识体系，应该如何习？本从版这个知识点入手，告诉你应该如何掌握全面的Banner 设计知识。

上图是自己平时对 banner 一个抽丝剥茧的过程，可看到，通过一级一级的分析，你会发现一个小小的 banner 设计可囊括设计的各个分支。实只要再心分析，如标题可有哪些样式，几何形的研究又有哪些，颜色的心暗示等等，你会发现设计的知识体系就慢慢建立起来了。你可具体到某个模上，如自己在这个知识树体系，色彩是太好，再细致些我渐变色的好，都可有的放矢的强某个模的习，至于一把抓，没有重点。

今天选择 banner 中文字形式个模块手，通形式和排版来做一个更的梳理，也和大家一道去学习。

中轴型排版

△ 实例（工作及收集容）

中轴型排版，以上的图例便是种排版形式，在做电活动报的时中轴型是很出效果的一种形式。

这种方式使画面规整稳定、醒目大方，视觉更聚焦，息更集中，在突出主体的同能使整体画面有一定的冲击力。

相来说，于实物（，商品，创造形象）要求并不高，文信息本身处理需要更显功力。

抛文字，色彩，点缀元素，总结了几较典型的排版骨骼样式：

分割型排版

△ 实例（工作及收集内容）

分割型排版，以分割排版构图，画有明确独立性和引导性。这留白更多，较好视觉引导和使信息更明确，更显品质感。

相对，对于图的品质求高，精致感品质感高。

抛开字，色彩，点缀等元素，总结了几个较典的版骨骼样式：

满版型排版

△ 实例

满版型排版，使用面积的元素传达直观具强烈的视觉刺激的。当制作的图片中极明确的主体，且文案较少时可以采用满版型排版。这种方式视感强，入感高。例如节日专题活动，会员营活动。

见的满版版有整体满版、细节满版和字满版。

相对来说，文字与背元素的处理关系需要更加明确细微。

抛开文字，色彩，点缀等素，总结了个较典型的排版骨骼式：

排版的方式还有多，大致总结下来为：中心型排版，中轴型排版，割型排版，骨骼型排版，倾斜型排版，版型排版，上面图例的析总结也是以计比较集中的类型进行了说，之后还需要不停的挖掘和提高。

总结的样式

通上述图例的分析，最终我们的设计品应该尽能地满以下目标：

  1. 和谐统一

元素与元素之间，或所元素构的整体一种协调的关系，比如小、颜色风格的协调。

  2. 比突出

即把2个或者多个反差大的素放在一起，使人觉主体鲜突出，整体活跃而统一，比如大、数量、色彩、形状的对比。

  3. 画面平衡

即元素与元素之间，元素与整体之间的大小、形状、数量、色彩、材质等的分布与视觉上的平衡。

  4. 节奏韵律

画或多元素按定规律排列，会生音乐般旋律感。

今天重点家总结了两点，一 banner 的拆分剖析，以便我们对设知识体系的建立训练，二设作中常用版式的分析实例，希望能对家平日的设作与学习帮。

在设计过程中，我们会各种设计论和手法呈现最后的设计，实都是为了形成秩序。因为设计的本质都是为了传播，设计容都是为了户解和遵从你的思路，解作，产生共鸣，这实就是一种秩序之美。

想想平时有没有遇到：

场一

设计师A做一款产品的运营宣传长图，给到ta的朋B（完不混设计圈）：

A：看我做的产品设计稿。

B：呀呀呀，这牛，美美哒！

A：般般啦，费了不少时。

B：嗯嗯，不过我看那部分产品介绍的图不好看，对比图的方不够吧。

A：这个……

接来或许又是一番解释。

场景二

设计师A做了一款产的营宣传长图，给到ta的友B（全混设计圈）：

A：这是我们最要推的。

B：哦，扫地机器人，我喜欢。

A：怎，有兴趣没？

B：感觉功能不强大，我前看过比这个更。

样是个内容，你会发现切入度不，你到答案自然也千里。看成岭侧成峰，远近高低各不。我们着眼和用户（受众）理解是很难成致。所以这其「设计秩序」很关键，我们需要让用户（受众）能够看下去，不管是什么度切进去，能好好看完我们设计可以了，剩下由用户（受众）自己去判断和理解。

所以落回今天的内，我们对于形式的理解掌握就显得很重，通过合理的设形式展示我们的内，好的传递信息，形秩序，引导用户去产共鸣，增加我们的点击。