版式设计:骨骼版式与经验

合集下载

版式设计的十三种基本版面类型

版式设计的十三种基本版面类型

版式设计的十三种基本版面类型一、骨骼型骨骼型是一种规范的理性的分割方法。

常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。

一般以竖向分栏为多。

在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。

骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。

二、满版型版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。

文字的配置压置在上下、左右或中部的图象上。

满版型给人以大方、舒展的感觉,是商品广告常用的形式。

三、上下分割型把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。

配置有图片的部分感性而有活力,而文案部分则理性而静止。

上下部分配置的图片可以是一幅或多幅。

四、左右分割型把整个版面分割为左右两个部分,分别在左或右配置文案。

当左右两部分形成强弱对比时,则造成视觉心理的不平衡。

这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。

不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

五、中轴型将图形做水平或垂直方向的排列,文案以上下或左右配置。

水平排列的版面给人稳定、安静、和平与含蓄之感。

垂直排列的版面给人强烈的动感。

六、曲线型图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

七、倾斜型版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

八、对称型对称的版式给人稳定、庄重理性的感觉。

对称有绝对对称和相对对称。

一般多采用相对对称。

以避免过于严谨。

对称一般以左右对称居多。

九、中心型重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心:视觉元素向版面中心聚拢的运动。

3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。

重心型版式产生视觉焦点,使强烈而突出。

十、三角形在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

版式设计文字编排

版式设计文字编排
第三节文字编排的形式法则
一.单纯次序
单纯指基本形简练或编排结构的简单明了,单纯化可使版面获得完整、秩序、明了的视觉效果。秩序是指版面中各视觉元素有组织有规律的形式表现。它使版面具有单纯的结构和井然有序的组织。
二.对称均衡
对称一词源于希腊语Symmetros。自然界中到处可见对称的形式。对称是一种规则性的均衡。作为形式美法则之一,对称的形态给人以自然、安定、均匀、协调、整齐、典雅、庄重、完美的朴素美感。对称又可分为轴对称和点对称。均衡是指以支点为重心,来保持各不同形态力学平衡的一种形式。从某种程度上来说,是对称的一种异化。又称为动态对称。美学里,形式美法则中的均衡形式要看形态的各种要素给人的综合感觉,不能简单的看作实际重量×力矩的均等关系,而是根据形象的大小、轻重、色彩及其他视觉要素的分布作用于视觉判断的平衡。
12等分网格体系即在版面竖向划分8等分,每页横向分为12等分,每一等分之间留间隔少许,然后按图片大小,多少,顺着等分线分割,一页版面可放一张或两张,四张图片。
58等分网格体系是在正方形版面中分割组成1、2、4、9、16、25、36幅画面或文字组合,编排速度极快。
尼霍森分割原理:版面分割是一种重要的构图方法,或称为整体的各个部分的配置。分割使版面主次有序,经纬分明,层次清楚,同时版面之间相互协调,彼此呼应。尼霍森分割原理对版面分割主次有序,还产生视觉中心区。
尼霍森认为:1,若ABCDF组成有相联效果的画面。
2,画面B遮盖与ADE面之上。
3,画面F为原形用来协调ABCD方形的呆板,缺少直弧线的对比。
4,CDE为不等面积的比例的矩形,而形成大小不同,变化各异的画面构图。
第一节文字编排的定义功能目的
辞海对编排的解释是按照一定的次序排列先后。而英文中编排一词layout有规划、设计、(书刊等)编排、版面、配线、企划、设计图案、(工厂等的)布局图等众多的意思。所谓文字编排也称为版面设计就是在进行视觉、广告、编辑、印刷等美术设计时,如何将文字、图形、图案、标识等平面造型的构成要素,给与视觉的整理与配置,使其成为具有最大诉求效果的构成技术。在编排设计中文字的字体及其编排形式作为构成版式的基本元素之一,体现了版面的整体风格。而版式设计的功能和目的也是为了更好的传播信息,加强印象。

设计的骨骼

设计的骨骼

海报中用三角形的面来切割画面,视觉上非常有秩序感且 稳定。用大的几何图形来做设计能把视觉集中到图形上,是切 割画面内容最好的方式。
图中的不规则的面切割画面让页面整体 比较活泼可爱,和画面的品牌牛奶的气质非 常吻合,这样的不规则元素被穿插在整个画 面中。
四.版式设计中的点线面构成 1.通过组合简化版面 点线面的构成关系,即是版式设计,三个要素不同的组合方式,可以产生不 同的版面设计效果,重要的是掌握信息内容或者需求的重点是什么,将它们用平 优秀的版式设计是通过元素的组合简化版面的内容,建立鲜明的秩序感觉。
一.点的运用 2.点的位置给人以不同的视觉心理感受
居中:平静,稳定,集中感 居上:不稳定感
在页面三分之二靠上时:吸引人注意往往举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的 节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻
传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图
图中的网站首页中,有两种元素组成,在重复的矢量图形中,插入了几个照
片,里面的照片就是变异元素,这种视觉上的对比使得一堆图形变得活泼起来, 并且容易被记住。
来看左侧的一组图,这是原研哉给《无印良 品》设计的海报,画面中的三个元素非常清晰可 见,用最简洁的语言比传达出了纯朴、简洁、环 保、以人为本的理念。画面中以地平线的形式打 造了一个巨大的空间感,一个小小的人影站立与 地平线上显得非常渺小,正是这样的对比使得虚 究其根源是什么造成的视觉美感?正是虚实 空间对比的作用,也就是所谓的留白。这就是最
中图是一个电影海报,曲线的 指向型引导用户的视觉,这就是点 和线的区分,线是带有方向性的, 右图是一张获得红点大奖的呼 吁节电的海报,画面中简洁的直线 并带有向下的方向感,即能引起关 灯的共鸣也能将不插电这种概念表 达出来。

版式设计-版式的基本类型

版式设计-版式的基本类型

• 骨骼与基本形相叠 有作用性的骨骼或可见的 骨骼线可与基本形相叠, 产生覆叠或透叠的关系。
发射骨骼与自然现象
许多植物的生长方式,如树木与花卉等等, 常具有发射结构。所谓发光体都具有发射 骨骼。自然界的中心发射现象,只要留心 观察,是艰容易寻找的。
1.离心式--由发射中心向四周发射。骨骼线或直或 曲,或弧线型,或发射线不连接,以及中心迁移 与多发射。
3、离心-犹如石子投入水 中,产生一圈一圈向外扩散 的弧线的运动。
• 10.三角型 在圆形、矩形、三角形等基
本图形中,正三角形(金字 塔形)最具有安全稳定因素。
11.并置型 将相同或不同的图片作 大小相同而位置不同的 重复排列。 并置构成的版面有比
较、解说的意味,给予 原本复杂喧闹的版面以 秩序、安静、调和与节 奏感。
3.作用性骨格:
作用性骨格是使基本形彼此分 成各自单位的界线,骨格给形象 准确的空间,基本形在骨格单位 内可自由改变位置、方向、正负, 甚至越出骨格线。
它是骨骼线将画面面积分
割成若干具有相对独立性的 骨骼单位,形成多元性的空 间。基本形移出骨骼单位便 受到分割。这种骨骼里,基 本形不一定被固定在每一骨 骼单位中,且基本形的数目 及方向在每一骨骼单位中可 做变化。但完成后的画面必 须能显示出骨骼线的存在。 (如图)
在编排设计学中,同样存在与其它学科类似的问 题,即是:
如何借助一定手段或方法来引喻、提示本学科内 在的基本原理。而骨格概念与编排设计版面构成 之间 有着极为类似的机理特性
于是,“骨格”的自然的被引用到编排设计 学中来,阐释编排设计学中,关于版面内视觉图 形元素间的构成关系。
骨格与视觉元素
⑴段落文字: 有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中,处较后的位置, 一般在版面中以“面”的形态出现。具体影响其信息传递力度的主要因素包括:字 体、字号、颜色、背景、字间距、行间距、段落间距、段首设置、文本宽度等。

版式设计 版式的基本类型

版式设计 版式的基本类型

在编排设计学中,同样存在与其它学科类似的问 题,即是:
如何借助一定手段或方法来引喻、提示本学科内 在的基本原理。而骨格概念与编排设计版面构成 之间 有着极为类似的机理特性
于是,“骨格”的自然的被引用到编排设计 学中来,阐释编排设计学中,关于版面内视觉图 形元素间的构成关系。
骨格与视觉图元
版面内视觉图元的基本特征: ⑴段落文字:
有较大信息量。是构成版面信息的主要内容在版面信息传递秩序中, 处较后的位置,一般在版面中以“面”的形态出现。具体影响其信 息传递力度的主要因素包括:字体、字号、颜色、背景、字间距、 行间距、段落间距、段首设置、文本宽度等。 ⑵标题文字: 一般信息传递秩序中,处最前位置,是版面的核心内容,是点题内 容。另外标题文字在版面编排中,根据不同应用领域的具体要求, 随着不同的信息传递秩序。例如龙图像表意等招帖设计中,往往是 以“形”表意,标题只是起到点题的作用,因此在信息传递秩序中 在图形(图像)之后。具体影响标题文字、信息传递力度的主要因 素包括在字体、字号、色彩、背景、字间距或文字组织排列规律等。 其在版面编排中往往以“点”或“线”的形态出现。 ⑶图像: 一般来说,是版面信息中最容易以直接、有效传达信息。在版面 中视图像的应用要求,图像的出现可以出现在信息传递秩序中的不 同位置,是可变因素最大的视觉图元。因此在编排设计过程中,也 应视其具体要求而适时处理好其信息传达力度。影响图像信息的因 素主要是:图像大小、色彩、背景、外形特征、图像色度变化,以 及图像本身的艺术感染力等。 ⑷几何图示:
如果将构成骨骼的两大基本元素(即垂直线与 水平线)加以变动就可得到下面几种骨骼形状。
第一种变动:
1.宽窄变动--将骨骼线的宽窄加以变 动,形成骨骼各组的空间变化。
2.方向变动--将垂直或水平的骨骼线变成斜线。只改变其 中一种线的方向,称为单元方向变动。而将两种线同时变 动,称为双方方向变动。(图2)

版式设计的十三种类型

版式设计的十三种类型

1.骨格型2.满版型3.上下分割型4.左右分割型5.中轴型6.曲线型7.倾斜型8.对称型9.重心型10.三角型11.并置型12.自由型13.四角型各种类型的具体差别:一.骨格型规范的、理性的分割方法。

常见的骨格有-竖向通栏、双栏、三栏和四栏等。

一般以竖向分栏为多。

图片和文字的编排上,严格按照骨格比例进行编排配置,给人以严谨、和谐、理性的美。

骨格经过相互混合后的版式,既理性有条理,又活泼而具有弹性。

二.满版型版面以图像充满整版,主要以图像为诉示,视觉传达直观而强烈。

文字配置压置在上下、左右或中部(边部和中心)的图像上。

满版型,给人大方、舒展的感觉。

是商品广告常用的形式。

三.上下分割型整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字。

图片部分感性而有活力,而文字则理性而静止。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:/shejililun/四.左右分割型整个版面分割为左右两部分,分别配置文字和图片。

左右两部分形成强弱对比时,造成视觉心理的不平衡。

这仅是视觉习惯(左右对称)上的问题,不如上下分割型的视觉流程自然。

如果将分割线虚化处理,或用文字左右重复穿插,左右图与文会变得自然和谐。

五.中轴型将图形作水平方向或垂直方向排列,文字配置在上下或左右。

水平排列的版面,给人稳定、安静、平和与含蓄之感。

垂直排列的版面,给人强烈的动感。

六.曲线型图片和文字,排列成曲线,产生韵律与节奏的感觉。

七.倾斜型版面主体形象或多幅图像作倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

八.对称型对称的版式,给人稳定、理性、理性的感受。

对称分为-绝对对称和相对对称。

一般多采用相对对称手法,以避免过于严谨。

对称一般以左右对称居多。

九.重心型重心型版式产生视觉焦点,使其更加突出。

有3种类型:1.直接以独立而轮廓分明的形象占据版面中心;2.向心:视觉元素向版面中心聚拢的运动;3.离心:犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动。

设计的骨骼(一)

设计的骨骼(一)

http://www.iseokagenosato.jp/kotonohagusa/圆形,平稳,在感情上是饱满的,浑厚有力量的。

方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。

三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。

菱形比三角形对称,在平衡中寻求个性。

其他不规则的图形,显得富有自己的个性,是独立的,张扬的。

在规则的图形里变得非常明显。

往往用于丰富画面。

居中:平静,稳定,集中感居上:不稳定感居下:画面有沉淀,安静的感觉,但是不容易被人发现。

在页面三分之二靠上时:吸引人注意往往是视觉的焦点。

还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。

而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。

3.当画面中有不同大小的点时,大的点是焦点。

点不同的排列方式也会产生不同的视觉心理感受。

当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。

例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。

三角形的位置在页面的三分之二靠上,正好在视觉焦点的位置。

也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。

二.线的运用如果说点是静止的,那么线,就是点运动的轨迹。

游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。

不同的线有不同的感情性格,线有很强的心理暗示作用。

直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。

不同方向的线条和不同的排列方式也对用户起了不同的引导作用如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。

中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。

最新《版式设计》课程教学大纲资料

最新《版式设计》课程教学大纲资料

《版式设计》选修课程教学大纲一、教学目的:通过该课程的教学与实践,培养学生的审美素质、提高学生版面的创造设计与表现能力,使学生领会视觉传达的变化规律和应用的基本法则和设计原理,能应用构成的语言要素进行各种风格的版式设计,为将来走向社会工作奠定基础。

二、教学基本要求:该课程为选修课,要求学生具有初步的艺术鉴赏能力和文化素养,并有相关的学习资料。

通过该门课程的学习能掌握并应用版式设计的规律、形式美的基本法则、图案的各种表现手法,及图案配色方法与原则。

三、教学环节安排:按照教材的章节的顺序由简到繁,由易到难,由浅入深逐步展开。

采取讲授与示范相结合,整体讲授与个别辅导相结合的方法。

先通过基本理论知识的讲授,再结合实例给学生做示范,接着通过作业的讲评进一步提高学生的设计能力。

四、主要章节内容及学时分配:(一)、版式设计的概念和原理(2课时)1、版式的概念、分类及形式2、形式与内容的关系3、图案的布局法则4、图案变化手法(二)、版式的视觉流程(4课时)1、单向和曲线视觉流程2、重心和反复视觉流程3、导向和散点视觉流程(三)、版式设计的形式法则(6课时)1、单纯和秩序2、对比和调和3、对称和均衡4、节奏和韵律5、虚实和留白(四)、版式设计的基本类型(6课时)1、骨骼型和满版型2、上下和左右分割型3、中轴型和对比型4、曲线和倾斜型5、并置和自由型(五)、文字的编排构成(6课时)1、字号、字体、行距2、文字编排的基本形式3、文字的强调和整体编排4、字的图形表述(六)、图案的的编排构成(6课时)1、方型图、褪底图、出血图的表现形式2、图形的块状结合和散点组合3、展开页的整体设计(七)现代版式设计的发展趋势(2课时)1、强调创意、突出个性2、注重情感的诉求3、追求多维空间的表现方式七、考核方式作业与随堂考试各占50%。

要求:运用版式设计中所学习过的原理,进行设计。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

版式设计的骨骼一、骨骼型骨骼型是一种规范的理性的分割方法。

常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。

一般以竖向分栏为多。

在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。

骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。

二、满版型版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。

文字的配置压置在上下、左右或中部的图象上。

满版型给人以大方、舒展的感觉,是商品广告常用的形式。

三、上下分割型把整个版面分为上下两个部分,在上半部或下半部配置图片,另一部分则配置文案。

配置有图片的部分感性而有活力,而文案部分则理性而静止。

上下部分配置的图片可以是一幅或多幅。

四、左右分割型把整个版面分割为左右两个部分,分别在左或右配置文案。

当左右两部分形成强弱对比时,则造成视觉心理的不平衡。

这仅仅是视觉习惯上的问题,也自然不如上下分割的视觉流程自然。

不过,倘若将分割线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

五、中轴型将图形做水平或垂直方向的排列,文案以上下或左右配置。

水平排列的版面给人稳定、安静、和平与含蓄之感。

垂直排列的版面给人强烈的动感。

六、曲线型图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

七、倾斜型版面主体形象或多幅图版做倾斜编排,造成版面强烈的动感和不稳定因素,引人注目。

八、对称型对称的版式给人稳定、庄重理性的感觉。

对称有绝对对称和相对对称。

一般多采用相对对称。

以避免过于严谨。

对称一般以左右对称居多。

九、中心型重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心:视觉元素向版面中心聚拢的运动。

3、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。

重心型版式产生视觉焦点,使强烈而突出。

十、三角形在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

十一、并置形将相同或不同的图片作大小相同而位置不同的重复排列。

并置构成的版面有比较、说解的意味,给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。

十二、自由型自由行结构是无规律的、随意的编排构成,有活泼、轻快之感。

十三、四角型指在版面四角以及连接四角的对角线结构上编排的图形。

这种结构的版面,给人以严谨,规范的感觉。

版式设计之我见最近刚刚开完版式设计课,一提到版式设计,首先令我想到的一定就是书籍,杂志和报纸的版面编排,因为版式源于书籍,这也是版面编排的初始阶段,刚开了版式设计课后,如今是时期的版式设计的目的已不再是单一的传达信息,而是有着更重要的目的,在传达信息的同时,传达新思想、新观念、新技术、新材料、新工艺。

所谓的版式设计是对作品内容在书刊上编排格式的处理,是整体的重要组成部分,以书刊的性质,内容,读者对象和可提供的技术手段作为依据,使书刊的版式和书刊的装帧和谐一致,使版面安排的合理,脉络分明,既方便阅读,又能给人以美感!版式设计的最终目的是要完善书的阅读内容,使内容清晰、易读、和谐。

同时版式设计也是许多设计元素的复杂组合,结构框架的设计,个人风格的发挥都是为了鲜明的表现内容、突出主题,使版式的主题更清晰、一目了然。

作为主体的图片、文字、在版面上都应有自己的位置,设计手法都是平等的,是为了能更好的体现清晰性、和谐性,使版面达到局部和整体,内容和形式的完美统一!在一个版面中,文字、图形、色彩是版式设计的主要元素,文字具有很强的说服力,图形跟色彩更具有吸引力,从人的接受心理上来说,图形跟色彩更感性化、文字更趋向于理性化,色彩在版面设计中常起到画龙点睛的作用,它对我们的感官能产生一种直接的影响,也是客观存在的!所以作为设计师再版面的色彩设计上,不能单凭主观喜好,一定要从主题内容出发,理解色彩在表现主题思想上的视觉心理感受!版式设计的构成要素分为点、线、面。

点是造型要素中的最基本的形态,也是最小的单位,点具有位置,但没有大小和固定的形状。

点具有张力作用和紧张性,所以在一张版面中一组文字,一个标志,或几个符号的位置不同、数量不同、大小不同、聚散的排列或不同的组合方式给人的感觉也就不同。

线,具有长度和位置的要素,并且它具有空间方向感,比点更具感情性格(直线表示静,曲线表示动,折线表示不安定)。

面,也称做是“行”,而且它具有量感:面的量感和体积感在版面中常起到稳定的作用,在点、线变化较多的版面中,能起到协调统一的作用,而且不同明度的面在版面中能起到丰富层次的作用,再者面有醒目和限制的作用,在版面的设计中常用此方式来突出文字和标题,也可以用多种方法来表现二维空间中的立体形态,使之产生三维空间感!在版面设计中,构成很少是单独要素的运用,绝大数是点、线、面的综合运用。

因此,版式设计的点、线、面综合构成就是将文字、图形理解为点、线、面,再遵照审美原理和构成法则,设计和安排好点、线、面在版面中的视觉流程,相互关系,空间位置,面积数量,大小明暗!现代的版式设计是艺术形式中的一种,其艺术性在于遵循美的原理,将节奏与韵律、对称与平衡、对比与调和、变异与秩序、形象与空间、变化与统一等形式美的构成法则运用于版式设计中:a对称与平衡,对称的编排形式近于完美,对称形式会让人感到静止、单调和呆滞,缺少变化是它最大的弊病。

b对比与调和,对比的形式有很多,再版式设计中常用的对比形式有形象与形象的对比,形象与空间的对比,色彩对比。

其中任何版面都不可缺少的是明暗对比。

c节奏与韵律,它的主要作用就是协调版面的整体关心。

d秩序与变异,版式设计最基本的要求是清晰明了、井然有序,在编排上亦单纯化,是画面的整体性更强。

变异的表现形式有:位置的变异、形象的变异、方向的变异、大小的变异、色彩的变异。

e空间与虚实,对现在板式的空间理解有两方面,一是版面的实际尺寸,二是版面的虚实!版式设计的视觉元素是文字、图形、线条、色块等形象,形象是实体,为“图”。

“图”具有紧张、密度高、前进的感觉。

版面设计的基本形式可归纳为:有版心设计和无版心设计,基本类型可分为,规则的和自由的版式设计!有版心设计是传统的版面设计,常用于书籍正文编排、报纸、杂志等,有版心板面是有四边余白与版心组成,文字、插图、页码、页眉等要素均要受到版心的约束。

版心与白边的比例成反比关系,版心设计的大小要根据正文内容和设计意图来确定。

无版心设计,也称满版设计,即版面不留固定白边,图像,图形不受版心约束,跨余白作“出血”处理。

无版新设计的主要特征是设计可以根据内容和构图的需要自由发挥,强调设计个性化,其编排形式灵活多变、新颖奇妙,能最大限度的体现设计师的审美意识,设计观念和意图,具有较强的时代气息。

一般运用插图较多,图文并茂的海报招贴、个性杂质、书刊封面、企业年报、产品样本、包装装帧等设计。

规则的版式设计是以“栏”为基本要素,栏是版面变化的规则,栏的作用是使版面条理化和规范化,引导和帮助读者了解内容的顺序,提高阅读的速度和舒适度。

栏的设定是以节省时间,适合眼睛一次扫描为原则的,过宽的栏会使视觉流动缓慢,容易造成眼睛疲劳,阅读意愿降低,因此,每栏的字数不宜超过45个字,也不宜过少,栏数也不宜过多,宜单纯。

栏与栏之间要留出一定的空白,这些空白起到了隔离和区分的作用。

这里值得注意的是:规则的分栏设计不是只适合有版新设计,无版心设计同样适合,再图片较多的情况下,常常选择满版设计,同时又选择规则的分栏设计,图片做“出血”设计,内容文字则按栏编排。

因为,在任何一个版面中,图片“出血”不会影响到信息的传递,而内容文字的“出血”却可以直接影响到正确的信息传递。

所以,文字只有作为图形是才会做“出血”处理。

自由版式设计在文字、图像、图形编排时不受栏的限制,版面的变化丰富多姿,随意性较大,独立性较强。

版面变化以版式设计的审美原理为依据,个性化为准则,重视版式设计的艺术性,强调版式设计的形式感。

它的特点是:a、文字、图形、图像的处理个性化。

b、将新颖、时尚注入版式编排,使文字、图像、图形更奇妙,更具有趣味性。

c、更注重版面的节奏和对比,更强调版面的和谐与精致。

d、具有较强的独立性。

自由版式设计常常是以满版的形式来表达,其特点在一些追求版式编排的多变性和个性化的单幅招贴、时尚杂志的单幅插页、艺术类画册中表现的最充分。

版式设计的类型:1、书籍杂志的版式设计:书籍设计又成装帧设计,它的内容包括:封面、护封、环衬、扉页、前言、目录、正文、后记、插图及版权页等因素。

它设计的核心是封面,封面设计的范围是:封面、封底、书脊、勒口等,封面的文字信息包括:书名、副题、作者、出版社等。

杂志与书籍不同,它具有出版快速、周期短、信息量大的特点,因此图文并茂是它的惯用手段,杂志的版式设计注重风格和品味,追求独特面貌和个性。

2、报纸跟广告的版式设计:报纸以其内容复杂、发行量大、时效性强、传播面广、读者众多、便于携带和随时阅读等特点,成为最强劲的宣传媒体,它常采用分栏划块的编排形式。

报纸广告是报纸中不可缺少的一项内容,报纸广告的尺寸过根据报纸版面来分的,大体可分为全页跨版、半页跨版、全版、半版、四分之一版、三分之一版和其他不同尺寸,它的构成要素有:商标、品名、标题、广告语、说明文案、图片、图形、厂名及通讯方式等。

3、非出版物的版式设计:非出版物也称宣传册或宣传单,主要指各种各样的推销材料和信息发布材料,它一般要求色彩生动,图文并茂的编排方式,它的直观性和情趣性要优于其它板式。

4、招贴广告的版式设计:它的编排要注意的是:a、图形先于文字b、文字与阅读距离的关系 c、色先于行 d、空间留白5、包装的版式设计:构成包装的元素分为a、视觉元素b、包装的构造和材料。

在编排设计上首先要做到流程清晰、主次强烈、色彩鲜明、具有一定的远视效果。

6、网页的版式设计:它的关键在于主页设计,主页要有强烈的个性,醒目抢眼,饶有情趣,特色鲜明等,值得注意的是:a、主页设计要根据网站的性质和内容,确定网页的主色调、确定统一的标示和主标题的字体 b、考虑主页的视觉流程,连接的编排位置要做到醒目、明显 c、动画的插入是增加网页趣味和活力的,同时动画的提示作用和注目率大于静态图形 d、网页正文的文字要与整体风格一致 e、网页的色彩采用的计算机显示器的色彩格式RGB,其中有216中网络安全色。

7、企业形象的版式设计:它包含着企业精神、独特的企业文化和审美形式,包括a、名片、信封、信纸、请柬的版式设计 b、企业形象手册、年度报告和应用不分。

以上是我对本次版式设计课的一点总结,望大家多提意见,共同探讨!黑设绘。

相关文档
最新文档