海报排版

版面布局
• 将你确定需要放置的文案、人物、产品安排到版面上的某 一块区域。另外可视化信息元素在版面布局上调整位置、 大小，使版面达到美观的视觉效果。在布局过程中，我们 可以遵循的常见原则，正常平衡—亦称”匀称”，多指左 右、上下对照形式。
• 注意，这里我们必须遵循突出重点、平衡协调的 原则 • 归纳——将内容分成几个区域，相关内容都聚在 一个区域中。之后就按照你布局去寻找符合版面 布局的方向、空间，比如人物的姿势、产品的的 角度。 • 留白——不要把海报排得密密麻麻，留出一定的 空间，减少压迫感。
对角线构图把主体安排在对角线上，能有效利用画面对角线的长度， 同时也能使陪体和主体发生直接关系。这种构图富于动感，显得活 泼，容易产生线条的汇聚趋势，吸引人的视线，达到突出主体的效 果。
S/Z型构图具有延长、变化的特点，使画面看上去有韵律感， 产生优美、雅致、协调的感觉。但是难度系数比较大，做不 好容易产生乱的感觉。
常见的版面分割
分割形式都是由直线构成、它让设计严肃、理性起来，但有时也显得呆板生硬。
倾斜分割让版面更具速度和动感 在运动/促销/游戏设计中常使用，倾斜的方向不同也 会给人有下滑或上升的感受。
三角形是一个具有稳定性的形状，同时也具有一定的视觉引导。通常会给人时尚 的、尖锐的、暴力刺激等感受
不同于尖锐三角形的圆形它外形光滑饱满会让人感觉可爱、灵动，让画面更有亲和力。 通常在母婴、欢乐这种主题较为常见
中心布局容易出效果，也比较容易才受到很多设计师的喜爱。与其 它版面布局不同，它以中心开始布局向外扩张。而且大多数这类布 局的中心是模特。可能会跟左中右布局混淆，左中右是3个区域都 是各自对应的内容，而中心布局则都是以版面中心点居中布局。
九宫格布局也叫井字构图，将整个画面在横、竖两个方向上各用两条直 线分割成等份的三部分，形成一个“井”字，将主题放置在任意直线的 交点上，或者任意一条直线上，这种构图给人以和谐美感，是画面富有 活力。
制作电商海报五部曲
电商海报五部曲
• • • • • 1-版面分割 2-版面布局 3-文案排版 4-配色 5-细节表现
版面分割
• 版式分割是指在有限的版面空间里用图形或图片 把整个版面分割为2个或者多个部分（列如上下或 左右）并分别在左或右配置人物或标题等，把构 思与计划以视觉形式表达出来，这样会让你的设 计更有创造性。
分割在设计中的应用
通过对版面的分割并且采用了倾斜性的分割形式，然版面立刻活跃起来、更加有 节奏感。另外通过2快几乎相等的面积的对比色配色更大的加大了画面对视觉的 冲击。
上面的设计通过圆的外形来分割页面，文案和画面信息我们能知道这是有关于宝宝 的促销设计。圆的外形更容易给人亲和力，使人更容易接纳。它的细节更在于在于 圆本身的细节把圆形更生动和具有层次感，而不单单只是一个简单的形状。
1、常见排版方式
左对齐
右对齐
居中对齐
自由型
例子演示
2、明确主、副标题及描述
• 文字排版应用的核心是对比，而对谁做对比，怎么对比？
• 主标题大、粗、醒目。副标题与主标题用同一字体，
略大，略粗，较为规整。描述——常伴有形搭配来划出 分隔。利于阅读，较细、较小（有些文案没有描述或副 标题时，可彼此借鉴综合使用）
不规则的形状分割版面比单纯的几何形状分割更有创造力，它营造的氛围十足。
有分割
无分割
• 失去了对比、节奏感、氛围这 些方面的视觉感受
有分割
无分割
• 采用三角形的分割形式让版面更具有刺 激和对立的感觉，在失去了版面分割之 后变成了普通的一个设计
总结
• 1-版面分割使设计有层次、活跃、节奏感 • 2-版面分割不单单只是几何形式 • 3-具象的物体分割版面会更具有趣味性和创造力
• 另外在字体的选择上尽量不要使用识别度较低，特性异 性的字体。
举个例子
小版块颜色不宜过多
主副标题进行区分
3、主标题的应用
• 一般情况下，我们都是以主题的长度为一个文字 排版的左右宽幅，而如果主标题过长会导致我们 的视觉点被拉长，文字如果都以主标题为基准去 排列会显的臃肿，不按主标题去排列，主标题和 其它文字之间会有很明显的断档，所以一般情况 下，档主标题超过8个字的时候我们可以选择性 地分段。
• 当开头使用整体文案中最大或最粗的文字，会让 画面头重脚轻，有很强的压迫感。多以副标题或 缩小的主标题作为开头比较合理。
• 主标题字数略少时候可以单独以主标题的每一个 字作为一个图层样式，通过大小变化、粗细变化、 旋转、叠加、排列等方式灵活运用主标题，必要 时可附带特效。
4、行距和间距
• 行距与间距的把握是文字排版中最为点睛的一环， 如果控制得好，整个文案都会很和谐，如果控制 不好即便上边提到的几个技巧都做的完善也会感 觉整体非常不舒服。距离的把空中我们一定要慎 重考虑承重是否合理，直白的说你就是下方的文 案能否撑得住上方的文案，而这个撑的含义就是 通过行距与间距去展现的。
添加装饰
使用大写字母
• 你大概是我见过最可爱的人了因为没有比你更可 爱的了 • 你大概，是我，见过，最，可爱的人了……
减少使用标点符号
常见的版面布局
左右结构的布局，文字在左或右。它是在Banenr 版面布局中经常出 现的，其主要的特点是视觉上面比较清晰容易分辨、清爽直白。
左中右的版面布局相比左右布局来说是丰富了许多、层ห้องสมุดไป่ตู้感也从2 到3，不过左右是文字还是人物和产品要注意的是一定要保证信息 的可正常阅读，不要影响信息的传达。
上下结构从案例中大家能看的出来，模特不怎么符合这种版面布局。 相对于商品而言就显的合适多了。上下布局通常也是比较少见，因 为比较难掌控。
• 行距与间距的把握是文字排版中最为点睛的一环，如 果控制得好，整个文案都会很和谐，如果控制不好即便
上边提到的几个技巧都做的完善也会感觉整体非常不舒
服。距离的把空中我们一定要慎重考虑承重是否合理，
直白的说你就是下方的文案能否撑得住上方的文案，而
这个撑的含义就是通过行距与间距去展现的。
尽量不要超过单一文字的二分之一
压住四角法：主题对角线构图，重要内容放在对角线轨迹，即画 面中心上，其他信息放于对角线以外的角落里，压住四角。
总结
• 1-常见布局有 左右、左中有、上下和中心 • 2-不同的布局不用的需求，大家多尝试不是件坏 事 • 3-版面的布局的有不同，合适才是最好的
文案排版
• 我们视觉阅读的习惯是从上至下、从左至右的顺 序，除了根据特别板式需要的倾斜、透视等排版 方式。大部分情况下还是使用左对齐、居中、对 齐排版方式。