当前位置:文档之家› 版式设计1

版式设计1


常广泛的运用于文学作品和产品宣传册中。
E、突出字首
把开头的第一个字突出加大,幅度一般占到
两到三行行距的空间。
3.标题的编排方式
标题的位置、字体、大小、形状、方向的处
理方式,直接关系到整个版面的艺术风格。
赋有金属感的三维元素,在表达了美迪斯品牌的同时, 又烘托出了重工业的视觉氛围
第一单元
(一)


版面编排设计是一个很广泛的概 念,它被广泛应用到各个相关的设计 领域,不同的领域有不同的侧重点, 例如海报招贴设计,它的版式侧重于 图形元素,而报纸杂志则侧重于文字 编排元素,另外,还有产品包装设计, 则是图形,文字,色块相结合的结果。 所以我们定义版面编排设计;
第一单元
文字与版式设计
版式设计
版式设计原理和理论贯穿于 每个平面设计的始终
版式设计概述
版式设计是现代设计艺术的重要组
成部分,是视觉传达的重要手段, 表面上看,它是一种关于编排的学 问;实际上,它不仅是一种技能, 更是技术与艺术的高度统一。版式 设计是现代设计家必须具有 艺术 修养和技术知识
版式设计的定义
外扩散的弧线的运动
重心型
重心型
三角型
在圆形、矩形、三角形等基本图形中,正三
角形(金字塔形)最具有安全稳定因素
三角型
三角型
并置型
将相同或不同的图片作大小相同而位置不同
的重复排列 并置构成的版面有比较、解说的意味,给予 原本复杂喧闹的版面以秩序、安静、调和与 节奏感
并置型
并置型
(一)


版面编排设计是现代设计艺术的 重要组成部分,是视觉传达的重要 手段,从表面上看,版面编排只是 一种编排的技巧,实际上却是技术 与艺术修养高度统一的结晶。 版面编排设计是指在有限的空间 里将文字、图形、线条、色块等内 容,按一定的方式成功组合排列, 产生美的感觉。
图例
这是一张含有浓厚中 东文化气息的设计作 品,图中阿拉伯女性 的头纱是由阿拉伯文 字组合而成的,是典 型的文字构成图形的 版式,再通过和颜色, 线条等设计元素的有 机组合,使画面产生 特殊的美感。
海报体
在版式中选择两到三种字体为最佳视觉效果。
否则,会产生零乱而缺乏整体效果。
字体版式范例1-1
粗黑体
楷体
黑体
字体版式范例1-2
中宋体
黑体 宋体
B、字号
字号是表示字体大小的术语。计算机字体
的大小,通常采用号数制、点数制、和级 数的计算法。
“点”也称磅,或者使用“p”代表。电脑排版
美体现。
图例
(三)编排的原则
1、主题突出 一个成功的版面设计不是设计师
个人风格的自我陶醉,而是在明
确客户目的的基础上对内容的完
美体现。
图例
(三)编排的原则
2、简明易懂 由于平面类的设计只能在有限的空
间里与读者交流,这就要求版面单
图例
画面选择了产 品的图片,产 品名称等几样 必须的元素,
其余的适当省 略了。使版面 的信息得到精 确的提炼。
(二)版式设计的要求
4、电脑技术的运用,也是编排设
计发展的重要趋势。
图例
图中为我专业一 学生作品,作品 编排运用了计算 机技术,刻意营 造中国绘画中的 干笔触效果,收 到非常好的视觉 效果。
(三)编排的原则
1、主题突出
一个成功的版面设计不是设计师
个人风格的自我陶醉,而是在明
确客户目的的基础上对内容的完
图例
格特.芬德利希 德国 文字以非常规的手法 进行排列,或者通过 有意的变形,使版式 能更好的对受众造成 有效的视觉记忆。
(二)版式设计的要求
3、有情节, 有情节的版面设计可 以迅速 引起读者的注意,主要
体现在文案内容及文字的编排 。
图例
这是一张有关电台节目 的海报,图中的文案按 照图形中的电波形状排 列,有放射的效果,右 方的系列内容的图片则
自由型
无规律的、随意的编排构成
有活泼、轻快的感觉
自由型
自由型
四角型
版面四角以及连接四角的对角线结构上编排
图形 给人严谨、规范的感觉
四角型
版式设计的基本步骤
确定主题(需要传达的信息)
寻找、收集用于表达信息的素材-含文字、
图形图像
文字表达信息最直接、有效,应该简洁、贴切 应该根据具体需要确定视觉元素的数量和色彩
图例
沃尔德曼.斯威兹 波兰 展览海报招贴,带有明 显的 沃尔德曼.斯威兹 个人表现风格的作品, 虽然版式上不出现色彩, 但带来的视觉,震撼是 非同一般的。
图例
格特.芬德利希 德国 以全文字的版式风格 进行设计,文字在这 种情况下,本身的说 明意义已经边缘化与 模糊化,往往会承担 了很大部分的图形说 服的作用,起到文字 图形化的效果。
中轴型
将图形作水平方向或垂直方向排列,文字配
置在上下或左右 水平排列的版面,给人稳定、安静、平和与 含蓄之感 垂直排列的版面,给人强烈的动感
中轴型
中轴型
曲线型
图片和文字,排列成曲线,产生韵律与节奏
的感觉
曲线型
曲线型
倾斜型
版面主体形象或多幅图像作倾斜编排,造成
版面强烈的动感和不稳定因素,引人注目
招贴画、唱片封套和网页页面等平面设计各个 领域
版式设计的原则
让观看者在享受美感的同时,接受
作者想要传达的信息 主题鲜明突出 形式与内容统一 强化整体布局
主题鲜明突出

版式设计的最终目的是使版面产生清晰的条理性,用悦目的 组织来更好地突出主题,达到最佳诉求效果 按照主从关系的顺序,使放大的主体形象视觉中心,以 此表达主题思想 将文案中的多种信息作整体编排设计,有助于主体形象 的建立 在主体形象四周增加空白量,使被强调的主体形象更加 鲜明突出
文经常使用的字体主要有宋体、仿宋体、 黑体、楷书四种。常用中文字体字体源自宋体字体仿宋体
字体
黑体
字体
楷体
常用拉丁字母字体
Font
Arial
Font
Arial Black
Font
Roman
在标题上为了达到醒目的效果,又出现了
加粗字体与创意艺术字体等。
粗黑体
中宋体
琥珀体
粗圆体
综艺体
霹雳体
钢笔行楷体
软件就是使用点数制p来计算字号大小的。
1p= 0.35mm
字体版式范例1-3
标题字体的大小和正文字体大小的比率叫做跳跃率。
字体版式范例1-4
C、字距与行距
字距与行距的把握是设计师对版式的心理感
受,也是设计师设计品位的直接体现。
字体版式范例1-5
字距排列疏松
字体版式范例1-6
排列有序而紧密的文字
(黑白、彩色-色系)
确定版面视觉元素的布局(类型) 使用图形图像处理软件进行制作
陈逸飞油画罂粟花

用图像让观众自己去理 解作者在传达的主题 (信息)
版式设计概念:

在有限的版面空间中,将文字字体、图片 图形、线条线框和颜色色块等元素,根据 特定内容的需要进行组合排列,并运用造 型要素和形式原理,把构思与计划以视觉 形式表达出来。
和文案共同表达出画面
的情节需要。
图例
反对种族主义的招贴 海报,画面的黑猫和 白猫和谐相处的情景, 把严肃的种族主义问 题变得简单易懂和人 性化这一情节使观众 能够在脑海里留下深 刻的印象
图例
奥林匹克画报, 龟兔赛跑的情 节的运用,龟 兔两者位置的 巧妙编排,画 面的趣味性得 到加强。
图例
戏剧与电视的关系 的海报招贴,以一 个专注看电视的人 物形象的插图描绘 情节,并与下方文 字的巧妙排列,很 大程度的吸引观众 眼球。
版式的基本类型
骨格型、满版型、上下分割型、左右分割型、
中轴型、曲线型、倾斜型、对称型、重心型、 三角型、并置型、自由型和四角型等13种
骨格型
规范的、理性的分割方法
常见的骨格有-竖向通栏、双栏、三栏和
四栏等。一般以竖向分栏为多 图片和文字的编排上,严格按照骨格比例 进行编排配置,给人以严谨、和谐、理性 的美 骨格经过相互混合后的版式,既理性有条 理,又活泼而具有弹性
骨格型
骨格型
骨格型
满版型
版面以图像充满整版,主要以图像为诉
示,视觉传达直观而强烈。文字配置压 置在上下、左右或中部(边部和中心) 的图像上 满版型,给人大方、舒展的感觉。是商 品广告常用的形式
满版型
满版型
上下分割型
整个版面分成上下两部分,在上半部或
下半部配置图片(可以是单幅或多幅), 另一部分则配置文字 图片部分感性而有活力,而文字则理性 而静止
图例
是一张中国国际 海报双年展的招 贴,作品运用了 错位的编排方式, 使原本平淡静止 的画面增添了许 多动感和更加具 有设计的意味。
图例
黑白对比 是视觉冲 击力最强 的一种设 计,用在 书籍版面 中,令到 小版面充 满张力, 给人焕然 一新的感 觉。
(二)版式设计的要求
1、创意:把主题思想和编排技 巧相结合,设计出新颖别致
倾斜型
倾斜型
对称型
对称的版式,给人稳定、理性、理性的
感受 对称分为-绝对对称和相对对称。一般 多采用相对对称手法,以避免过于严谨 对称一般以左右对称居多
对称型
对称型
重心型
重心型版式产生视觉焦点,使其更加突出
有三种亚型 直接以独立而轮廓分明的形象占据版面中心 向心-视觉元素向版面中心聚拢的运动 离心-犹如石子投入水中,产生一圈一圈向
形式与内容统一
版式设计的前提-版式所追求的完美形式必
相关主题