《《字体与版式设计》第7章：版式设计的基本类型.ppt》由会员分享，可在线阅读，更多相关《《字体与版式设计》第7章：版式设计的基本类型.ppt（15页珍藏版）》请在三一办公上搜索。
1、,字体与版式设计,主编：张璇,第7章 版式设计的基本类型,7.1 版式设计类型,7.2 其他类型版式设计,7.3 如何灵活运用版式设计的各种类型,学习目的与要求,了解版式设计的基本类型有哪些；了解各类型的版式设计的特点；了解各类型的版式设计之间的联系和不同之处；在实践中灵活运用各类型的版式设计；,1.满版型版式设计,7.1 版式设计类型,满版设计即版面不留固定白边，图像、图形不受版心约束，跨余白做“出血”处理。出血图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因为不受边框限制，感觉上与人更加接近，便于情感与动感的发挥。满版设计的主要特征是设计可根据内容和构
2、图的需要自由地发挥，强调设计个性化。,2.分割型版式设计,分割型版式设计，是把整个版面分成上下或左右两部分，分别安排图片和文字。这是一种比较常见的版面编排形式，其特点是画面中各元素容易形成平衡，结构稳当，风格平实。图片和文字的编排上，往往按照一定比例进行分割编排配置，给人以严谨、和谐、理性的美。分割型版面中的两个部分会自然形成对比，有图片的部分感性、具活力，文案部分则理性、平静。,3.倾斜型版式设计,这是一种很有动感的构图，图中要素或主体的放置呈倾斜状。在版面编排中，图形或文字的主要部分向右或向左做方向倾斜，使视线沿倾斜角度而由上至下或由下至上移动，造成一种不稳定感，吸引观者的视线。这种设计形
3、式最大的优点在于，它刻意打破稳定和平衡，从而赋予图 形或文字以强烈的结构张力和视觉动感。倾斜型设计在构图时，版面主体形象或多幅图像、文字做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。,4.三角型版式设计,这种版式是版面各视觉元素呈三角形排列。在图文形象中，正三角形（金字塔型）最具稳定性；倒三角形则会相应地产生活泼、多变的感觉，易产生动感；侧三角形构成一种均衡版式，既安定又动感。但版式设计中要注意，用正三角形时应避免呆板，可通过对文字和图片的处理来打破其死板性；而用例三角形在产生动感的同时要注意其稳定性,5.曲线型版式设计,曲线型版式是在版面上通过线条、色彩、形体、方向等因素有规律地变化
4、，将图片、文字做曲线的分割或编排构成，而让人感受到韵律与节奏感。曲线型的版式设计应具有流动、活跃、动感的特点，曲线和弧形在版面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。曲线的变化必须遵循美的原理法则，具有一定的秩序和规律，又有独特的个性。,6.自由型版式设计,自由版式将图像分散排列在页面各个部位，具有自由、轻快的感觉。在编排时，将构成要素在版面上做不规则分散状排列。会形成随意、轻松的视觉效果。采用这种版式时应注意图像的大小、主次，以及方形图、退底图和出血图的配置，同时还应考虑疏密、均衡、视觉流程等。将各要素分散在版面各个部位，以各施所长。这种貌似随意的分散，其实包含着设计者的精心构置
5、。视点虽然分散，但整个版面仍应给人以统一完整的感觉。,1.骨骼型版式设计,7.2 其他类型版式设计,规范的、理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式，既理性有条理，又活泼而具有弹性。,2.中轴型版式设计,将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。,3.对称型版式设计,对称的版式，给人稳定、理性、理性的感受。对称分为绝对对称和相对对称。一般多采用相对对称手法，以避免过
6、于严谨。对称一般以左右对称居多。,4.重心型版式设计,重心型版式产生视觉焦点，使其更加突出。有三种类型。直接以独立而轮廓分明的形象占据版面中心。向心视觉元素向版面中心聚拢的运动。离心犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。,5.并置型版式设计,将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。,7.3 如何灵活运用版式设计的各种类型,要想在实践中灵活运用版式设计的各种类型，就要了解各种版式类型的特点，具体问题具体对待。要理解和分析版式的版面结构，才能设计出更好的作品。版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。以下是设计一个优秀结构的一些基本要素。要建立一个优秀的结构，你必须仔细观察：学习仔细观察你身边的“结构”，比如树、花、山、野兽、宠物、小孩等等。翻翻杂志，书本，宣传单等，并尝试了解图形是如何构成的。使用了什么配色方案？为什么？使用了什么类型的字体？为什么？他们对整个画面起到了什么影响？经过大量的观察，你会了解到什么是好的，什么是坏的。为了增强观察的效果，你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。,
