海报版式设计技巧PPT

海报版式设计建立视觉流程
版式设计的视觉流程
事物因光的作用，使眼睛发现信息而产生 感受。由于视觉范围的局限和差异，人们的视
觉有了一定的走向与习惯，这各习惯的程序就
是视觉流程。 人们在阅读版面时，很自然地一步一步看
下去而形成的无形的顺序“线”，就是编排设
计的视觉流程
版式设计的视觉流程
建立视觉流程
视觉习惯，视觉中心、对比关系、呼应关系、 群组关系……
海报版式设计
Posters layout design skills
汇报人：XXX
海报
THE PREFACE
文字、 图形图像、 色彩
通过版式设计对这三方面的要素 进行创造性的组织
具有独立的创意和审美价值
目录
CONCENTS
CONTENTS SUBTITLE
01 版面视觉中心和视觉流程 02
中文文字排版
GRID SYSTEM
海报版式设计网格系统
版式设计_网格系统
将版面所涉及的一切视觉元素，如正文的 布置、插图的位置、标题效果、页码和边注等
按照一定的片面分隔风格进行布局，并将这一
格式应用到系列设计或多页排版中去，这类版 面的分割格式为风格系统。
理性规范性，便于统一的形象视觉
版式网格设计。
单向式（横向，竖向）、纵横结合式、斜向
式、曲线式，中轴线式、指示导向式、散点 式、复向式、自由导向式……
视觉习惯
普通读者的视觉阅读习惯 古人的视觉阅读习惯
视觉中心
讲究流程的科学性 突出中心
加强可视可读性，
内容形式单纯明了，易于直接
接受理解，处理好各元素的聚集 疏密，快慢节奏，提高视觉效果
视觉中心
网格是版面设计中的骨架，是设计的辅助工具。
轴线：围绕线进行的排版，用线对版面进行骨架的设置是最
简单的一种网格设计形式。
轴线网格可分为：垂直轴线、倾斜轴线、折线、弧线轴线等。
放射线：由一个焦点中心扩展、延伸的线的结构为放射线网格
放射线网格可分为：直线放射，弧线放射、角度放射等。
注：要将重要的信息内容放置在易读懂的位置。
Posters layout design skills
汇报人：XXX
形成聚散起伏的导读线，阅读自然流畅 版面似有一条导向线
对比关系
疏密强弱对比，增强视觉凝聚力 主体与空白对比 色彩对比突出主体
对比关系
掌握文字属性的对比 黑白阴阳的对比 主体大小的对比
群组关系
不同形态的群组编排 不同色调的群组编排
表现方法
单向视觉流程：按照视觉习惯进行水平或 垂直方向的编排。
竖向视觉流程：给人坚定，直观的感觉。 横向视觉流程：有稳定，恬静之感。 特点：信息传达速度快，给人简洁有力之感，适合客观 理性的内容
表现方法
重心视觉流程：以强烈的形象或文字独据版面某个位置或完全充斥 整版，使主题更为鲜明突出
表现方法
反复视觉流程：将相同，近似，渐变的视觉元素做规律秩序有节奏 的编排处理
表现方法
导向视觉流程：通过点、线、箭头或具体形象的方向性等元素，由主及次的 引导读者视线向一定方向顺序运动的方式
表现方法
散点视觉流程：在编排设计中，将图与图、图形与文字呈现一种非常自由、 分散、无序的极具个性化的排列
中心对齐：庄严，传统、肃穆、经典 自由排版：轻松活泼，感性自由，适合少量文字或标题 文字绕图：个性，自由
❸
❹
❺
海 报 版 式 设 计
VISUAl CENTER
海报版式设计视觉中心
视觉中心
版面的视觉中心是指受众注意的焦点， 合理利用人ቤተ መጻሕፍቲ ባይዱ视觉重点及顺序进行整体 排版。
视觉中心
九宫格分割法，画面主要元素 在九宫格内
CONTENTS SUBTITLE
03
网格系统
CONTENTS SUBTITLE
TEXT
TYPESETTING
海报版式设计_文字
文字
一个字 一行字 一段字 点 线 面
间距比较大
间距比较小
虚线
实线
点线面相互转换
❶ ❷
左对齐：适宜阅读，整齐划一，清晰有序 右对齐：每行的起始部分不规则，适合少量文字，产生特定 视觉效果
视觉中心
一个MTV的画面，分割很准确， 视觉中心在九宫格左上点，柱子将 画面一分为二
视觉中心
化妆品广告，干净、稳重，字 的位置请注意
视觉中心
Windows XP 宣传片头，比较 爽快，同样严谨，规矩
海 报 版 式 设 计
海 报 版 式 设 计
Establishing
visual process
膨胀：膨胀：由一组同心圆的部分弧构成的结构线是膨胀 网格的特点。在这样的弧线上按排文字或图形，视觉上有膨胀 气球的感觉。
矩形分割：矩形分割是最经典的网格设计。在版面中，设计水平线或垂直线使它们交织 形成分割，以此来组织，约束文字、图形、形成恰当比例的空白，使页面主次分明、经纬清
晰，层次多样。
谢谢观赏
表现方法
曲向视觉流程：由编排设计中的各视觉 要素随弧线或旋转进行运动化的编排构成
形式：弧线形（C形）视觉流程和回旋形（S形） 视觉流程。 特点：给人以节奏韵律感或优雅柔美的感受 营造轻松随意的阅读气氛。
表现方法
斜向视觉流程：斜向方向的编排，具有不安定因素而抓住 视觉，以不稳定的动势引起注意
特点：视线一般从左上角向右下角移动，或反之，给人动态的不稳定感及 速度感，比较适合一些运动速度的题材