版式设计分析总结

版式设计分析总结（共8篇）

1.版式设计分析总结 篇一

一、图片在版式中的作用及图片的分类

图片在版式设计中占有很大的比重，视觉冲击力比文字强85%,在视觉上可以使版面更加立体、在主题思想的传达方面也更加清晰、直接。当一个版面当中出现多组图片的情况时，图片之间的大小、摆放位置、表现形式以及与文字的搭配等都关系着版式的成功。

在版式设计中的图片我们常见的有具象性图片和图形两种。

具象性图片多是以自然环境、社会纪实、人文景观、产品宣传为主要内容，可以真实准确的反映和表达出所要传达的内容及信息。这类图片多为实物写实拍摄为主，呈现的图片完全可以传达想要表达的信息，这类图片多用于多用于产品宣传、广告、书籍等。

而图形我们常见的则是以点、线、面为主的抽象性图片，或者是绘图插画形式出现的图片，多以写实和装饰的方式，通过颜色及组合方式的不同来表现。比较适合表现某种意境，让人们在看到图片的同时与版式所要传达的内容信息产生一定的联系，从而对其所传递的内容信息有着一定的了解和感悟。

二、多组图片在版式设计中的应用及处理

现成的图片并不能直接运用在版式当中，在排版之前需要对图片进行一定的处理。处理过的图片才会形成一种新的视觉效果，更好的表达主题。当多组图片同时出现在版式当中时，我们则需要通过图片的功能、内容及想要传递的信息来确定图片的大小、摆放顺序及图片的形式。

1.图片大小调整

即便同一张照片，在前期处理及图片大小调整上有不同，最终效果也是不同的。图片的大小可以影响到版式的最终效果，不仅是排版面积的问题。

一般来说，尺寸大的东西比尺寸小的更容易吸引注意力，这一点对于图片也是一样的。多组图片同时出现，如果大小相同就失去主次关系。多组图片中有一张尺寸偏大，就会引导人们先去注意该图片，其次再去注意其他，这样就会形成一个主次关系一种阅读顺序，这会更容易让人们发现重点。

图片的尺寸大小的不同，是表示（图1:双12淘宝网页）先后顺序关系的有效手段，也可以使版式显得富有节奏感和变化。但是，为了保持页面内的平衡，也需要对图片的大小协调统一。如果图片尺寸类型过多，每一张图片的大小尺寸都不同，就会使得图片的主次不明显，版式显得散乱。

图1是淘宝双十二的网页版式设计，该页面主要内容是婴儿用品。因此在图片排版时，将婴儿作为主要内容的写实图片就被放大而且占据了整个页面的近1/3.其他图片则是以绘画的形式出现在它的周围，并且在尺寸上都做了相应的调整。在颜色上使用的也相对比较单一，这样便很好的突出了主题，让人们在看到页面的第一眼时就会被左边的图片先吸引，然后才会观察到剩余的图片。页面没有给人杂乱的感觉是因为每张图片的大小比例都是固定的。另外，版式中主要的图片也进行了裁剪，婴儿占画面的主要部分，这是由于该页面的主要内容就是婴儿用品，所以在图片的裁切时将母亲的比重进行了缩减。

2.图片的外形处理

对于图片的外形来讲，大体上我们可以分为几何形和自然形两种。拍摄出来的图片都是在四边形的方框当中，但在版式设计中，我们可以对图片的外形进行处理，从而达到我们想要的效果。方形的图片时最常见的，他可以将图片的细节都保留下来，同时也给人一种稳定、庄重和安静的感觉，但是也容易使画面显得呆板。当多组图片同时出现时，方形图片的排列是最常见的。

圆形图也是一种较常见的处理方式，它削弱了图片四角张扬的感觉，可以形成一种介于四边形和自然形之间的效果。给人一种圆润柔和的感觉。自然形态的图片在版式中也较常出现，它能更好的强调物品的轮廓及形状，使页面可以产生一定的动感。这类图片的处理方式多存在于杂货、衣物、电子产品、食品的版式中。

3.图片的组合摆放

多组图片同时出现在版式内时，会以一定形式的组合呈现。适合形组合，多组图片在外形上具有一定的适合关系，或者是将一个图片嵌入到另一个图片当中。可以与色块或者图像进行组合。既产生一个新形象，同时也保留了图片的各类信息，版式看起来更加生动。拼贴的组合方式，图片在剪裁后，以打破常规的版面形式重新进行组合和排列，这种组合的方式可以增强版面的空间感和灵活性。拼贴式组合可以是将多张图拼贴成为一张图，也可以是一张图经过剪裁拼贴。

图片数量多少影响到读者的阅读兴趣，如果只有一张图片，那么它的质量就决定了版式的成功与否，也决定了人们对于该版式的印象。增加一张图片，版式就会变得相对活跃起来，同时也会出现对比的格局。图片增加到三张以上，就能营造出更加有空间感和动感的氛围。图片增多，浏览的余地也会增多，但是数量的多少也是需要根据版式的内容来安排的。

在这个快速阅读的时代，读图已经成为了一种习惯。版式设计也需要紧跟时代的步伐，不能单纯为了追求感官上的刺激。设计师可以选择以简洁明了的形式来突出主题传达信息，给读者留下深刻的印象，也可以选择以新颖独特的形式来追求另外的视觉体验，满足大众的审美需求。但是在版式的排列当中，图片排版会直接影响版式内容的艺术表现形式。将图片设计与版式设计结合在一起，通过对读者视觉上产生的冲击力，利用人们的视觉心理，牢牢抓出读者的眼球，才能将读者的注意力吸引到版式上面来，设计出符合大众审美要求的版式作品。

参考文献：

[1]陈昭霓 着：《图片在版式设计中的应用》科教文汇 2013年10月（下）。

[2]张翠霞 着：《版式设计中图片排版要点分析》 剑南文学 2012年07期。

[3]佐佐木刚士着 武湛 译：《版式设计原理》中国青年出版社 2012年。

2.版式设计分析总结 篇二

在最近的几十年中, 视觉传达中的技术创新大大提高了我们的潜力, 特别是数字技术为设计师、艺术家和其他人提供了几乎是无限的机会, 帮助他们将概念通过技术手段形成具有表现力的视觉形式。保留版式、运动和情感的各自特点, 经过版式和动作组合, 形成动态排版, 或有时也被称为动态版式。与静态形式不同的是;它可以将视觉图像作为介质, 使用运动传达的方式, 它本质上是跨学科的;在这个意义上, 它可以整合排版技术, 运动, 平面设计, 音乐和文学叙事。

当我们拓展、合并了平面设计教育中的排版和运动后, 在动态排版开始前我们要教导我们的学生通过学好基础知识, 创作出创新性的视觉形式。通过这个过程达到丰富的, 富有表现力的阶段 (有时也被称为环境或场的活动) 。

这些基本原则可以归纳为四类。

1. 类型和表达

(1) 选择字体

动态排版中起着核心作用的是时间。对排版应用程序的认知, 能帮助学生理解使用合适的字体用来表现和传达信息。凡是字体都有其自身的美感, 显现的表相特征证明其字体的视觉属性。教学中重要的是让学生了解基本的字体分类、不同类型及功能。任何一类字体都有自己独立的身份, 因为不同的比例和线的粗细, 整体宽度, 结构等。这些分类的意识在设计师的能力发展中是重要的, 选择合适的字体, 才能增强在动态版式里的表现力。

(2) 形式

形式是在使用动态版式进行表达意图和传递信息时的重要手段。在这种情况下, 形式具有双重作用:一是代表概念, 另一个是代表视觉语言。无论是在功能和表达上, 这种相互作用的意义和方法会带来平衡与和谐。当一个字体被确定为形式, 而不能够再继续阅读, 它自身的美感已被更改或变形, 利用机理或缩放等方法成为空间。空间成为一个活跃的现场舞台时, 我们的视觉环境改变为了新的层面。

(3) 表达的含义

表达的含义重要的是要了解表达的类型, 其物理形态有其自己个性的表现力, 例如体积关系、几何关系和面积关系, 使他们展示出丰富的表情并带有情绪。这是因为每种字体都是个性化存在的。类型也代表各种动作的表达。字体可能会出现走, 跑, 跳, 躲, , 爬, 跳, 飞, 站, 上升, 挂, 浮, 沉, 或崩塌。每个字体都带有自身的表情, 如果利用其强烈的个性来平衡和选择适当的字体, 将在动态环境中加强内容结构和运动。

2. 空间

(1) 结构

空间通常被理解为能独立存在的物理现实, 而且是无限的。感受整个空间时, 我们会有明暗感、方位感、距离感、并同时感受到平衡和深度。在视觉环境中, 通过视觉点, 正视图, 和从任何地点的斜视图, 创建位置, 方向和时间间隔的空间环境, 这是我们看到的用透视观点观察出的三维空间。在加入时间的动态排版空间中, 对象从一个位置移动到另一个, 意味着空间和视觉产生变化。这些相同的构成也能发生在计算机屏幕上的动态版式中。

(2) 帧

在基于时间的动态排版环境中, 帧具有一定的比例, 根据其用法。帧长宽比是该帧的宽度和高度之间的关系, 并且被表示为“x:y的”。有三种常用的宽高比:传统的电视屏幕1.33:1或4:3, 这意味着, 每4个单位是宽, 高是3个单位 (4/3=1.33) , 高清晰度电视屏幕, 宽屏幕标准或欧洲是1.78:1或16:9;而摄影画面是1.85:1。计算机显示器通常使用的高宽比为1.33:1。

3. 时间

(1) 运动

要了解动态排版, 必须要了解两种不同类型的帧顺序:关键帧和两者之间的帧。

关键帧发生在一个运动的开始和结束, 并记录一个运动或一个故事在序列中的变化。帧与帧之间支持的主要是运动。

使用运动时, 物体在同一空间出现或消失, 观众看到了穿越时空的空间体验, 如在帧与帧之间做数量的调整, 会使对象出现移动更慢或更快的现象。它呈现出流畅的运动和时间节奏性, 并且必须保持平衡。在两个关键帧之间, 帧的数目可以在视觉上导致观众各种情绪反应。因为速度的运动会引起不同的情绪感受, 快速运动能产生情绪影响力, 并能表现出不同的强度。例如:气愤、幻觉和紧张等。慢运动创建了一个休闲的感觉, 观众会感到和平, 宁静或快乐。在帧与帧之间做数量的调整会影响到叙述的步伐, 同时创造出合适的气氛。带起的情感变化, 能够引起人们通过感受一种运动中得心理, 经过视觉运动的强度影响到头脑, 加强情感反应。

(2) 顺序

一个顺序是由一系列连续的物体或场景在时间的链接中形成, 并包括按时间排列的叙事单元。这样的序列, 当然也包括支持叙述故事线的子序列。一个线性序列的所有事件发生后, 一个接一个, 产生一个逻辑从开始到结束的时间表。

4. 辅助元素

(1) 视觉标点

为了改善在动态版式中可视化和功能的结构, 构建的视觉图像应具有显著的视觉效果。视觉标点的组成包括线型、符号化图形和形状等现象。线由水平线、垂直线、对角线和弯曲等形态构成。符号化图形可以由字或字母和标志性的数字或图案组成;形状包括几何形态和原型。视觉标点创造了视觉中心, 通过分解结构层次进行阐释, 引导观者注意中心, 在节奏上、动态上, 加入光能的效果, 能产生意想不到的的形式。这些不同的部分相互作用, 对表达、刺激视觉上的和谐, 是非常重要的。

视觉标点也会影响到我们的情绪。其中形态, 线型和符号能引导出美好、和谐等的感受, 代表积极的人生观。相反, 不友好的异形和大的锐利的形态, 能带动负面情绪产生, 如刺激、愤怒、甚至厌恶。带有圆的线和形态, 可以引出友好情绪或压感。字符, 如问号或感叹号, 可以带起兴奋感、甚至忧虑等。正确使用混合视觉标点来描述不同的感受, 才能唤起组合中的多个级别情绪。

(2) 色彩

色彩会影响人的行为和情绪。因为文化的多样性, 这些影响可能会有所不同。例如:在东方文化中, 白色是丧服的颜色;与此相反, 在西方文化中, 白色代表纯洁、天真与和平, 而黑色代表哀悼日、死亡和邪恶。红色是一个符号;在印度庆祝活动中是祝你好运, 它代表纯洁。在东方文化中, 黄色代表神圣和御用的, 而在西方, 它代表快乐和幸福。当我们遇到色彩传达的内涵在实际空间和方位、运动、高度、长度、宽度和重量中可以触发我们体验喜悦、悲伤、快乐、愤怒、恐惧、惊讶、爱和激情的情绪, 刺激我们的感官。

(3) 音乐

在动态版式构图中, 音乐也是构图中要考虑的因素。音乐可以影响人的情绪和心理。它的强大在于能唤起人类的表情。人们通过音乐来表达情绪, 其内容能够在人们的心理有意或无意识的改变心境, 带来各种不同的感受, 能将人们的精神与沟通变得丰富起来。人们在个人背景和不同经历下, 对音乐有不同的理解及反应。在电影、动画、交互式多媒体技术和数字媒体中能创造出视觉艺术的独特风格。同色彩和运动一起创造出情感组合的贡献!带来和谐的影响, 增强了动态视觉吸引力的传达。

3.版式设计中视觉疲劳现象分析 篇三

关键词：版式设计；视觉疲劳

信息爆炸的时代，人们接收信息的方式多种多样，不管是纸质或网络平台的传播途径，信息传递的方式总离不开版式。为了从众多信息中脱颖而出，信息传递时采用了各种吸引注意力的方式，在版式设计中呈现出堆砌信息量和光、形、色等因素干扰的现象，致使视觉疲劳现象的产生。

视觉疲劳的产生有两个方面，一种是生理上的视觉疲劳；另一种是心理上的疲劳，当一种事物被过分滥用时，也会引起视觉疲劳现象。

1 用眼过度

用眼过度主要表现在色彩的识别上。英国埃克塞特大学的精神科研究员研究表明，眼睛对颜色的识别有先后顺序，黄色最早，红色次之，蓝、绿最晚。一般情况而言，眼睛对黄绿色的变化感觉最灵敏，对光谱两端的波长变化感觉最迟钝。所以色彩的搭配方式会对眼睛造成不同程度的影响。

例如，长期盯着红色会比长期盯着绿色更容易感觉到视觉疲劳；橙色放在不同背景上，会呈现出红色和黄色的差异。又如，黑白色彩的对比，在白线交叉处的白色不如黑块间的白色，显得略微灰些，导致人眼在看到这张图时，黑块与黑块间出现了灰色斑点，忽现忽灭。这是由于在黑白反差强烈的视觉环境中，会使眼睛的色觉功能受阻。例如，白纸黑字看起来固然清楚，但时间一长眼睛容易疲劳，因为白纸将白色光全反射到视网膜中，使锥状细胞受阻，引起最弱色觉感，导致最强的全频光感，使眼睛处于疲劳状态。

暗色冲击力强，如果在版式设计中大面积背景呈现黑色，正文呈现白色，确实让整个页面都焕然一新的感觉，十分抓人眼球，但是这类黑色背景网站不适宜放过多的文字，或进行长时阅读。因为黑底白字的强烈对比会对视觉造成一定的刺激，让人感到十分刺眼，并且在观看的时候视觉会出现闪烁，造成视觉疲劳。

2 视觉干扰

人眼的视角张度大约在45度左右，人的视力敏感区在中心线10%左右的范围之内，如果想表达的中心信息在视觉中线10%外，那视觉对它的敏感度就降低了。如果视域内头绪太多显得杂乱无章，容易造成视觉臃肿和干扰处处抢眼，就会导致视点游离不定，产生视觉疲劳。

因此，种种不合理的版式设计会刺激观众的视网膜神经，产生视觉疲劳现象。例如，在一些网页版式设计中常会出现与页面不相关的或混乱的弹窗，分散受众对于网页内容本身的注视力，倘若这些视觉噪音在观众的视野中居于主导地位，即视觉环境中噪音比越高，观看效果越差，不舒适感和视觉疲劳现象越严重。

主体位置突出醒目，背景及图形富于变化，内容疏密有致，会保证阅读的连贯和视觉的缓和。相反，倘若版式中内容过密，背景主体不分，则容易引起视觉的负担，从而导致疲劳现象。

图1、图2的版式中几乎所有的位置都分布着视觉点，频繁的闪动、繁杂的信息、干扰的内容等加剧了眼睛的负担，分散了视觉的注意力，容易产生视觉疲劳现象。反观下方的页面设计，清新整洁，内容一目了然，保证了阅读的连贯性和视觉的缓和度。

3 审美疲劳

视觉心理不喜欢重复老一套，希望常看常新，因为再好的形式也会日久生厌。审美疲劳就是视觉心理的一种反映。

给人眼阅读疲劳感最强的，莫过于从小到大各式样的中文字典或外文字典，无论中文或英文，都给人密密麻麻的不适应感。从目录页到正文内容，几乎是字挨字、行挨行。每一页过多的信息使人的眼睛产生了负荷感，多翻几页连续观看就会有视觉紧张感。如果在平时学习中或者考试中，需要翻阅查找文字时，由于心理的紧张感和压力感，往往就会忽略掉一些信息，视觉高度集中在密集的句子之间，延迟了人获取信息的速度，同时造成视觉和心理的双重疲劳。

图与文的结合是常见的版式形式，但八卦周刊向来是以混乱的图片、大字报的设计形式示人。视觉感官较混乱，板块无序分割、图文排列无版式，主要文字的字体变换无重点，致使整个版式呆板无趣，使阅读枯燥乏味，易于产生视觉疲倦。

试想，在版式中广告版面和文字把整个版面占得满满的，势必会使读者在识别信息的时候过度使用眼睛，造成视觉上的臃肿，给人杂乱无章之感，容易产生视觉疲劳现象。而图3中报纸的版式设计给人的视觉感受更为清晰，除了版式的规整外，主次关系十分明确。图片与文字的结合十分巧妙，不会造成眼睛不必要的不适感。

视觉传达设计伴随着时代的发展而诞生，而视觉疲劳则是视觉传达设计下必然产生的现象。我们要做的就是在了解视觉疲劳产生的原因后，尽最大努力去解决问题，还受众一个舒服的视觉感受。

参考文献：

[1]柳沙.设计心理学[M].清华大学出版社，2006.

[2]阿恩海姆（美）.艺术与视知觉[M].四川人民出版社，1998.

[3]李发科.趣论眼睛[M].中南大学出版社，2005.

[4]荆其诚，等.人类的视觉[M].科学出版社，1987.

[5]刘小闹.彩色纸对视觉疲劳的影响[J].纸和造纸，2007.

[6]周玫.博物馆视觉环境与观众视觉疲劳[J].东南文化，1988.

[7]刘运周.观看立体图像时视觉疲劳的研究及改进措施[J].北京邮电大学，2010.

[8]刘珏琏.媒体教学对大学生视觉疲劳的影响及对策[J].现代预防医学，2005.

[9]陈丽萍.视疲劳病因研究及防治[J].国外医学，2005.

[10]徐菲.视觉传达设计中的视觉疲劳现象研究[J].北京服装学院，2014.

[11]国士.眼睛与视觉[J].中国眼镜科技杂志，1999.

[12]靳建有.基于视觉心理体验的版式设计分析及应用研究[J].河北师范大学，2014.

4.版式设计教案内容 篇四

课程名称： 第一章 版式设计的概述 教学目的：（1）了解版式设计的目的

（2）理解版式设计的相关原则（3）掌握版式设计的视觉流程

教学要求：理解黑、白、灰整体分区概念；点、线、面在版式设计中的运用；各种设计原则及表现；把握具体设计内容与形式表现之间的内在关系，熟练掌握文字与文字、文字与图形、整体与局部之间的构成关系。

教学重点：版式设计的视觉流程 教学难点：字体、行距、字距。

教学方法：理论讲授、图片分析并使学生展开对版式设计目的的讨论。教学用具：幻灯片，黑板 教学课时: 4课时

参考书目：

1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程：

一、首先介绍课程的性质，通过看一些设计图片来引申出版式设计的目的与概念。

二、深入教学，请学生从自身经验出发谈谈对版式设计的认识，并思版式设计的目的是什么。

三．在对版式设计的概念有一定了解的情况下，思考并总结版式设计的原则。

课程作业：上网搜索2个优秀的和2个不好的版式设计，并给予解释 教学内容：

备 课 纸

第一节 版式设计的目的

版式设计是一门特殊而关键的课程，更大程度上它又是一门专业基础课，它为以后的招贴设计、包装设计、书籍装帧设计以及一切需要通过平面来表达的设计课程打下基础。这就决定了这门课程主要是关于版式设计的基本原理、设计法则和审美把握，它是一门认识课程而不是技法课程。通过这门课程的学习，一是要理解版式设计的基本原则，掌握版式的设计法则；二是要培养和提高学生的审美能力，完善学生的审美结构；三是要训练学生和思维能力，开拓学生的思维意识，培养学生的创新思维；四是要养成学生的动手习惯，培养学生的实用技能。这就是版式设计的教学目标。

版式设计随着时代的进步，它能体现出文化传统、审美观念和时代精神风貌等，被广泛地应用于广告、书刊、包装、装潢、展机、机构视觉形象和网页等传播领域。

1、有效提高版面的注意值

当纷繁复杂的视觉信息展现在眼前的时候，哪些信息更能让我们愉快地去接受呢？哪些版式更能吸引人们的注意呢？很显然，那些美感突出，对比强烈的画面更引人注目。现代版式设计早已不是单纯的技术编排，而是技术与艺术的高度统一。人们的视觉习惯不断改变，设计师的观念也不断更新，新的版式效果不断呈现。那些形式独特、美轮美奂、现达完善的画面让人们过目不忘，注意值当然得到大大的提高。

2、有利于信息的有效传递

版式设计本身并不是设计师的最终目的，它只是为了更好地传递信息的手段。凡是成功的版面，首先必须明确表达目的和主题思想，还要有上佳的创意策划和表现手法，做到主题鲜明、形象突出、美感强烈。在若干复杂纷乱的信息，无法让我理解，如果通过版式的精心设计，把各种元素根据特定内容进行组合排列，既可以使画面形式更加服从内容，提高信息的传达效果和效率，使版面更加风趣，富有内涵。

3、强化传达效果的持续留存 当今视觉传达设计大多都带有商业色彩，主要宣传的是企业及品牌形象。因此如何让企业形象得到很好的传播和留存是许多设计师强调的重点。因此说优秀的版式设计，能够激发人们的兴趣，使画面生动、有趣、幽默，这样能够深度刺激大脑皮层，保持信息的持续留存。

备 课 纸

第二节 版式设计组版的原则

1、主题鲜明突出 按照主从关系的顺序，使放大形象成为视觉中心，以此来表达主题思想。将文案中的信息作整体编排设计，有助于主体形象的建立。在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。

2、形式与内容统一

只讲求完美的形式而脱离内容，或者只求内容而缺乏艺术的表现，版式设计都会变得空洞和刻板。

3、强化整体布局

即将版面各种编排要素在编排结构及色彩上作整体设计。把图片、文字整体编排，将文字中多种信息组合成块状，使版面具有条理性。

第三节 版式设计图文编排原理

任何版面都是由点、线、面这几个基本元素构成的，设计时应把握好相互间复杂的关系。

1、版面设计的基本要素

版式设计实际就是如何编排好点线面。一行文字可以看作一条线，一个字母可以看作点，几行文字可以看作面。

（1）点在版面构成上的作用。版面中的点是由形状、方向、大小、位置等形式构成。

（2）线的构成。线是点的移动轨迹，有实线，有虚线，也有流动线，将各种不同的线运用到版面中，就会获得不同的效果，在各种场合都能表现独特的个性和情感。能否善于运用线是判断设计师设计能力的强弱基本标准之一。方向性、流动性、延续性及远近感，使画面产生空间深度和广度，线的情感构成，线的力场和等量分割

（3）面的构成，主要研究空间层次感。

备 课 纸

2、文字的编排构成

（1）字体。字体的选用和设计是版式设计中文字编排的基础。在设计时，同一版面选择两到三种字体可组成最佳视觉效果，字体多了，会觉得零乱而缺乏整体感，（2）字号。字号表示字体的大小，计算机的字体通常采用号数制，点数制和级数制。点数制是国际流行的标准制，也称磅。建议同学们，把电脑字号按照由大到小编排好打印出来，作为设计排版的参考。尽量不要用5点以下的字，这对印刷的质量要求很高，而且不利于阅读。

（3）字距与行距。一般行距的常规比例为8：10，即字号大小为8点，行距则应达到10点的疏密度。但字距与行距不是绝对的，应根据实际情况而定。有些独特的设计，就是采用变换字距和行距得到的。

（4）文字编排的四种基本形式。A左右均齐B、齐中C、齐左或齐右D、文字绕图排列

（5）标题与文字的编排。（6）行首的处理。（7）引文的强调。

（8）图形与文字的组群排列。

第四节 版式设计的视觉流程

1、单向视觉流程：使版面的流动线更为简明，直接地诉求主题内容，具有简洁而强烈的视觉效果。

竖向视觉流程：给人坚定，直观之感 横向视觉流程：给人稳定，恬静之感 斜向视觉流程：给人运动，活泼之感

2、曲线视觉流程：随弧线或回旋线而运动变化。更具韵味，节奏感。主要可以备 课 纸

概括为C型和S型。S型中两个相反的弧度可产生矛盾回旋，在平面中增加深度和动感。

3、重心视觉流程：重心以其强烈的形象或文字独踞版面某个部位，是视觉心理的重心，位置因具体画面而定。

4、反复视觉流程：指相同或相似的视觉要素做规律性、秩序性、节奏性的逐次运动。其运动流程不如单向、曲线和重心流程运动强烈，但更有韵律美和秩序美。

5、导向视觉流程：通过诱导元素，主动引导读者视线向一定方向顺序运动，由主及次，把画面各构成要素依序串连起来，形成一个有机整体，使重点突出，条理清楚，发挥最大的信息传达功能。编排中的导线有实有虚，表现多样。如文字，、手势、形象、视线均可为导向。

6、散点视觉流程：指版式中图形与文字呈自由分散状态编排，强调感性，随机性，偶然性，强调空间感和动感，追求刺激，是一种较为随意的编排，这种编排方式在国外非常流行。

7、最佳视域：版式设计时，设计师应该考虑将重要信息或视觉流程的停留点安排在注目价值高的位置，这便是优选最佳视域。上部给人积极高昂、轻快、飘浮之感；下部给人压抑、沉重、消沉、限制、低矮和稳定的印象。左侧，感觉轻便、自由、舒展，富于活力；右侧：感觉紧促、局限却又庄重。

以上几种视觉流程均为理性的流程。在编排方向性视觉流程关系时，要注意各信息要素间隙大小的节奏感。而第六项散点视觉流程似乎与前五项相互矛盾，其实不然，它是前五项的一种突破与创新，体现了现低设计的气息和独特魅力。

备 课 纸

第一章 课 程 小 结

通过本章节的学习，使同学们了解的版式设计的相关基础概念，并通过寻找优秀的版式设计作品，结合现代版式设计趋势，进行点评，来增加学生对版式设计的敏感度。通过点评学生能较好的掌握版式设计目的、类型以及视觉流程等基本概念。

备 课 纸

课程名称：第二章版式设计形式法则 教学目的：了解版式设计的形式美法则及其规律。

教学要求：掌握版式设计的形式美法则及其规律，并能熟练运用这些形式美法则。教学重点：

版式设计的规律 教学难点： 版式设计的规律

教学方法：理论讲授、图片分析并使学生展开对版式设计形式法则的讨论。参考书目：

1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学用具：幻灯片，黑板 教学课时: 8课时 教学过程：

一、导言 复习上节课所学内容引出新课程的新内容。

二、深入教学

第一节 点线面的运用 第二节 对称与均衡

第三节 “对比,变化”与“调和,统一” 课程作业：

作业内容：对点、线、面进行排列组合练习作业要求：组合合理，具有创新性

教学内容：

第一节 点、线、面在版式设计中的运用

备 课 纸

形式美法则是形式美的基本规律,是民形态艺术设计的基本原则,它是人类千百年来从自然万特中总结出来的美的规律,具有普遍性。版式设计作为实用艺术的一部分必须遵循形式美法则。

点、线、面是最基本的形态元素,点、线、面的构成是平面设计的基础。作为版式设计当然不能例处,在版式设计中,点、线、面的应用主要有两个方面。

(1)以造型形态的应用。以造型形态来讲,点的构成应用：分割画面形成区域构图、辅助处理底纹增强装饰性。线的构成应用：分割画面形成区域构图、构成图案丰富画面美感,形成画面边框。而的构成应用：分割画面形成区域构图,强调画面中需要突出的部分。

(2)以构成要素的应用。版式的构成要素分：标志,主题文案,辅助说明文案,画面底的构成图案。以构成要素分析点,线, 面的构成是画面构图的需要。在一张完整的版式构图中,各个具体要素按照其形态,大小的不同,归纳出响应的点形,线形,面形,从点,线,面及其相互关系来调整其方位,比例等,从而丰富和完善画面的构图。也使得设计者在把握构图时易得其法。

第二节 对称与均衡在版式设计中的运用

(1)对称是完美形态

对称的视觉感受是庄严,秩序,安静,平和。对称是有机生命的完美的形式体现,如：人,各种动物大多都是对称的形态,普遍地存在于自然界当中,所以在设计时间中具有永久的生命力。对称具有完全对称和近似对称两种形式。所谓完全对称是指绝对的对称。所谓近似对称是指构图整体呈对称趋势,构成要素局部是有变化的。版式设计中所应用的对称方式大多是近似对称。因为版式设计的形式决定于版式的性格特征,所以一般政府机构,行业或企业领导者的版式采用对称式构图。

(2)均衡是形式美的重要因素

它来源于自然事物在力的状态下稳定存在的视觉感受,所以均衡是力与量的视觉平衡。在设计中是设计要素在总体配比中的平衡统一,是利用设计要素的虚实,气势,量感等 备 课 纸

相互呼应和协调的整体效果。它的形式体现主要是在有机的布局中掌握画面的重心。在版式设计中的整体构图方面均衡是首先思考的设计要素,因为它具有构成的完整趋向。

第三节 “对比,变化”与“调和,统一”

“对比,变化”与“调和,统一”,二者是同一问题的两个方面。世界上一切事物都处在矛盾统一体当中。正如毛泽东同志在《矛盾论》中论述的那样,“矛盾存在于一切客观事物和主观思维的过程中,矛盾贯穿于一切过程的始终,没有矛盾就没有世界”。在形式美的构成中,“对比,变化”和“调和,统一”是一对永不可分的矛盾统一体,把握和处理好这对这对矛盾统一体与局部的关系。设计者如果只注意局部的变化,而缺乏对全画面的考虑,画面就会凌乱,琐碎。反之如果只注意整体调和与统一,画面就会呆板,单调,乏味,枯燥。所以,每件作品都必须要有适度的变化,适度的对比,同时,又必须处理好各局部之间的关系,使之和谐统一,版式设计也无例外。

(1)版式设计的对比方法。各构成要素形的对比。

在版式的各构成要素中,存在着诸多的对比方法,如：空间对比与聚散对比,大小对比,曲直对比,方向对比等。空间对比与聚散对比在版式设计中主要应用于构成要素与版式底的空间对比,构成要素自身的排列构成。在中国的绘画理论中,“有疏能跑马,密不透风”的绘画原则。它形象地阐明了空间的对比关系。在版式设计作品中,画面留有一定的空间,构成要素有聚有散,才能增强其作品的深度,才能主题突出。在版式设计中强调大小对比会使画面层次分明,主题明确。运用曲直对比,方向对比的版式设计,会增强版式性格特征使版式的整体感受活泼,轻快。

色彩对比

色彩对比分析起来不过是色彩三要素的对比-色相对比,色度对比,冷暖对比。版式的设计色彩对比设计是不可缺的因素,无论是对比强烈还是对比微妙,都要把握色相,色度,冷暖的色阶变化,形成丰富的画面效果。设计者要注意使色彩的区域对比明确,又要使画面的色调协调统一。处理好版式的色彩对比关系,就能增强画面的视觉感染力。

备 课 纸

个性对比

这种对比存在于不同的版式之间,作为版式的设计者,在设计不同的版式时应了解版式持有者的工作单位性质和个人的职务特点,从而设计出符合其身份的版式。每个人的工作单位,植物特点各个相同,所持有的版式就应该存在着明显的个性差别。设计师依据持有者身份特点确定版式的构图,字体,色彩等。例如：一张政府官员的版式,一般采用对称式或集中式构图,字体简洁大方,主题明确清晰,色彩单纯,对比强烈,不需要更多的情节要素。而一张企业经理人的版式就有所不同,他可以有较灵活的构图,具有企业特点的色彩等。只有抓住个性对比才能设计出更具情节个性,更多更好的版式。

(2)版式设计的调和手法。

调和,就是画面各组成部分的关系能够和谐一致,形成视觉美感。达到调和的最基本条件是画面中必须有共同的因素存在。版式设计的调和手法有如下几种：字体的形象特征调和,色彩的统一,排版方向的统一等。

备 课 纸

第二章 课 程 小 结

形式美法则是形式美的基本规律,是民形态艺术设计的基本原则,它是人类千百年来从自然万特中总结出来的美的规律,具有普遍性。版式设计作为实用艺术的一部分必须遵循形式美法则，通过本章节的学习，让学生过对名片进行设计，可以更准确的掌握版式设计的形式美法则，掌握版式中的各要素对比关系。

备 课 纸

课程名称：第三章版式设计类型

教学目的：通过本章节的学习，让学生了解和掌握版式设计的14种类型，以及图形的编排构成。

教学要求：掌握版式设计的14种类型，以及图形的编排构成。教学重点：图形的编排构成，展开页的整体设计。教学难点：图形的编排构成，展开页的整体设计。

教学方法：理论讲授、图片分析并使学生展开对版式设计类型的讨论。

参考书目：

1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学用具：幻灯片，黑板 教学课时:4课时 教学过程：

一、导言 复习上节课所学内容引出新课程的新内容。

二、深入教学 第一节 版式设计的类型(1)骨骼型(2)满版型(3)上下分割型(4)左右分割型(5)······

第二节 图形的编排构成(1)四角与中轴四点(2)支配版面的中轴四点(3)······

备 课 纸

课程作业：

作业内容：为自己设计一张名片

作业要求：根据所学的视觉流程为自己设计一张名片，要求两个方案，四个面。

教学内容：

第一节 版式设计的类型

一、骨骼型

骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式，既理性、条理，又活泼而具弹性。

二、满版型

版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉，是商品广告常用的形式。

三、上下分割型

把整个版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。配置有图片的部分感性而有活力，而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

四、左右分割型

把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题，也自然不如上下分割的视觉流程自然。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。

五、中轴型

备 课 纸

将图形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

六、曲线型

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

七、倾斜型

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

八、对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

九、中心型

重心有三种楷念。

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

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

3、离心：犹如将石子投入水中，产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点，使强烈而突出。

十、三角形

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

十一、并置形

将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味，给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。

十二、自由型

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

十三、四角型

指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面，给人以严谨，规范的感觉

备 课 纸

第二节 图形的编排构成 一、四角与中轴四点

1、支配版面的四角和对角线

在版面结构布局上，四角与对角线具有潜在的重要性。四角是表示版心边界的四个点，把四角连接起来的斜线即对角线。交叉点为几何中心。布局时，通过四角和对角线结构求得版面多样变化的结构形式。如图一组：

2、支配版面的中轴四点

中轴四点指经过版心的垂直和水平线的端点。中轴四点可产生横、竖居中的版面结构其四点（上、下、左、右）可略有移动。如图二组：

3、四角与中轴四点结构

将四角与中轴四点结构结合使用，其版面结构更为丰富完美。如图三组：

二、方形图、退底图、出血图

1、方形图

方形图，即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图将主体形象与环境共融，完整的传达主题思想，富有情节性，善于渲染气氛。配置方形图的版面，有稳重、严谨和静止感。

2、退底图

退底图，即将图片中精选出来的图象沿图象边缘剪裁而保留轮廓分明的图形。退底图形自由而突出，更具个性，因而人印象深刻。配置退底图的版面，显得轻松、活泼、动态十足，3、出血图

即将图形充满版面，无边框，有向外扩张和舒展之势，出血版产生动感，有与人更接近之感，一般用于传达抒情或运动信息的版面。若图片采用出血版式，因不受边框限制，而使感情与动感得以更好的舒展与发挥。

三、图形面积

版面中，图形面积大小不仅影响版面视觉效果，而且直接影响感情的传达。

1、大图形情感强烈

备 课 纸

大图形面积注目程度高，感染力强，能给人舒服愉快感。大图形通常用来表现细部，如人物表情、手势某个对象的局部特写等，能在瞬间迅速传达其内涵，与人产生亲和感。

2、小图形精密

将小图形插入字群中显得简洁而精致，有点缀和呼应版面主题的作用。但同时也给人拘谨、静止，趣味弱的感觉。

在进行版式设计时，若只有大图形而无小图形或细部文字，版面就会显得空洞。但光有小图而无大图形，又会使版面缺乏生气而显得平板。只有大小、主次得当的穿插组合，才能获得最佳的搭配关系。

四、块状组合与散点组合1、块状组合

块状组合即将多幅图片通过水平，垂直线分割，图片在版面上整齐有序的排列成块状其组合方式具有强烈的整体感，严肃感、理性感和秩序感。

各图片相互自由叠置或分类叠置而构成的块状组合，具有轻快、活泼的特性，同时也不失整体感。

2、散点组合

将图片散点排列在版面各部位，版面即充满自由轻快之感。散点组合编排时，注意图片大小、主次的配置，方形图与退底图的配置，同时还应考虑疏密、均衡、视觉方向程序等。

五、展开页的整体设计

文字或图象成延续页面的设计，称为连页或展开页设计。当视线扫视版面时，首先是注意左右页或展开页的整体效果，然后才从左至右进行阅读，因此整体设计非常重要，它不仅是单页面的整体，而且是展开页的整体，如果只注意单页局部而忽视整体，或将左右单页分开来编排，都会造成散乱、不统一的视觉感受。建立展开页的手法很多，主要从以下几方面来把握：

1、展开页的整体设计建立在形象的对比关系上，左右页常以一大一小、一多一少、一动一静、一黑一白、一曲一直、局部和整体、文字与人物等形式构成，在对比中建立和谐的整体关系。

2、展开页的整体设计建立在同一视觉识别上。

备 课 纸

3、展开页的整体设计建立在形象的起承关系上，所延续的图象或文字有被分割的感觉。

装订的一般形式：

有鞍形针装订、侧面针装订、盒式线缝装订、无线胶粘装订、塑料蔑、螺旋金属线、可卸式封页等。

从大的方面来看版式设计涉及到平面、影视、网络等。作为最普通的平面设计‚又可细分为报纸、杂志、招贴、地产、商业和公益等不同类别。在这个日益被广告引领消费的时代 ‚版式设计已成为人们日常生活中不可缺少的重要内容‚同时也深刻影响着人们的生活品位和文化积淀。

版式设计的构成要素和平面广告的构成要素大致是一定的。属于造型方面的构成要素如下。

插图，不论是黑白还是彩色图形‚图像或照片‚插图设计者都要融合广告的主题并具有强烈的视觉个性‚以及可读性和视觉感染力。

商标 在广告编排中‚商标不仅仅是产品单纯的标识符号‚而且与表达的主题要关联‚要简洁易识、形式感强。

名称，商品名称是广告传达中的重要内容‚是产品信用的代表‚商品名的形意要连通‚它的发音和字形都构成视觉效果的重要因素。版式轮廓 版式轮廓在广告编排中的意义就在于引导读者的视觉范围‚区分与其他广告的不同‚强化读者对广告的注意范围等。

备 课 纸

第三章 课 程 小 结

在第三章的学习中，让学生们通过几种主要的版式设计类型的训练能够较准确的把版式设计类型运用在平面设计中，并能很好的掌握其特性。

备 课 纸

课程名称： 第四章现代版式设计的发展趋势

教学目的： 通过本章节的学习，让学生了解版式设计的发展趋势，把握最为前沿的设计。

教学要求： 了解版式设计发展趋势

教学重点：版式设计发展趋势的中的主要趋势 教学难点：版式设计发展趋势的特点

教学方法：理论讲授、图片分析并使学生展开对版式设计发展趋势的讨论。教学用具：幻灯片，黑板 教学课时: 4课时

参考书目：

1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程：

（1）强调创意（2）突出个性（3）注重情感

课程作业：

作业内容：为永州设计一张宣传海报

作业要求：要求两个方案，突出永州的地方文化特色，大小不得小于A4纸。

教学内容：

一、强调创意

平面设计中的创意为两种，一是针对主题思想的创意；二是版面编排设计的创意。将主题思想的创意与编排技巧相结合的表现，以成为现代编排设计的发展趋势。在编排 备 课 纸 的创意表现中，文字的编排具有强大的表现力，它生动、直观、富于艺术的表现与传达。文字与图形的配置，已不是简单的，平淡的组合关系，而是更具有积极的参与性和创意表现性，与图形达成最佳配置关系来共同表现思想及情感。这种手法，给设计注入了更深的内涵和情趣，是编排形式的深化，是形式与内容完美的体现。

二、突出个性

在版式设计中，追求新颖独特的个性表现，有意制造某种神秘、无规则、不理量的的空间，或者以追求幽默、风趣的表现形式来吸引读者，引起共鸣。乃是当今设计界在艺术风格上的流行趋势。这种风格，摆脱了陈旧与平庸，给设计注入了新的生命。，在编排中，除图片本身具有趣味外，再进行巧妙的编排和配置，可营造出一种妙不可言的空间环境。在很多情况下，图片平淡无奇，但经过巧妙组织后，即产生神奇美妙的视觉效果。

三、注重情感

“以情动人”是艺术创作中奉行的原则。在版面编排中，文字编排表述最富于情感的表现。如文字在“轻重缓急”的位置关系上，就体现了感情的因素，即“轻快、凝重、舒缓、激昂”。另外，在空间结构上，水平、对称，并置的结构表现严谨与理性；曲线与散点的结构表现自由、轻快、热情与浪漫。此外，出血版使感情舒展，框版是感情内蕴，留白富于抒情，黑白富于庄重、理性等等。合理运用编排的原理来准确传达情感，或清新淡雅，或热情奔放，或轻快活泼，或严谨凝重，这正是版式设计更高层次的艺术表现。

播放短片，优秀版式设计作品展。

备 课 纸

第四章 课 程 小 结

通大量的图片信息，使学生们了解当今版式设计发展的趋势和潮流，平面设计中的创意为两种，一是针对主题思想的创意；二是版面编排设计的创意。将主题思想的创意与编排技巧相结合的表现，以成为现代编排设计的发展趋势，所以在今后的版式设计中，希望学生们能够从强调创意、注重个性和情感出发，设计出具形式与内容相统一的版式设计。

备 课 纸

课程名称： 第五章版式设计指南

教学目的：通过具体的实例分析，较好地掌握版式设计实战技巧。教学要求：掌握版式设计实战技巧。教学重点：样式与造型的关系 教学难点：图版率与视觉度

教学方法：理论讲授、图片分析并使学生展开对版式设计技巧的讨论。教学用具：幻灯片，黑板 教学课时: 4课时

参考书目：

1、《版式设计原理》佐佐木刚土 著，武湛 译 中国青年出版社 2007年版

2、《版式设计》贺鹏等著 中国青年出版社 2012年9月第一版

教学过程：

复习前几章节的内容，然后通过讲解大量的实例，来总结版设设计具体的方法。

教学内容：

1、文中的概念“高贵”、“廉价”、“便宜”等都属于中性词，没有褒贬之分，请大家不要用日常的生活习惯来理解，“廉价”并不就比“高贵”差，适合就行；

2、文中所有的图例都采用黑白，目的是为了排除类似色彩、材质等的干扰，本文仅限于探讨“版式”的神奇力量；

3、任何事情都不是绝对的，共性与个性在这个世界并存，但是在你还不是专家或者强者以前，了解普遍意义上的规律是理所应当的！对于规则的突破依赖于我们长久的对已有规律的练习、积累和探索，然后再是打破。就如同同学们在做设计时，大量的人喜欢将元素没有理由的减少到极少，文案也回避长文案，并美名其曰“我喜欢简约的风格”。可是事实上一个优秀的设计师，并不会拒绝饱满、丰富、热闹甚至繁复，一个真正的“简约”设计其实是有很多细节和“看头”的“复杂”工程。之所以你的作品千篇 备 课 纸

一律的单调乏味，是因为你并不具备“控制力”，怕丰富，所以只能用减少元素来掩盖，可那并不是真正的“简约”，只是简陋而已。所以，请好好应用我们的版式设计技巧，让你的控制能力突飞猛进吧！

在一个特定的空间中，版面所呈现出来的样式，以及为了达到这样的样式而实施的手段。

在教学过程中，我们不乏听到同学们精彩的言论和绝妙的创意，可是当我带着无限的期待看到最终的效果图时，往往心底一凉——没有形式美感！同时，尽力开始帮助同学修改其作业，我的原则是尽量做到不更改学生的设计初衷，通过调整在版面空间中对文字、图形的位置、大小、排列方式以及对色彩的搭配来改善稿件给人的视觉感官。于是有很多疑问在学生心里出现：为什么文字内容没变、要传递的信息主题没变、甚至还是那张不怎么好看的图，经过一番调整就会气氛大变呢？从木纳变成活泼、从廉价变成高贵？ 这就是版式设计的力量！

研读了好些教材和书本，我觉得最实用的，往往是最简单的，我就从一本日本的版式设计书籍里获得不少启示，本课就在此书基础上进行分析讲解，希望最没有基础的同学也都能有几分收获！这些知识需熟记熟用，方能举一反三，自我创新！

以上这个基因树形图就是对版式设计中最基础的内容进行的归纳，排除了一些其他因素，比如色彩，就完全从布局上去考虑，如果将此知识熟记并擅用，再慢慢加入其他如色彩、材质、工艺等知识，那么我们的设计将变得成熟而精彩！

一、什么是“样式”？

我们用人来打比喻，以便我们很好理解上面所陈列的版式设计的知识点。我们首先将我们的设计对象比喻为我们人自己，一个人要出席不同的场合，那么就需要不同的打扮风格，因此“样式”就是我们首先要做的选择：如果是去面试工作，那么我们要干练的OL风格；如果我们要参加狂欢派对，那么我们可以前卫大胆的猫王风格；如果我们要参加婚礼，那么我们要正式又不抢新娘光彩的风格„„版式设计也是如此。因此，所谓“样式”就是要根据我们的目标对象的要求所要选择的一个整体的氛围，比如商场打折促销，我们就需要选择让人产生“亲和力强、刺激、价格便宜”等联想的“样式”；如果是高端产品上市，就需要选择“这玩意儿应该不便宜、高贵、不容易得到”等心理 备 课 纸

反应的“样式”。对一个不擅长打扮自己的人来说，要他确定一个正确的样式概念并不难，也许他清楚的知道参加面试应该是庄重又不失活力的，可是有可能他最后自己挑选和搭配出来的样子会很像去参加圣诞派对，要不就严肃到像是去参加葬礼。真正让我们头疼的并不是选不对样式的概念，而是怎样准确的达到我们想要的“样式”，难道真的只能凭感觉吗？我相信感觉很重要，但他依赖于经验的丰富和审美的高层次，可是对于初学者感觉往往是不准确的，就像一个未出校门的大二学生，你要他成熟高雅那是太残忍。可是在版式设计中，对于感觉没到位的人，我们依然可以教给大家一些超级实用又简单的原理，让大家也能像模像样的“选对样式”更“做对样式”。这就需要我们对“视觉度、图版率、文字跳跃率、图片跳跃率、网格拘束率、版面率、三类构成、文字印象”这个八个要素进行学习、理解、记忆和练习。这样我们就能选对“衣服”、“鞋子”等等。

二、什么是“造型”？

那么又怎么理解“造型八巧”呢？扩展说来是“造型的八个技巧原则”。就像同样的衣服，有的人可以穿对服装的味道，而有的人穿出来就不是那么好，这就是造型的重要。如果我们穿一条拖地晚礼服，我们却顶着一头没洗一样的油头发，或者是杂两个羊角辫，可能怎么都不能达到高雅的感觉（除非你是故意搞怪）；又如我们穿一身职业装准备去面试，却画一个超级魅惑的烟熏妆，一个爆炸头，估计没单位敢要你（也许夜总会或一些不入流的歌舞团）。更进一步说，造型可以让我们锦上添花，如虎添翼——不仅是让你穿对，更是让你面面俱到的完善细节，无懈可击。如同两个女人都穿着长尾晚礼服，都梳着高挑的发髻，但是为什么一个让人觉得是“没问题”，而另一个会让人觉得“很精致”？可能原因就在于一些非常琐碎的细节，比如头发的适当蓬松，眼影的搭配，或者粉底的质感等等。因此版式设计中的“造型”就是要运用相关的技巧，将我们之前选对的那些样式要素进行组合、搭配、修正、改善，让这些元素有机的融合，营造我们想要的气氛，完善所有的细节，形成正确的视觉感官效果和合理的阅读流程。而这八个技巧简单易记，他们是“明确主题、分开副主题、群化、取消暧昧、整理视觉流向、空白是主题的领地、抑制四角、利用版心线”。

三、“样式”和“造型”哪个更重要？

备 课 纸

按照中国人传统的中庸习惯，我们往往会说这些问题都很重要，当然的确他们都很重要。但是如果放在一起进行比较的话，我认为“样式”是最重要的。是否选对样式将决定我们版式设计效果成败。选择正确的样式，就像我们选对适合场合的打扮风格，假若我们连样式都没选对，那么无论怎么有技巧的、精良的造型都是白搭！极端的例子：去面试一份市场调查员的工作，我们却择了嘻哈风的打扮样式，那么后期无论怎么化妆，发型，着装都将是徒劳的，这就是同学们常常遇到的问题——作业盲目的追求电脑效果，堆砌，抑或删减„„费神费力却不能得到老师的认同，因为你连样式都选错了，所有的后期造型努力只是让你错的更远、更离谱而已。因此“样式”的知识是至关重要的。

四、进入分解讲解前，我们来做第一个实验吧！——在以后的讲解中，都是以对比试验和测试来论证观点，当然为了说明最基础的问题，我们都选择的是比较极端的例子，任何事情都有特殊的情况，但是请大家在学习本项类容时平和心态，先吃透普遍范围内的概念，等以后见多识广了再来分解、打破和提升。

Q:下面A、B两张广告中，哪一份看起来是比较便宜的化妆品？

当然显而易见的是B，它让我们觉得这个发胶很廉价。神奇吧？可是什么原因造成的呢？是女模特不够美吗？照片不够清晰吗？文字不够丰富、不够大吗？我们可以考虑造成这种结果的原因是因为“样式”的选择不同，那么不同的样式又是根据什么要素决定的呢？

正确的“样式选择”决定版式设计效果的大部分！

我们可以看出，充满生机活力的B广告表现出的样式和作品性格更适合于廉价的商 备 课 纸

品或者促销，因为它具备良好的亲和力，浅显易懂。因此若想强调化妆品的一种高级感，那么B的样式是很难成功的。即使选用最当红的影星，超特写的镜头那么也是徒劳的。因为他没办法达到高级感所呈现出的那种冷漠！因此要表现品质的优良，我们往往选用小文字、大面积的空白、低视觉度的照片。因此我们不难理解，为什么时尚杂志里那些高级化妆品总喜欢采用产品本身做主角，也不难理解为什么即使选用当红明星做模特，也会把明星的妆容画的极冷、表情也是冷漠的。就是为了极力降低其视觉度，达到一种冷漠、高贵、高品质的感觉。

Q2：下面同一个人的名片，哪一张看上去更有信赖感？ A—— B——

答案当然是下面B这张名片更让人有信赖感。它给人的印象比前面一张A更整洁有序，看起来能利落的解决问题，同时我们从名片上能更轻松的阅读和找到清晰的视觉流程。我们只需要调整文字的大小、位置和空间，就产生了巨大的差别，形成了B更有平衡感的版面设计。

调整形态能增加信赖感。只是选择了适合的样式并不能成为完善有效的版面设计。图A名片没有从细节调整形态，因此显得画面不平衡，总给人散乱、不专业、不能信赖的感觉。A的字体也显得较为幼稚和随便，因此更不能很好的取得人们的信赖。为了取得好的信赖感就要对形态加以调整，保持平衡感是必须的，调整形态就是我们将要讲解的“造型”原理。

备 课 纸

版式设计第一步——选择样式

选择适合的样式，版面设计就向成功迈出了一大步！只要你智商正常，从小生活在人类的社会环境，有判断力，就能选出适合的样式！虽说样式的内容里那“八大要素”看起来张牙舞爪很吓人的样子，其实他们很简单，只是把我们日常生活中得到的印象转换为专业术语而已。请按照一般的常识思考，就能做出正确的选择。

第一回合：样式的效果

在这一章节中，我们以视觉要素为中心来加深对样式选择的理解。视觉要素是指相对于文字要素的插图、照片、图标、图表等图像表现。在版式设计中增强视觉要素，能产生轻快、活力、易懂、有亲和力的印象。反之，如果以文字为中心，则给人理性、高格调、冷漠、坚硬的印象。然而，并不是说，视觉度越高效果越好，与要表现的内容相吻合的“度”是很重要的。例如，在一本法律典籍或者政府宣言等纯文字的对象中加入插图，虽然有活跃版式的感觉，但却形成了不和谐的版面。

1、错误的样式不能正确的传达信息

各种样式本身是没有对错之分的，就像西服和T恤，本身都是优秀的。但是场合不同我们就需要选择不同的样式，因此准确的说不符合目标对象的样式是不能正确传递信息的。我们来看一个列子：

A——

备 课 纸

这是日本学生制作的用于募集小组成员的传单（改作）。图A的专业性很强，作为学习设计的我们很容易理解也很喜欢这种“腔调”的设计，但是这个作品的目的是募集小组成员，每个周末年轻的孩子们一起出去郊游或者玩耍。因此A图的样式给人感觉过于深邃，虽然是很棒的设计作品却在表现形式上不适合募集对象，也不适合要传递的信息。人们看到这样的图像样式并没有想在一起玩的想法，甚或至于会产生信息的误读，搞不好人家会以为是“模型俱乐部”还是“玩具俱乐部”的宣传，或者更容易误解为“气球俱乐部”的宣传单。所以虽然设计的很专业、很富有设计感、很别致却没法正确的传递信息。所以它，是错的！

B——

这是最后真正使用的成稿。界面舒缓的插图，虽然不是很精炼，但是别有一番拙趣，给人以温柔的清新的亲和力。手写体的文字，让人感觉亲切而温暖，恭敬的写在画面中适当的位置，让我们感到募集者的诚意。整个设计轻松活泼，虽然显得有点点稚嫩，却恰好与接受信息的对象心态相符合——这是个好玩的俱乐部，里面一定都是些喜欢亲近大自然的同学，没有约束。

再举一例

大家看看下面这张杂志广告。你感觉是什么？是否觉得好像没错，但是又不那么舒服？风格不同的两幅广告被我们故意分解组合在一起形成了一种怪异的版面。样式差异竟能产生如此大的差异。不同的模特，不同的照片拍摄方式，不同的形态表情都必须要符合自己所要服务的产品，手表广告中原稿才能体现出手表中性的风格和高贵的品质感！而口红广告中灿烂的笑脸具有高视觉度，有极强的亲和力，明确得体现出其诉求的对象为充满活力的年轻人，很显然这个产品不会那么高不可攀。

2、效果通过样式得到表现

也许初学者对于创造优美的样式没有自信，但是我们现在可以从锻炼对样式的选择能力上开始。多多去看相关的书和杂志，已经各种类型的设计作品，边看边试着对自己提问：这个作品为什么会设计成这样？这种风格符合这个产品、符合传递信息的目的、符合受众的心理吗？为什么这个作品看起来会让人感觉好禅静？为什么这个作品让人感到热情？„„在问这些问题的同时，试着用版式设计里面的相关要素和原则的知识、技巧去回答，尝试着找出规律。

备 课 纸

例如下面有三张名片，为同一个人设计的。如果我们的目标是表现出精神十足的推销者形象，那么我们绝对不选哪种样式呢？如果我们的目标是要表现出追求个性、自由的艺术家那么哪一种样式更合适呢？如果我们想表现公司职员干练清爽的样子，又是哪个最适合呢？

A：让人感觉他可以利落的完成工作，感觉这个单位很井井有条，很有信赖感。这是一种突出重点的组合方式，并且视觉流程清晰简明。

B：扩大空白、缩小文字、笔画细腻的字体整体给人高品质的感觉。另外，文字的组合方法采用了“居中对齐”更给人感觉理性而高格调的印象。

C：扩大姓名文字并且选择加粗的字体，同时字体是横细竖粗的大宋体，虽然文字厚重却不显得笨拙，放大字的体积感可以增加版面的能量感，让人感觉信息丰富，表现出自信，给人有精神的感觉。文字组合方式采用纵向单边对齐，有活力又不失稳重。同时，插图（猫头鹰LOGO）的放大增加了版式的视觉度，增强了亲和力，符合一个促销员该有的精神面貌。

从对上面三张名片的分析我们看到，原来在同一个二维空间当中我们可以用相同的元素排列出不同的样式效果。而且每一种样式都有其优点。作为学习设计的我们，由于常年累月都在对自己的审美进行提升，追求的是一种个性和超脱，于是我们个人往往会亲睐高格调的设计风格。但是往往我们所服务的对象，来自各行各业，他们也有他们的行业审美原则，再加上终端消费者群体也在日积月累的过程中对不同的行业形成约定俗成的一些印象，因此作为设计师的我们一定要了解事情的真相，而不能一味做“自己喜欢的设计”。当然我们也看到，随着大众审美意识的加强、行业竞争的加剧，出现了很多模糊行业特征的、一味追求视觉效果的设计。但是我认为最伟大的设计，应该是形式和内容上的“相濡以沫”，在让人感叹“好个性的名片”的同时依然能从名片所体现的样式里获得正确的信息、感受出符合名片主人职业、身份、行业的气息。这才是正道！

从这个测试中我们也就能释然一些让我们头疼的事情：我们觉得很个性、高雅的设计，客户不喜欢，常听到客户大叫着：字那么小怎么看得清？我要企业标志放大点„„以后再遇到这种情况，请先检查自身是否忘记了服务对象的行业特质，看看是否为他选对了样式，穿对了衣服。如果是对的，那么就请你分别做几种不同的出来，让客户自己比较，并加以引导，相信能够让难题迎刃而解。

备 课 纸

这一讲，我们再次强调了选择样式的重要性！看到了样式不对即使设计的在美也不能正确传递信息的遗憾，也感悟到了视觉元素的格调统一才能形成完整有效的符合身份的版式，当然更知道我们想要的效果是可以通过样式的打造而呈现出来。

下一回合，我们就从视觉要素中的“视觉度”开始。样式的八要素之一„„>视觉度

在本文讨论的图像带给人的视觉强度是比较宽泛的，更多的是去研究最直接的、普遍的心理感受，仅从合乎常理的图像要素去研究（在后面我们会进一步说明）

1、从什么是视觉度开始。

从这里开始，我们正式进入样式的八要素的学习。首先我们要学的就是最神奇的“视觉度”。除了颜色以外，什么元素最吸引我们的视觉注意力呢？当然，那就是图像。因此图形的效果将对该版面所呈现出来的样式效果有着至关重要的作用。相对于文字，图像的要素（插图、照片等）产生的视觉强度我们在此称为“视觉度”。外观和影响力越强烈，视觉度就越高。明快夸张的插图给人的印象最强烈，视觉度就高。而宽广宁静的大海照片让人身心趋静，视觉度就低。所以，一般来说，照片的视觉度比插图低，尤其是云、海、草原等风景照，视觉度更低。举例来说，对象都是大象，可是一张是卡通大象，另一张是实拍的大象，那么后者的视觉度显然就比前者低的多，因为前者更夸张更让人印象深刻，甚至不可思议。

那么图像要素的视觉度究竟对我们的平面二维空间起到怎样的作用呢？我们来看第一例子，一个大学里某棒球组织募集会员的传单。

Q1：下面会有AB两张效果图，哪一个传递信息更快、更有效？让人阅读更容易？

备 课 纸

A——

这份传单如果发到你手里，你会有什么感觉呢？我觉得它看起来很理性，感觉很不热情，然后信息量很庞大，有点不太想仔细去读——那么多文字该多累！怎么办呢？我们对于这样的设计项目最基本的要求就是不能减少文字内容，这些文字虽然多但是他们的确都非常重要，谁来帮我们改善这个版面呢？看看B是怎么做的吧！

比较两者，视觉要素具有决定性的效果，B一目了然，我们能直接的快速的获得最重要的信息——这是关于棒球的俱乐部在招募会员而不是什么药品促销或者其他。像这样一种目的简单，内容直接的设计情况，视觉要素的合理应用可以极大的改变整体效果。

Q2：下面左右两张传单，哪一个更让你印象深刻？

（视觉度较高的图像是插页广告不可缺少的视觉要素！）

左边是原稿，手写的纯文字有非常独特的表现力。从文字内容上看的出这是个现代舞方面的招募或者表演的宣传，那么在加入一副跟文字的表情非常相似的剪影舞者插图后，整个效果更加生动活泼！这就是视觉度的魔力，加入插图后版面的视觉度增加，活力就增加了。另外从这幅传单的设计中我们可以看出，日本的学生们的设计非常具有生活的乐趣，也很擅用最直接的手绘方式，相对于我们自己可能要好好思考自己对生活的态度，丰富自己的阅历，更擅用除电脑以外的更多技法，为我们的作品创造更个性的效果。

2、平面设计中最小的设计单位名片，看看我们将名片视觉化后的效果。

备 课 纸

我们现在很常见这种类型的名片设计，同学们也很喜欢那么去做，因为名片上的元素只是文字所以只要稍微严谨的排一下的版便能呈现现在这样一种不痛不痒的效果。虽然看上去我们并不会有不合适的感觉，但这种样式的名片不会给人留下任何印象。那么我们看看将名片视觉化后有什么变化吧！

提高视觉度后的名片，能让人联想起名片主人的人品、企业属性甚至让人能回忆起交换名片时的场景。虽然不太记得实际上是怎样的一个人，但还是留下了更好、更深刻的印象。因此，我们发现在名片上加入插图，会增加它的趣味性。公司图标介于文字要素和视觉要素之间，视觉度较弱，但根据排列方式的不同，亦能呈现较好的效果。这里我们从上面加入的不同的插图当中的出另一种规律：越是趋向夸张的、卡通化的插图视觉度越高强，越是接近现实或趋向于文字的插图视觉度越弱。

3、设计主题的表现力

Q：哪张照片能留下印象？请用20秒时间看以下的照片，回答接下来的问题。看20秒：20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1！

下列照片中，有几张照片在前面那张图中有出现过，是哪几张？请自己将代码写下来。栏内字母为正确答案。将自己的答案和下表对照，有什么神奇的结果？请你和几位同学一起做（不要商量），最后再来看看你们的答案，看看有多少相同的呢！通常情况下，A组的正确答案最多，特别是孩子的笑脸给大多数人留下深刻的印象，那猫咪的傻表情也给大多数人留下深刻的印象。BC组的答案则反映出个人的兴趣。

反映观者的兴趣——个性

同样大小的照片，根据所照的内容给人留下不同的印象。这反映出观者自身的兴趣和志向，形成了一种交流。这就是制作广告时需要用心选择宣传点的原因。设计师也是人，往往我们也有独特的经验，比如小时候如果你可能曾经把洋葱当成水果去啃，从而在你的大脑里洋葱印象深刻！因此在选择的时候毫不犹豫先就能记住洋葱那个静物照片。但是这时候我们一定要问问自己，这仅仅是我个人的经验和兴趣，还是说有相当部分的人与我有共鸣？在广告设计中，我们常常看到同学们纠结于寻找独特的视觉元素，希望以此来获得视觉冲击力并达到共鸣，但结果往往是事与愿违——自己认为有趣的事观众毫无感觉！这就是没有考虑诉求对象的兴趣和经验。

表现力的强弱——注意人和脸

备 课 纸

一般来说，人类具有最强的表现力，尤其是脸部（怪不得出现那么多模特）。最弱的是云、海洋、草原等风景，它们能让人们的情绪平静下来。本来很有趣的描写对象，用很难看见的角度来构图的话，表现力就会下降。例如，婴儿纯真的笑脸我们通常是表现的重点，但是如果我们在画面中加入很多大人的脸的话，婴儿的表现力反而削弱！因此在表现类似对孩子关爱的信息时，我们往往更直接地应用孩子自身健康阳光的照片，大人往往成为非聚焦的“花瓶”。也就是说，版式中主题和想强调的部分要很清楚明显，应除去与其他物体的重合以及不必要的影像。

样式的八要素之二„„>图版率

1、什么是图版率？

在同一版面空间中，占据版面的图像（插图、照片等）和文章内容的面积比我们称之为“图版率”。这个比率是版面样式的重要要素。我们在设计作品的时候，通常可以事先估摸和计算一下自己想要传达的信息用百分之几的图版率，然后再进行实际的操作。图版率的高低，制约着版面所呈现出来的紧张和宽松，活跃与稳重。常常在我们版面遇到瓶颈时可以通过改变图版率来打破格局。

2、图版率和视觉度的区别？

图版率是指相对于版面中的文字内容，图像所占的面积比例，用___%来表示。视觉度强调图像的视觉强度，而图版率仅针对面积比。版面空间中全是文字的话，图版率为0%，相反如果全是图像没有文字，图版率为100%。一般来说，全部是文字的版面样式让人感觉拥挤和紧张，并让读者有恐惧心理——觉得杂乱、信息量大，不想读下去。因此就算是一些诗集、小说等纯文学的作品，我们尽量维持10%左右的图版率以便让人容易阅读。而大信息量的报纸，图版率为30%左右，当图版率低于这个数值，报纸没有生趣，让人厌烦不容易阅读。当图版率大大超过这个数值，报纸就变成了“画报”又会产生过于活跃、信息量不足和不够严肃等感受。因此图版率的设定也要求我们根据实际的设计需要和针对的对象来估计。我们很不愿意去阅读图版率为0%的紧张版面，但同时我们也很难接受一份图版率过高的经济类报纸。当然，在这里我还要告诫某些爱钻牛角尖的同学：图版率不需要真的去测量面积，大概目测估摸就行！

当然在后期的实际操作中我们会发现图版率和视觉度存在着共性，同等的视觉度照 备 课 纸

片，当它面积越大，图版率越大，而版面的活跃程度也就相对大起来。

3、文字所能传递的信息是设计不可或缺的！

对于设计师来讲，我们所探索的一个重要信息传递途径是“图形语言”，甚至希望完全能依靠图形去传递信息，这是无可厚非的。比如我们的一些纯粹的海报、影视广告等等，我们尽力的去追求图形语言的神奇效果。但是对于更多的商业性的、面对更广大的各种群体的受众的设计来说，想完全回避文字是不太可能，也是没有必要的。图文并茂始终是老百姓们喜闻乐见的一种形态。个性的图配上合适的文案内容会让我们的信息传递更加准确，让受众更加容易接收！

事实上，在版面设计中适当的添加文字并不会降低我们作品的品质，反而会使设计在视觉上、信息传递上更完整，可谓锦上添花，画龙点睛。

4、没有文字的版面显得空洞

下面两个设计，你更喜欢哪一幅呢？那么受众又更愿意看哪一幅呢？ A B A图用独特的图形传递这个协会（话剧表演研究之类的协会）的性质，很有创意，画面感觉很有设计感，这也是我们同学们常常乐于使用的版面——少文字，甚至不要文字。但是我们显然不能从这幅画面中获得更多详细的信息。所以B更加完整，更合理。所以说，画面的独特将抓住人们的眼球，更带给人深刻的印象，加入文字后发现，文字所能传递的信息是设计不可或缺的！

再看一个例子：一个大学里某组织的募集传单，显然是想表现这个组织会给你广阔的展示空间。滑翔翼简单地表现了安静无声的空间，但是„„似乎这更像一张艺术照片，谈不上广告的作用，而且也过于安静。稍微加入点点文字，变缓和了单调的气氛，让一张照片瞬间变成了具有信息语言的广告作品，交流变得饱满和流畅，也增添了图画的活力。

根据某研究所的调查，一般来说，图像增加的话，版面的好感度也会增加，图版率在50%左右时，好感度急剧上升。但是，一旦图版率过大，超过90%，好感度反而降低。没有文字的话，就形成了没有语言表达的空洞，给人单调的感觉。稍微加入点文字，图画反而更有生气！

视觉度和图版率的测试题

备 课 纸

Q1 图A和B的区别是什么？B（a视觉度 b图版率)增加了。

产生的效果（c高品质 d轻松可参与 e亲和力 f高格调）（A）（B）

A1：（a d e）A B的图版率是一样的，但B采用了简化、夸张了的插图，增强了视觉度，轻松和视觉度也就增加了，图B是最终采用的样式。

Q2 三幅汽车广告。哪一副的汽车看上去最方便？（不要考虑自己喜爱的车型和实际价格）（A）（B）(C)A2： C图只是展示汽车（商品），而不采用人物图像，适合重视汽车行走性能和车型的人。B图采用对称的中对齐，并且采用的模特较为商业和冷漠，所以适合重视汽 备 课 纸

车的身份品质的人；A图不仅加入了人物，还加入了插图作为背景，产生一种积极与人沟通的效果，看起来这辆车最方便，最有亲和力。

Q3 与图B比较，A图（a视觉度高 b图版率高）

产生的效果：（c单调 d易读 e高格调 f亲和力)（A）(B)A3：采用同样的照片，所以视觉度几乎没有变化，但照片的面积增加所以图版率增加。视觉要素中图的面积增加，就能相对提高亲和力。但是由于插图并不是视觉度强、并不是十分有趣，所以亲和力并没有大幅度提高。当然，图版率增大，也变得更易读。

Q4 下面是一本女性杂志的随笔版版面。与A图相比B图（a亲和力 b不想看下去 c无趣 d易读）

（A）（B）

A4：加入了大面积的插图，视觉的和图版率都有所提高，所以答案是a d。相反的，有极少数的人会选择bc，对于阅读文章，想加深自己理解、自己幻想的读者来说，过于强烈震撼的视觉元素反而是一种妨碍。但是按照我们这次版式知识的讲原则（只重普遍性），所以是最终答案。

备 课 纸

第五章 课程小结

5.招贴的版式设计论文 篇五

招贴就是在公共场所粘贴的告示公告等，起到宣传的目的。招贴的表现形式就是简洁易懂为主的，让人们很快的领略到招贴的内容，但是随着时代的变迁现在的招贴已经不是单纯意义上的招贴了，它已经成为人们营销的一种手段，招贴的异化形式就是满大街的单页。招贴的设计也是归于平面设计里面的，通过图像、文字和色彩来展现要表达的内容，一张招贴里面，也是显示设计师的设计理念和设计素养的。

招贴的板式设计要有可视性和逻辑性，视觉流程要合理、通畅。排版要简洁可视，招贴设计的最重要、最直接的以及最终的目的是通过有限的视觉形象向受众传达无限的知识或者内容。所以简约主义是招贴的重要的形式。但是在招贴的设计中，还要注重招贴的逻辑信息的有序的表达，一张招贴是由各种要素构成的，所以这些要素的表达和排列是要有逻辑的，向公众传达信息的时候，要条理清楚，并且有序，而不是混淆不清，主次不分，而是让公众看了之后，一目了然。

招贴的板式设计的视觉流程规律是由总体感知、局部感知、最后印象这三个阶段组成，所以在设计招贴的过程中，要跟着招贴的视觉流程规律走，才能很好的表达招贴的逻辑，给公共整幅画面尽收眼底的感觉。在设计招贴的时候，要注重线性的方向、形状的方向以及组合排列和运动的趋势。画面给人以整体的感觉，而不是杂乱无章。

6.版式设计分析总结 篇六

利用版式中所学的知识，以图文结合的形式做CD宣传画册的版式构成训练。

要求：

一、主题内容不限。（国内国外歌星均可；专辑杂集均可。）

二、将图形与文字编排的基本形式运用其中：

1、上下分割；

2、左右分割；

3、线性分割；

4、重复编排；

5、以中心为重点；

6、对称与均衡的编排；

7、重叠编排；

8、蒙德里安式编排；

9、边框式编排；

10、散点式编排。

三、任选以上版式形式中的2种不同形式各设计1张版式作业。（共2张）

四、规格A4彩版，注意版式中的图文配合以及编排的美学要求。电脑制作。

7.版式设计分析总结 篇七

1.《版式设计》是现代视觉传达设计艺术要组成部分，是视觉信息传达设计的重要手字信息、图形图像信息的有效组织编排，似乎编排的学问，其实不然，它不单是一种信息组能，更是一种技术与艺术的高度统一。 因此作为高校平面视觉传达设计课题体系里极其专业基础课程，不仅仅是教会学生一门技术引导、 感染他们善于用艺术上的表现方法来1.《版式设计》是现代视觉传达设计艺术体系里的重要组成部分，是视觉信息传达设计的重要手段，它涉及文字信息、图形图像信息的有效组织编排，似乎是一门信息编排的学问，其实不然，它不单是一种信息组织表达的技能，更是一种技术与艺术的高度统一。 因此，《版式设计》作为高校平面视觉传达设计课题体系里极其重要的一门专业基础课程，不仅仅是教会学生一门技术的问题，还要引导、 感染他们善于用艺术上的表现方法来进行全面的学习。 《版式设计》可以说是现代设计者所必备的基本功之一。 本课题之所以让“建筑和版式”设计产生关联，主要是让学生通过对建筑本身的空间认识来引导学生对于版式设计空间的认识， 也就是说， 在对一般的版式设计原理、形式法则、基本类型的认识基础上，让学生更深入地了解《版式设计》空间的概念。 通过对这一概念的认识，学生会更好地展开版式设计空间形态的创作，寻求不同于一般类别的版式设计效果。 在本课题的具体实施过程中一般会采用以下步骤(如图一)。

2.“建筑与版式”课题是《版式设计》课题体系里的一个小的单元分支，是在对于版式设计一般知识(即版式设计的原则、形式法则、基本类型等)的掌握基础上，在分析作品的同时总结出的一套理论方法，是在对作品形式分析总结的基础上设计的一个课题单元，课题所用课时约占总课程课时数的四分之一，也可根据学生对于《版式设计》的一般知识的掌握情况展开设置。 课题的最终目的是提高学生对作品的分析、总结能力，以及对版式设计方法的研究与学习能力。

二、“建筑与版式”的表现形式

“建筑与版式”这一课题在具体实践过程中, 其具体目的是让学生掌握《版式设计》的多维空间的概念, 学会将二维的版面元素逐步拓展到多维形态空间中去, 尝试用建筑的空间四维来处理版面中的视觉元素, 使得版面的设计语言更加多元化。通过直观的总结观察, 版式在“建筑的空间”层次上的表现主要体现在以下几个方面。

1. 版面文字本身的建筑化形式。

将主题文字用空间立体的形式表现, 突出版式设计中的标题文字, 采用结构化的主体设计 (如图二) , 次要文字信息围绕主题文字展开编排。该作品是2008年“祈福中国———纪念5.12汶川大地震”全球优秀平面设计邀请展的主体海报系列作品, 作者是中国大陆设计师张小刚。该作品采用了文字本身的建筑化设计, 将版面中的“众志成城”四个主题文字立体系列化展开, 形成一种空间上的视觉冲击力, 版式的文字空间立体形式来源于主题内容, 同时也很好地呼应了海报的主题。

此类形式的主要特点是标题醒目, 视觉冲击力强, 同时给观者一种结构化的设计感受。

2. 版面文字的透视化形式。

透视作为空间形态在平面形态上的一种视觉表现, 在此处引申为建筑空间上的一种表现 (如图三) , 版式设计中文字本身的透视化设计带给观者一种空间上的视觉畅游享受, 文字本身的视觉信息内容的传达次于对其本身的空间游戏化的表现。

此类形式在表现上具有较强的动感, 形式活泼, 空间感强, 版面的延伸空间突破了平面二维的限制, 让读者在版面的透视空间上尽兴地畅游想象。

3. 版面文字与空间实体的结合形式。

版面的设计元素主要包含图形图像、文字及色彩, 文字与图形或图像的结合设计主要体现了文字本身参照与图形或图像空间上的对比, 使得文字与图形或图像在空间上交融 (如图四) 。

该作品是著名平面设计师何见平的系列海报海报作品, 作品将英文字母与中国的黄山云雾这一空间实体相结合, 使得文字与空间上的图像产生明显的对比, 文字在版面中也就自然而然地具备了空间的概念, 同时这一版面形式在设计过程中带给观者一种超现实的视觉体验, 因为图文的组合变化对比强烈。

以上三种“建筑与版式”的表现形式是在引导学生主动作品分析过程中总结得出的, 此阶段的讲授应结合具体案例作品进行形式的分析。相关案例很多, 应尝试引导学生主动总结观察, 并将形式的总结转化为对方法的总结和实践。

三、“建筑与版式”的设计方法

基于对“建筑与版式”的表现形式的分析, 对应地总结出相关的设计方法, 这是在教学过程中引导学生参与的重要环节, 目的是培养学生的版式设计方法总结能力。针对以上对“建筑与版式”的表现形式, 总结出以下版式设计的具体方法。

1. 版式文字本身的“建筑化”设计, 可简称为“立体法”。

此类的版面形式主要针对的是标题文字, 也就是说版面信息中标题本身作为信息的重要载体, 可以尝试采用此类方法, 将版面中主要的标题信息文字进行空间立体化设计, 当然, 此类方法是在学生充分掌握文字的空间立体结构的基础上展开的, 这也总结考察了学生对于文字本身立体化设计的能力。同时, 在文字立体化设计完成以后, 应加强学生对于版面其他图文元素与之组合设计能力的训练。

2. 版面文字的“透视化”设计, 可简称为“透视法”。

“透视法”是在学生对于透视空间理解的基础上展开学习, 针对段落文字科学的透视化设计进行版面的形式表现。段落文字通过“透视”的表现, 使得版面文字信息的传达更为生动。当然, 此类方法是在学生充分掌握透视的原理基础上, 加上对文字透视扭曲变化的软件操作能力基础上展开的。同时, 在使用此类方法的同时还应注意对学生强调版面文字信息的可读性问题, 以及多段落文字在透视过程中的统一与变化。

3. 版面文字与空间实体的结合设计, 可简称“实体法”。

“实体法”是指版面元素中的图形图像通过和文字的对比结合设计的一种方法, 具体形式可参照“建筑与版式”表现形式第三点———版面文字与空间实体的结合形式。此类方法要求学生理解文字和图像的组合变化, 同时尝试向学生解读“超现实”的概念。在尝试练习此类方法的同时也要注意图像的选择及拍摄能力的训练, 因为图像的质量在很大程度上影响整体版面的视觉效果。

四、学生作品及相关问题分析

图五是学生采用“透视法”设计的文字海报, 通过统一的文字透视变化, 使得版面具有一定的空间感, 拓展了版面的二维空间, 延伸了段落文字的空间上的表现力。总体在表现上也结合了版式的形式法则, 注意了版面的延伸方向。

图六是学生采用“立体法”设计的文字海报, 通过主题文字的立体化设计, 突出了海报版面的主题, 信息传达准确有力, 基本上把握了该设计表现方法的精髓。

图七是学生采用“实体法”设计的海报作品, 从作品对于“实体法”的使用可以看出学生基本了解了该方法, 存在的问题有版面中文字的色彩及主体文字的把握不够, 版面信息传达不到位, 方法运用得较为机械, 不能全面理解地运用该方法, 同时版面中出现的实景图像素材的来源非原创, 这也是学生在实际创作设计中应该注意加强的地方。

从图八可以看出学生对于“立体法”的较好运用, 同时可以看出版面中单个文字的透视法运用, 从平面到立体空间表现得十分自然严谨。周边文字的表现组合也十分和谐, 面与面的转折合理得当, 主次突出, 视觉冲击力强。

8.版式设计分析总结 篇八

关键词：SNS社区网站 版式设计 视觉导向 用户体验

SNS社区网站的网页设计作为当下最流行的设计之一，对人们的日常生活起到了至关重要的作用，尤其是生活在城市中的人们，已经融入到了生活中的点点滴滴，每天刷微博上人人已经占据了都市青年们休闲娱乐的一大部分。社会不断的发展，网络科技日新月异，网站的数量也与日俱增。据统计，截止到2010年中国网页有600亿，全球网页至少有1万亿个网页。这一数字已经可以称为是天文数字了。而SNS社区网站也在美国Fackbook创立开始，在全球开始蔓延。中国的人人网、开心网、点点网接踵而至，目前呈现白热化的局面。在争夺网络用户的基础上，人人网与开心网等新社区网站展开了激烈的竞争，不断提高用户的体验和自身产品的服务过程中，网页中的版式设计越来越受到重视，加之网民对于看到的网页美观度和实用度有了更多的需求，也对网页设计师们提出了更高的要求及挑战。中国的SNS社区网站的网页设计本身有自己的特点，它不同于其他种类的网站，不会像资讯类的门户网站那样，拥有庞大的新闻信息量及专题，也不会像个性化的官方网站那样，丰富多彩。

由于SNS社区网站普遍建立时间短，例如人人网是2005年12月开始建立，开心网建立于2008年3月。我们可以看到，迅速的崛起和短时间的发展时间导致很多设计不够整体、不够专业，尤其是网页设计中的版式设计部分往往差强人意。在人人网建立初期，个人页面的“博客化”令人不得不联想到2000年左右互联网刚刚兴起时各式各样博客的网页布局，单调、死板的构图、毫无配色概念的窘迫，一直深深影响着社交网站的设计和发展。因为版式设计中各种元素的组织结构是否有效合理会直接影响到用户直观体验和产品功能的体现，当然也会影响到所有网站行业在网民中的形象。所以，为了净化SNS社区网站的设计环境，提高SNS社区网站的美观度和舒适度，特此调查研究它的版式布局，并根据研究举证说明怎样才能达到SNS社区网站设计的最优效果。

1、视觉因素在SNS社区网站网页设计中的重要性

认知SNS社区网站非常重要，以人人网为例，人人网的前身是校内网，始建于2005年，蓝色的校内标志一直深深地被网民，尤其是大学生们所记忆，迎合当时大学生社交需求的平台迅速搭建，个人信息化和新颖的呈现形式被大家津津乐道，但是众所周知，初期的校内网结构非常零散，产品很单一，没有形成整体的模式，页面很难被人们记忆，这一过程持续了将近四年的时间，校内网一直没有找到突破口。直到2009年8月4日，著名的校内网更名为人人网，社会上所有人都可以来到这里，从而跨出了校园内部这个范围。根据人人网在百度百科中的解释我们能看到，人人网的宗旨是为整个中国互联网用户提供服务的SNS社交网站，给不同身份的人提供了一个互动交流平台，提高用户之间的交流效率，通过提供发布日志、保存相册、音乐视频等站内外资源分享等功能搭建了一个功能丰富高效的用户交流互动平台。视觉体系再次受到人们的关注，新标志的使用，使得人人网重获新生，网页中的版式设计也有了很大的变化，在老用户习惯的基础上有了稍微的变化，布局更加合理，色彩更加和谐。

根据上述对于人人网的介绍，我们知道标志和网页设计的变化是显而易见的，网页设计中的视觉表达元素会引起人们对具体信息内容的关注，可以使网页中的各种产品获得最大的大众关注度。这就需要网页设计师充分了解用户的上网习惯和大众视觉认知的心理和生理特点。从而去深入研究各个元素之间的关联性和影响力等多重因素，这样才能建立一个用户体验好、视觉色彩明亮的网页。人类自身视觉特性促成了视觉传达的形成。我们知道人是视觉动物，视觉语言的好坏直接决定了网站的生存与发展，人们在浏览SNS社区网站的时候，一般都会带有轻松或者愉悦的心情，所以视觉上一定要保持清新，给人以舒适的视觉感受，这样才能关注到本身的诸多产品，例如人人网中的整体视觉以蓝白为主，清新的设计风格让用户体验者的网页黏度高，喜欢停留在人人网上，从而关注了网站本身的内容，好友留言、照片评论、视频分享、状态更新等等功能才会受到关注，进而对网站的其他盈利产品产生兴趣，如人人农场、VIP会员专区、应用程序、人人逛街等。我们能看到，网页的版式布局和设计是否合理美观，直接影响着用户体验和视觉享受。

2、人人网网页设计中的视觉设计流程

人人网的整体网页视觉以清新明快为主，内容充实、结构清晰、色调统一、符合大众的审美需求，以内容为主导的SNS社区网站最大的特点就是图文并茂，高清图片配以简洁文字非常迎合大众的口味，使人阅读起来非常顺畅，整个网页没有太多多变图形和繁杂色彩的装饰堆砌，视觉化表象语言的合理利用是整个网页成败与否的关键，通过字体、图标、图片的疏密关系和组织搭配，我们不难看出，人人网对于重视视觉感受的用户非常具有凝合力，只有把网页整体布局把控住，才能衬托出网站高质量的内容，尤其是在点线面的处理上，字体和图标作为点，一定不要过于丰富和抢眼，做到舒适有度即可。

3、人人网网页设计中具体视觉要素的分析

网页设计就是通过对各种构成元素的设计来使信息内容有效的传达出去。网页的构成元素主要包括标志、文字、图形图象、色彩、图标、图片等造型元素及标题、导航条、正文、弹框等内容要素。

3.1文字的设计

文字算是网页版式设计中最为关键的元素，没有字体的版式是不完整的。作为传达内容最主要的手段，它的主要功能是传达各种信息和内容，而要达到这种传达的有效性和实用性，文字编辑非常关键，要综合整体效果，避免页面繁杂零乱，减去不必要的文字装饰变化，使人易认、易懂、易读。网页文字编排与设计，重要的一点在于要服从信息内容的性质及特点的要求，其风格要与内容特性相吻合而不是相脱离，更不能相互冲突。虽然现在可供选择的字体字库非常多，但在同一种网页上，最多不要超过三四种字体，标题字、正文字、链接字、注释字等。而且，由于浏览器兼容性的问题，很多字体是不能被显示的。只要字体符合内容，能在视觉上产生一定的美感，就能赢得用户的青睐。

nlc202309022154

3.2色彩的设计

版式中的色彩设计是非常重要的，如果说字体是基石，那么色彩就是灵魂了。色彩能促使用户对网站兴趣度和认知度的提高，在一定意义上说也是对网站整体印象的一个评定。一个失败的网页，色彩一定不会美观。我们看到人人网这点做得很理想，整体色彩以清新淡雅为主，浅颜色的背景让人更加关注了深颜色的文字和图片，内容至上。这样用户在浏览网站的时候，非常清晰、流畅、直观，突出了网站和页面的重点内容，这也有利于整体的配色，另外浅颜色的网页背景单纯，可以配以一些同色系的装饰来丰富背景。

3.3图片的设计

图片是网页中最有魅力的视觉元素，图文并茂地向用户提供信息，更直观的增加内容的信息量。人们喜欢看图片，因为图片和文字相比更直观更有趣味，增加了版式设计中“面”的成分。

网络图片的主要特点：一个特点是图片要尽量小。网络页面的图片用于网络的传输，受到带宽的限制，其文件尺寸在一定范围内越小越好；还有一个特点是图片质量不需要很高。一般来说，分辨率为72dpi是大多数图片最佳选择。当然，想人人网这种用户可以自己上传图片的网站，高质量和高清图片比比皆是，所以这条法则也是可以改变的。

人人网作为全球最大的中文SNS社区网站，有着其自身的优势和实力，在网页的版式设计上一直推陈出新，顺应时代的潮流。旧式博客网站布局正在悄无声息地变化，以时间轴式的版式结构模式逐渐取代大陆板块模式，新形式的网页设计更加富有创造性和实用性。社区网站对用户体验相当重视，用户决定网站的命运。怎么更好的服务用户，带给大众更多的形式和惊喜是产品经理和网页设计师们的当务之急。

时间轴的视觉要素以一条生命线为基准，从用户开始注册网站开始一直到当前用户在网站活动所发生的一切，都在生命线的左右相互交织，形成一条以时间为基础，以内容为核心的生命之网，对于用户来讲既新鲜又便捷，唯一的缺点就是和原先的版式设计模式大相径庭，这会对一部分老用户造成困扰，所以目前此模式还在推广之中。新模式和旧模式没有所谓的好与坏，只有适不适合。只要能经受得住大众用户的考验就是出色的设计，当然任何优秀的网页版式设计都逃不出准确的运用色彩、字体、图形等视觉元素。尽管中国目前SNS社区网站相对国外的同行业网站还有一段距离，但我们要相信，在不久的将来，一定会探索出条富有中国特色的网页版式设计之路。