版式
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
又称编排设计,是平面设计中的一个组成部分,为视觉传达设计的 ...
1整体概念——版式设计课程教学的灵魂
辛艺华 华中师范大学美术学院
摘要:本文认为,版式设计的目的是调动各类视觉元素进行平面形式上的组合排列,强化形式和内
容的互动关系,以期不断吸引受众的视觉注意力。好的版式设计具有清晰明确的信息级别并
构成信息的整体传递,能轻松引导受众依据重要性依次递减原理进行浏览。这就要求学生通
过版式设计课程的学习,必须建立较强的整体概念。而在具体教学中,由于各个具体教学环
节的相对独立性,容易导致教学目标的偏离。因此,本文强调在版式设计的课程教学中,如
何使学生建立设计的整体观应该成为教学的主要目的。 关键词:版式设计教学、整体概念、形式语言分析、设计原则
版式设计的创意不同于一般的创意,它必须服务于设计的主
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
思想。优秀的版式设计往往是将
各种编排元素融入一体,以整体的形式与张力传递出视觉信息,从而突出作品的原创主题,使之更
具有艺术感染力。所以在版式设计的课程教学中如何使学生建立设计的整体观应该是教学的主要目
的。而这些又必须贯彻在教学中,我们尝试让学生将编排元素抽象为点、线、面,运用黑、白、灰
的构成原理进行整体布局;要求对优秀版式设计的形式语言进行分析;在具体教学环节的实施中强
调设计原则的把握,成为版式设计课程教学的重点所在。
专业的眼光——“整体”,是版式设计的前提。好的版式设计,最终目的是使版面具有条理性,
更好的突出主题,达到最佳的诉求效果。
如何帮助学生在版式设计中建立整体概念,我们从以下三个方面去理解:
1、建立信息等级,以明确的主次关系传递设计主题
素描可以通过明暗关系来强调画面的主次;色彩也能通过冷暖色调的对比来
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
现空间与光影,
突出对主体的烘托。版式设计中,我们同样把主次关系放在首位,从而提示阅读者那些是重要的信
息,在哪里能获得重要的信息。
面对纷乱繁杂的信息,版面设计就是要从混乱和随意中找到条理,给阅读者提供明确阅读点。
成功的版面设计应该使阅读者知道哪个信息最重要,应按什么顺序来阅读从而知晓所要表达的主题,
这种依信息主次的设计,称为信息等级编排
[1]。即使在似乎偏爱表面视觉混乱的当代设计作品中,
设计师也会运用信息等级编排使观众理解所要传递的主题,便于读者可以很轻松地理解。
?建立信息等级
在具体设计前,围绕主题,对文本信息进行认真分析和提练,将文本中相互关联的内容归为一
类,依信息主次建立起信息等级,编写出“设计大纲”。例如将一级标题、二级标题、三级标题、正
文等进行树状排列,这样便于设计时对各级标题及正文的字号、字型、色彩进行总体的把握。信息
级别的寻找通常以三到四个级别为宜,过多也会造成另一种混乱。事实上,“设计大纲”一旦编写完
成,明确的分区也就自然建立起来。
?选择表现元素
构成版式设计的四大元素是标题、正文、图形,我们将此称为版式中的可见元素、或称正形;
不可见的元素是空白空间,又称负形。在对文本信息进行分类的前提下,选择可见元素中适合传递
主要信息的最佳元素,比如图片或标题字等,在选择时必须要随时想到元素中哪些典型的方面或部
1 此论文已发表于《中国美术教育》(全国美术教育类核心期刊)2006年第5期
1
分能够集中地提示信息自身。只有通过对文本信息的具体分析,才能在设计中以独特和精确的形式
表现主题,使信息传递达到清晰连贯而不至于本未倒置。整体概念就是建立在主题思想的单纯而突
出的表达之中。
2、将编排元素抽象化,用以研究黑、白、灰的整体布局
我们发现,在版式设计课程的学习中,学生容易关注版式设计中的一些细节,诸如变体字的造
型、文字绕图编排、图形的特效、过多变化的色彩等,忽略了版面的整体构成,而这却是版式设计
最先应该建立的概念。我们指导学生学习将编排元素抽象化,用点、线、面来代替具体的编排元素。
抽象,就是大脑在完全超脱了具体事物的形象或完全不受它们约束的情况下所进行的组织活动[2]。
抽象的形便于我们抛开细枝末节从整体上去把握各编排元素间的构成关系,同时也便于我们运用平
面构成中黑、白、灰的构成原理来分析版式中的整体布局。
在版式设计中,图形与图形,图形与文字,文字与文字之间都是可见的形与形之间的构成关系,
学生经过一定时间的训练能很快把握;不易把握的是编排元素与空白空间之间正负形的构成关系,
这一点学生在设计中很容易忽略。我们在作品分析中,强调将作为正形的编排元素与作为负形的空
白空间在视觉上看成一个整体,将其统一归纳为黑、白、灰三种空间层次关系。通过黑、白、灰的
明度对比,使主题元素更加突出,各编排元素之间建立起先后顺序,使信息层次更加分明。
版式设计中如何把握正负形之间的整体关系呢?我们不妨用平面构成的原理来进行版式分析。
正负形之间通常表现为三种形态:第一,正形大于负形,并且在感觉上是“明亮的”,形易于从背景
中突出。这种方式,反过来也能成立,比如,德国设计常常在版式中留出大面积的空白空间,编排
元素在版面中面积较小,就是充分运用了逆向思维;第二,正负形反转;这是形与形构成的一个特
例,通常在版式中很少运用;第三,正负形等值。当形的面积之和与空白空间面积之和接近之时,
如果正负形之间连续并穿插在一起,形就处在断裂的状态,形的呈现就会含糊而不明确,这也就是
我们常说的版式很“乱”,这时就需要将正形进行聚合,构成一个整体形。一旦正形有规律可循,负
形也会整体明确,整个版式就会变得非常简洁[3]。
3、简洁的图形构成版式的整体感
整体而不杂乱的版式设计取决于三个方面,其一,编排元素所形成的外轮廓形;其二,分区所
形成的外轮廓形;其三,空白空间所形成的负形。形与形之间只有具备简洁的外观,才能使版式呈
现出整体的视觉效果。
设计中的简洁不等于简单。
“简单”,主要是从量的角度去考虑。它是指某一个式样中只包含着很少几个成分,而且成分与
成分之间的关系很简单[4]。如果用这种简单的形式传达一种简单的信息,肯定会产生出简单的结果,
在设计中,只能导致某种厌倦感和单调感。
“简洁”在设计中具有与“简单”相对立的另一种含义。好的版式设计是把丰富的意义和多样
化的形式巧妙地组织在一个统一的结构中。在这个整体的结构中,所有的细节不仅各得其所,而且
各有分工。因此,就绝对意义而言,当一个版式只包含少数几个结构特征时,它便是简洁的;就相
对意义而言,如果一个版式用尽可能少的结构特征把复杂的编排元素和信息组织成有秩序的整体时,
我们就说这个版式的设计是简洁的。任何简洁的形式最终都要传达出一种远远超出形式自身的意义,
让读者有回味的余地。
构成简洁的方法有以下几种:
?使图形具有对称和规则的轮廓线
根据平面构成的原理,左右对称的形较之左右不对称的形容易成为图,同时形的轮廓线越单纯
越易成为图。在版式设计时,我们要习惯于将编排元素抽象化,将它们归纳为一定的抽象图形,并
使形的外轮廓呈现出对称性和单纯性。
?整体形应具有单纯性
版式设计是由各编排元素的抽象形共同构成的整体结构,这个整体结构也同样呈现出形的特征,
只有当整体形的简洁程度比各个组成部分的形的简洁程度高,版式就显得简洁,整体就愈显得统一。
但是,如果各个组成部分的形的简洁程度比整体的简洁程度高,那么,这些部分形就会从整体中独
2
立出来,从而破坏整体形的简洁性。
?空白空间应具有形的性质
版式中的空白空间是提供视觉休息的地方,位于图形与文字之后,但它不仅仅是作为设计的背
景而存在,空白空间决定版式设计的整体效果,它是一种实实在在的形状,与其它编排元素共同构
成版面中虚与实错综复杂的空间层次。
版式设计中,空白空间“形”的性质越明确、形状越有规律,衬托出其它编排元素相互间的构
成就越整体。因此,空白空间应该被和谐、均匀地用在设计中,而不是被四分五裂的分割。设计过
程中,要经常审视负形呈现出的整体形状。
如何在版式设计中进行信息等级的处理以建立整体概念?如何将抽象化了的编排元素用以研究
黑、白、灰的整体布局呢?我们尝试从优秀版式设计作品的分析入手导入课程内容!
1、版式设计中,信息等级处理是成功设计的关键。
我们试分析图一中这一组英语标题字的信息级别处理,
girl、city是名词,也是句子中的主要信息内容,其中girl又
是最重要的中心词,因此用黑色表现,city与girl字体大小相
同,用白色表现,重点突出而又使主次拉开距离。这种主次关系
看似是以一种不经意的方式表现,而这个中理由只有通过分析才
可以明了;New是定语,所以放在被修饰词girl的前面,in the
city作限定作用,因此in the小写并放在city的上方,穿插关
系在信息主次的分析之中建立起来。
设计技巧:
?标题:五个单词有主有次,为强调标题中的重点词汇,通
过黑与白、大与小的穿插重叠,把信息级别表达出来。
?引文:通常我们把引文与标题归为同一信息级别,引文是
这一信息级别中的次要信息,但分区通常与标题靠近。在这件作品中,破常规的将引文放在远离标图一
题的位置,但却不能忽视它的重要——因为它在最上方。按照读者下意识的阅读习惯,在注意到标
题的同时,也自然从上往下进行浏览。这
说明
关于失联党员情况说明岗位说明总经理岗位说明书会计岗位说明书行政主管岗位说明书
了解读者的阅读习惯对设计是有指导意义的。
?正文:正文以字体编排呈中灰明度、外轮廓形为长方形来构成整个版式的黑白灰关系。简洁
的外形是为了对比出穿插丰富的标题字,而正文首字大写犹如在平静的湖面投下一颗石子。
2、理解黑、白、灰关系在建立版式整体概念中的作用
在分析作品中黑、白、灰关系时,首先要分析那些是不变因素,那些是可变因素。
编排元素中,图片是由摄影师提供给版式设计师的作品,通常为不可变的元素,因此,在有图
片的编排中,首先要分析图片的明度关系,由此决定其他编排元素在版式中的明度关系,完成版式
整体的黑白灰布局。
纯文本信息包含标题字、副标题、引文、说明文、正文几个部分,是用来构成画面黑白灰关系
的主要编排元素。标题区的明度关系可以通过字型、大小、粗细、色彩来表现;正文区可以通过字
号、字型、字间间距、行间间距的不同选择来表现灰度
层次,这些可变元素的灵活变化,营造出版面的美感和
空间感。
在图二的设计中,我们将产品、标题、副标题、正
文这些具体的编排元素抽象成矩形,用色彩或不同明度
的灰进行表现。通过这种归纳,我们看到,整个版式是
通过几个大的几何形共同构成了画面的整体关系。
在把握整体关系的前提下,我们才进一步关注细部
的处理,图中副标题的块面由白线破外轮廓形;正文块
3
图二
面由一行黑字穿插其中,构成矩形内部黑白灰层次,使局部变化生动有趣而又不破坏整体效果。 某种程度上,平面设计就是形状的安排和组织,通过分析作品来建立整体观,必须在脑中抛开
[5]标题、文字、视觉资料和其他元素的含义,抽象的去看待它们,通过将编排元素归纳成几何形,便于分析形与形之间黑白灰的构成关系,领悟如何将编排元素进行整体设计的思路。
在图三的设计中,深色图片为黑色区域,将版面中的黑定位于此,图片说明文为高明度灰色区
域,与右下方的空白区域一同构成视觉上的白色区域,黑与白的强对比关系安排在右页,构成对开
页的重点。左页引文及
正文共同构成中明度
灰色区域;高明度灰的
说明文穿插进正文中,
与正文形成前后空间
关系;不同明度的灰色
块面共同构成弱对比
关系,使左右页之间主
次关系一目了然。
值得一提的是,为图三 了突出右页的重点,引文与正文在明度关系上保持一致,形成一个整体。这里,设计师巧妙的通过
对引文位置的安排和色彩的点缀,使引文与正文之间构成局部的主次关系,使信息级别清晰可见。
在图四的设计中,首先应找出隐藏的纵向分栏线,同时注意非常重要的一根水平线,这二组线
条是信息编排的基本框架。
在分栏线的定位
下,标题跨越三栏安排
在左页上部,由于这一
区域仅安排标题,没有
其它元素干扰,因此,
标题字选择了清新秀
丽高明度的粉红色书
写体,一改常规以粗体
作为标题字,在标题区
中形成高明度块面,同
图四 样达到醒目的效果。正文在纵向的六栏中占据三栏,因间隔编排而形成节奏,构成了版面整体的黑
白灰关系。
在安排好标题与正文的整体关系后,再进行局部细节的处理。左页中,在第一栏正文区域内,
将高明度的粉红色文本和低明度的插图安排在这一栏中,构成局部的黑白灰变化而又不破坏正文栏
的外轮廓线;同时,用中明度的文本破第一栏正文区域,通过穿插构成前后空间。
右页中,在正文区域,手绘插图依水平线方向穿插其中,正文与插图之间形成面与线的对比,
使阅读变得轻松愉快。
因此,分析一件设计作品,一定要从“整体”入手。
1、同类合并原则
信息等级的寻找遵循的就是同类合并原则,同类合并原则的重点是确定中心内容。
正确的选择中心内容依赖于设计的意图、市场和消费者所关注的方面。中心内容的确定,具体
而言就是对合并在同一信息级别中的内容进行再分析,分清主次,并在版式设计中加以强调,以此
来提高信息的重要性,并把它呈现在读者面前。
通常,每一信息级别中都可以确定一个中心内容,但是主要信息级别内,中心内容的确定以表
4
达主题为目的,不能任意选择。次要信息级别中,可以有针对性的选择不同的中心内容,建立不同
的布局,创意
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
自然会出现无数种可能。
2、邻近原则
通常同类合并原则是指导文本信息的分类,以确定版式中的整体分区。
邻近原则则是指导版式设计中各分类信息依级别不同而具体所处的位置,也就是使同一信息级
别的编排元素尽量靠近一些,使不同信息级别的编排元素之间尽量拉开一定距离。各种关系构成的
总的等级秩序决定整体版式中哪些属于同一组,编排元素之间的距离越接近,在编排中就会被看作
是整体中的“一员”;如果信息级别在分区中的距离、位置含糊不清,将会导致信息传递的不通畅。
阿恩海姆认为:“整体的统一并不是通过某种捷径确立的,只有从高的层次逐渐降低到低的层次,才
能导致部分与部分之间的真正联系,而且只有通过这种间接的或一级一级走完整体等级序列中全部
阶梯的步骤,那些相互之间相差很多级别的部分之间的相似才能对整体的统一作出贡献[6]。”
3、重复原则
同样的形多次使用,称为重复。重复原则在版式设计常表现为编排元素间形的重复、编排元素
与空白空间形的重复、编排元素在网格单元中的重复、编排元素间色彩的重复、文字信息之间对齐
方式的重复等等。重复原则指导版式构成协调一致、整体有序的视觉形象。
巧妙地运用重复原则,能使版式形成优美的节奏和韵律感。如果将这种重复特征运用于不同的
页面,可使受众清晰地明白信息之间的组织结
构。但是太多的重复可能会使版式缺乏活力,这
时可以在方向和空间上作一些变化,如形与形之
间以各种方式相互迭加、穿透、组合等。
在图五的广告设计中,版式为上下分区:上
为文字区,下为图片区。图片区中,最大的一张
图片,其外形为细长矩形,构成这页版式中的基
本形;小图片以这一基本形重复地排列在一起,
形成的整体外形也与基本形保持一致。文字区
中,标题字的外形与基本形相同,从而构成图片
与标题字之间的形的重复。我们从分析图中可以
清晰看见重复原则在版式设计中的运用。
图五 正如美国教育心理学家加涅所说:“教学没计者开始时问的问题并非是‘学生要学什么’,而是
‘学生学完后将做什么’,这意味着教学设计始于对教学目标的考虑”
[7]。版式设计课程的教学目的
是通过具体教学环节的实施,使学生能够建立版式设计的整体概念,具有“做”版式的能力。也就
是具有能够根据要求把版面上所需要的设计元素进行整体的编排组合,成为直观动人、主次分明、
概念清楚的美的构成,使其在传达信息的同时,也传达着设计者的艺术追求与文化理念;从而通过
版式设计,给阅读者提供一个优美的阅读“空间”的能力。
参考文献:
[1] 参见[美]艾莉森?古德曼著.平面设计的七大要素.上海人民美术出版社,2002.6.P56 [2] [美] 鲁道夫?阿恩海姆著.视觉思维.光明日报出版社,1986.12.P 239 [3] 参见[美]卡洛琳?M?布鲁墨著.视觉原理.北京大学出版社,1987.8.P33-39 [4] [美]鲁道夫?阿恩海姆著.艺术与视知觉.中国社会科学出版社,1984.7.P66 [5] [美]阿历克斯?伍?怀特著.平面设计原理.上海人民美术出版社,2005.1.P71 [6] [美] 鲁道夫?阿恩海姆著.视觉思维.光明日报出版社,1986.12.P 112 [7] [美]R?M?加涅等著.教学设计原理.华东师范大学出版社,1999年.P150
作者简介:辛艺华,女,1963年,华中师范大学美术学院教授,艺术设计学硕士生导师。
5