banner设计要点总结（二）:排版与构图
本文整理总结各方bannner设计要点，理清banner设计思路，为自己和许多新手设计师整理提供一份较完整的基础性参考建议。
接下来将继续按以下几个方面的内容展开总结：
1.需求及定位
2.风格、色调与素材
3.排版与构图
4.细节设计：背景填充、文案设计、点缀物设计、配色
5.提升表达力和关注率
6.提升设计感
三、排版与构图
简单来说，所有的Banner版式都是大同小异的，因为Banner其实主要就是由文案、模特或商品、背景、点缀物（不一定有）组成，而这些元素相当于平面构成里的点线面，当我们改变这些元素的角度、距离、大小、数量、样式、颜色等，新的版式也就相应产生，我们可以具体情况具体变通，不同的需求和目的重点都影响到版式和构图的选择，因为要侧重突出表达的信息不同，常见的版式可以简单和几种构图方式对应，但构图的元素、形式等的不同所传达的视觉感知也可能不同，这又关系到一些视觉心理方面的内容。下面将就常见版式和构图作进一步说明。
（一）常见版式
可根据以下几个角度进行版式参考：
1.从活动主题的角度（主要是根据活动主题确定风格以后的角度）
（1）优惠减价的热闹促销
一般此类banner画面中会有较多点缀物，喜欢用大面积暖色，其目的是为了营造热闹的氛围，给人热情有亲和力的感觉，版式以上下或者居中排版的方式居多，这种方式的视觉更聚焦醒目。
可考虑使用下列版式：
（2）年轻活力、不拘一格
这种主题的Banner设计其实跟热闹促销的方法类似，但这种画面里的点缀元素或者模特样式表现得显俏皮活力和时尚，色彩一般较艳丽或明亮，营造一种青春活力、个性十足的感觉，排版方式没有什么特别的限制，发挥空间非常大。
（3）简洁素雅、高端大气
这类banner重在体现一种优越感、神秘感、品质感等，画面中需要多留白，建议用一些简洁的或有棱角的图形设计，切忌用一些较可爱或柔美复杂的线条，同时，商品或模特的品质要高，这个跟低价热闹促销是相反的。
可参考版式：
2.从信息优先级
（1）强调品牌
品牌的文案、logo或者代表性人物会较突出。
（2）强调商品以及SALE
（3）强调整体的氛围：商品融入氛围当中
根据优先级不同，将要强调的商品或者文案等做突出强调设计，使其在版式中占据最突出的位置。
可参考版式为：
3.从品牌调性的角度
品牌调性简单说可以理解是某个平台或者商家的品牌风格统一性，通过某个统一的元素或者统一的设计版式使品牌具有唯一辨识度。这对品牌建设、品牌理念体现等有很大作用，也能使一个平台更具整体性，一般大品牌或者大平台会比较注重这个，这对版式就没有固定的参考，可以通过相关例子感受下。
（1）以品牌LOGO为版式，突出品牌又具有趣味性
（2）统一某种形式并使之成为品牌特点，提高辨识性
（3）统一版式，不同文案、商品和配色，使同一主题不同专题的活动间具有较强相关性，活动版块内容较多，但统一版式后显得更具条理和整体性，一定程度上提高了用户体验感。
（二）常见构图
1.据文案和图标位置分类
（1）左右构图
这种构图形式最常见，容错率也比较高。
（2）左中右构图
这种构图相比左右构图版式会更具丰富度，但较难把握。如果banner上要出现两个人物或商品元素，比较适合左中右构图，或者想要重点突出某一人物或商品时，也使其居中后把文案放在两侧。
（3）上下构图
一般为上字下图。上下构图也较不好掌握，常见于一个Banner中要出现多个人物或商品，多个人物在左右构图里不好摆放时使用。
（4）文字作为主体居中
图片作为背景起装饰作用，或者没有图片素材。常见于文案内容比较抽象、不适宜或者不需要用到图片素材去表达画面内容，或没有一个代表性的图片素材作为画面主体的情况。
（5）自由不规则构图
不规则构图难把握，但会更具设计感。不规则构图其实也是基于一定的规律进行创意变幻，万变不离其宗，但版式更显丰富，会给人眼前一亮的感觉。
2.根据版式形式分类
（1）中心聚焦式重心构图
该类型banner容易让浏览者产生视觉焦点，界面效果强烈且突出，可采用中心射线、斜线、图形等辅助构图，达到聚焦目的。
（2）分割型构图
主要由上下分割和左右分割，左右分割型比较常见。图片部分一般相对感性而有活力，而文案部分则理性而静止。而当两部分形成强弱对比时，则会造成视觉心理的不平衡，不过倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。
（3）倾斜型构图
倾斜型的banner动感富有冲击力，比较具个性化，多在一些强调设计的品牌或是运动品牌的网站中出现。版面的主体形象做倾斜设计，造成版面强烈的动感和不稳定因素，这种设计比较引人注目。
（4）满版型构图
满版型通常是版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、辽阔、舒展的感觉。
（5）曲线型构图
图片或文字在版面结构上作曲线的编排构成，产生节奏和韵律。多出现在运动型的banner设计中。
（6）对称型构图
对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称，如版式相同但有个别元素、颜色的差异变化等，以避免过于严谨显得没有设计感和刻板。banner对称一般以左右对称居多。
（7）三角形构图
在圆形、四方形、三角形等基本形态中，正三角形(金字塔形)是最具安全稳定因素的形态，而圆形和倒三角形则给人以动感和不稳定感。 三角形构图个性、结构感强，排布大小分明。
（8）四角型构图
四角型指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面，给人以严谨，规范、稳定、直观的感觉，常用长方形图形素材辅助。
每种版式设计并非以一种表现形态出现，比如四角型的banner可能会结合对称性的出现或是中轴型，满版型又结合了分割型等，一张banner的设计可能是同时好几种版式形式的综合使用。
不同的排版可以给人不同的视觉感受，好的排版会让banner更加的出彩。版式也没有绝对的好坏，只有适合和不适合。基础薄弱的时候没有灵感，可以使用常用的版式直接套用，但后期就要慢慢培养自己灵活变通的能力，结合需求，利用更适合更出彩的视觉效果来表达banner。
参考网址：
https://www.16xx8.com/photoshop/jiaocheng/2016/142729.html
https://sc.chinaz.com/info/170117108400.htm?qq-pf-to=pcqq.c2c
https://www.chinaz.com/web/2018/0211/857631.shtml?qq-pf-to=pcqq.c2c
