- 86.50 KB
- 2021-05-13 发布
- 1、本文档由用户上传,淘文库整理发布,可阅读全部内容。
- 2、本文档内容版权归属内容提供方,所产生的收益全部归内容提供方所有。如果您对本文有版权争议,请立即联系网站客服。
- 3、本文档由用户上传,本站不保证质量和数量令人满意,可能有诸多瑕疵,付费之前,请仔细阅读内容确认后进行付费下载。
- 网站客服QQ:403074932
版式设计的概念:也称“编排设计”、“版面设计”。是二维的平面设计,是指在有限的空间内将各类有效的视觉元素根据特定的内容需要进行主动、有机的编排组合。
版式设计的设计元素:图形(图片)、标题字、正文和色彩
版式设计涉及范围:涉及包装、广告、报纸、书籍、产品手册、宣传单、公关赠品、网页设计、展板设计、多媒体界面等各类平面设计。
第一章 平面设计历史发展
第一个时期20世纪初
立体主义 特点:主张不模仿客观对象,重视艺术的自我表现.对具体对象分析重构和综合处理的特征。 表现为对版面构成的分析组合和对理性规律的探索。
作用:对现代主义影响很大。
未来主义 特点:主张对工业化极端膜拜和高度的无政府主义,反对任何传统艺术形式。提出反对严谨正规的排版方式,提倡自由组合。
作用:被国际主义风格主流设计界否定,90年代在西方平面设计界得到重新重视与应用。
达达主义 特点:强调自我、反理性。表现出强烈的虚无主义。随机性和偶然性、荒诞与杂乱。在于用照片和各种印刷品进行拼贴组合再设计,以及版面编排上的无规律化、自由化、相互矛盾化。
作用:对设计家们革命性的大胆尝试与突破产生了巨大的影响。
超现实主义 特点:认为社会的表象是虚伪的,认为无计划的、无设计的下意识或潜在的思想动机更真实.用写实的手法来描绘、拼合荒诞的梦境或虚无的幻觉。
作用:对人类意识形态和精神领域方面的探索和观念表现上有创造性的启迪作用。
装饰主义
第二个时期 (现代主义设计时期)20世纪二三十年代
特点:理性主义。提出“功能决定形式”。主张 “少则多”。反对装饰的繁琐,提倡简洁的几何形式。
贡献:1.创造了无装饰线脚的新字体体系。2.对简洁的几何抽象图形进行了探索设计。3.将摄影作为平面设计插图的形式进行了研究。4.将数学和几何学应用于平面的设计分割.为骨骼法的创造奠定了基础。
俄国构成主义
特点:版面编排常以抽象的、几何的形式构成,同时也带有未来主义、达达主义自由拼合,无序的特点。但在整体上更讲究理性的规律。
作用:是在意识形态上提出设计为无产阶级服务的运动。
荷兰风格派
思想和形式来源于蒙德里安的绘画探索.
特点:1.高度的理性化.除纵横的几何分割块外,没有其他装饰。2.字体完全采用无装饰线体。3.版面编排采用非对称方式,追求非对称的视觉平衡。4.尝试在版面上进行直线的骨骼分割构成.形成了被称为“瑞士骨骼”的编排法。
作用:是基于美学原则探索的单纯美学运动。
德国包豪斯
包豪斯是在构成主义、风格派的基础上逐步形成的,在德国建立的世界上第一所设计教育学院。研究并形成了一套完整的、严格的设计基础教学的思想体系。
特点:强调科学化、理性化.功能化.减少主义和几何化。
第三个时期(国际主义风格)20世纪50、60、70年代
贡献:研究出了骨骼排版法,即将版面进行标准化的分割,将字体、插图、照片等按照划分的骨骼编排在其中。取消编排的装饰,采用朴素的无线装饰字体,采用非对称的版面编排。在形式上以“少则多”的减少主义的特征为宗旨。
特点:高度的功能化、标准化、系统化。缺点:过于严谨刻板.版面单调.冷漠而缺乏生气。普遍存在设计刻板、高功能化、理性化。缺乏民族性、千篇一律的问题.
第四个时期(后现代主义风格)20世纪60年代末以后
主张:以装饰的手法来传达视觉上的丰富,而不是以单调的功能主义为中心。
提倡设计的个性自由和对艺术的自我宣泄。采用开玩笑的方式进行装饰设计。
特点:版面充满了欢乐、游戏、调侃和疯狂。20世纪80年代到90年代,网络媒体的出现,使平面设计从二维的静态发展到动态,互动的多元媒体的表达。
1 作业
1、版式设计是( B )
A、一维设计B、二维设计C、三维设计D、多维设计
2、编排设计是要将什么编排好( C )
A、流程 B、线路 C、图文 D、网络
3、在平面主义发展进程中,立体主义提倡( B )
A、对工业化极度膜拜 B、不模仿客观对象
C、尊重客观对象 D、反对传统形式
4、包豪斯学院首创在( D )
A、美国 B、意大利 C、日本 D、德国
5、对平面设计发展起促进作用的有( ABDE )
A、超现实主义B、立体主义C、洛可可艺术D、达达主义
E、未来主义
6、下列哪些观念是属于国际主义平面设计风格理论的?( ABCEF )
A、运用骨骼排版法 B、主张“少则多”C、采用无线装饰字体
D、强调自我,反理性E、用非对称版面编排 F、功能决定形式
7、下列属于包豪斯平面设计思想风格和特点的有:(ACE )
A、科学化 B、立体化 C、功能化 D、几何化 E、理性化
8、荷兰风格派思想和形式来源是( A )
A、蒙德里安 B、达利 C、康定斯基 D、马列维奇
9、用照片和印刷品进行拼贴组合再设计的设计风格是:( C )
A、未来主义 B、立体主义 C、达达主义 D、构成主义
10、什么是版式设计?版式设计的设计元素是什么?
11、版式设计涉及的范围是什么?共同点是什么?
12、名词解释:包豪斯 立体主义
13、平面设计的历史发展经历了哪四个时期?各个时期的主要风格是什么?每种风格的特点、主张和贡献(影响)是什么?
第二章 版面设计的组织原则
一、鲜明的主题诱导力(突出主题)
版面编排的最终目的:是使版面具有条理性(有良好的视觉组织秩序),更好地突出主题,达到最佳的诉求效果。
突出主题的作用:有助于读者对版面的注意,增强版面的诱导力,增进读者对内容的理解。
突出主题的方法:
1.按照主从关系的顺序,将主体形象进行强调(明暗、色彩)、放大或编排于版面视觉中心(醒目)位置。以产生强烈的视觉冲击效果。
2.将众多的文案信息作整体的组织编排设计,以减少散乱的文字信息干扰,增强主体形象的传达。
3.在主体形象的四周大量留白,能使主体形象更加鲜明突出。留白量的多少则要根据版面的具体设计而定。
二、形式内容统一
形式与内容的关系:个性化、艺术化形式美的设计本质乃是用来加强沟通与传播,因此版式设计所追求的完美形式必须符合设计思想主题的表达。
在所设计的内容中找到相应的表述形式,使版面形式与内容交融,成为和谐的整体。脱离内容的形式的任意创造,必然是徒有花哨前卫的架子,却不能达成实质的信息传播。只有两者结合起来,才是完美的表现。
三、强化整体布局
将版面中各种排版要素(图与图、图与文字)在编排结构及色彩上作整体设计.整体的组织布局可以获得整体的结构、空间、节奏感和整体的视觉效果。
如何获得版面的整体布局:
1.加强整体结构组织的方向视觉秩序。
如水平结构、垂直结构、倾斜结构、曲线结构等。
2.加强文案的集合性。
将文案中多种信息分类,建立信息等级(主次分明),分区、组合成块状。增强版面文字的条理性和清晰的导读性。
3.加强展开页的整体设计。
无论是连页、跨页、折页.或是展开页的设计,均为同一视线下展示的版面。方法:加强某元素(色彩、形状、方位、数量)的一致性、连贯性。(重复、呼应)
2 作业
1、强化整体布局的目的是( A )
A、统一完整B、统一字体C、统一图形D、统一色彩
2、版面编排的最终目的( BCDE )
A、提高效率 B、传达主题精神C、版面改良D、最佳诉求效果 E、视觉组织秩序
3、版面设计的组织原则包括( CDE )
A、单纯与秩序 B、对比与和谐C、强化整体布局D、形式与内容统一 E、鲜明主题的诱导
4、在版面编排中,要想获得版面鲜明的视觉导读效果,通常可用的方式有( C )
A、1种 B、2种 C、3种 D、4种
5、整体的组织布局可以获得整体的结构、空间、节奏和整体的视觉效果设计是:( D )
A、折页设计 B、跨页设计 C、连页设计 D、整体设计.
6、突出主题的作用与方法是什么?
7、如何获得版面的整体布局?
8、形式与内容的关系是什么?
第三章 版面设计的编排构成
版面设计的组织结构元素:点、线、面。 三者是相互依存、相互渗透的关系。
一、点的编排构成
版面中的点由于大小、数量、形态、位置不同,所产生的视觉效果也不同.心理的作用也不同。
点的大小 点缩小:强调和引起注意的作用。
点放大:有面感,给人情感上和心理上的量感。
将行首字放大,起着引导.强调、活泼版面和成为视觉焦点的作用。
点的数量 一个点:孤独、醒目、强调。 多个点:松散却浪漫,密集却紧凑。
点的形态 点可以是一个字、小的图片、圆点、小花
点在版面上的位置
点居于几何中心:上下左右空间对称,视觉张力均等.既庄重、又呆板。
点居于视觉中心: 有视觉心理的平衡与舒适感。
点偏左或偏右:产生向心移动趋势,但过于边置也产生离心之动感。
点上、下边置:有上升或下沉的心理感受。
二、线的编排构成
1、编排构成的线:即字有序的编排构成的线,点的移动轨迹线。字体、粗细、大小的变化构成不同明度的线。有实线和虚线之分。
2、视觉引导线(视觉流程线):是一条看不见却非常关键的导向线,它引导视线去设计主题。
3、几何线: 是可视的网格分区线和装饰线。
l 线的分割: 是用线分割版面的设计,区分正文和引文、区分平级信息内容 。有积极的线和消极的线。
l 线的装饰: a、用线装饰编排元素
b、线在单词下方,对重点强调
c、装饰整体版面,展开页中起连贯作用。
l 线框的约束与强调(线的立场):
概念:“力场”是一种虚空间.是对一定范围的空间的知觉或感应,所以.也称为“心理空间”。
被分割和限定的文字或图形的范围即产生紧张感并引起视觉注意,这正是“力场”的空间感应。版面获得清晰、明快、条理、富于弹性的空间关系。
力场”的大小.则与线的粗细、虚实有关。线粗实.“力场” 则强;线细虚.“力场” 感应则弱。
三、面的编排构成 面在版面中的概念可理解为点的放大、点的密集或线的重复。
面的形状: 几何形、不规则形、有机形、曲线形等
形的分类:表现形体:有特定主题、与观众进行视觉交流的形(正形)
抽象形体:指不含可以认知主题的形(负形)
四、骨骼设计
产生:在20世纪初,瑞士现代主义的设计家研究的方法。
基本原理:将版面刻意按照骨骼的规则,有序地分割成大小相等的空间单位。然后图片和文字的编排则严格按照所划分的空间范围进行编排配置。图片配置的大小,不可超越骨骼.如要放大照片,就必须放大到两个或多个骨骼的比例,不可为半栏或两个半栏。
分割方式:竖向通栏、双栏、三栏、四栏;横向的通栏、双栏、三栏、四栏;竖向与横向同时进行分割。
期刊杂志、画册多采用双栏或三栏的骨骼分法;报刊常以四栏、五栏、六栏的骨骼分法。
特点:骨骼设计是一种严谨、规范、理性的设计方法。适应于批量排版.
五、变形骨骼
产生时间:后现代设计时期。
概念:变形骨骼是在骨骼的基本形上,通过并合、取舍部分骨骼,寻求新的造型变化,所产生的造型无穷无尽.并且富有活力与生命的编排形式。
特点:既不失骨骼的严谨、庄重的美. 又灵活的空间变化.极富设计感和品质感。
六、自由构成
原理:20世纪以后,反传统美学提倡的逻辑秩序与和谐统一等形式原则.在传统的审美变异基础上,以非理性审美观念为依据的设计。
特点:版面往往采取极端自由无序、无主次,无中心;相互矛盾、排斥的编排方式。富有朝气与活力和鲜明的个性表现。
3 作业
1、点线面是版式设计中的( C )
A、基本样式B、非基本样式C、基本元素 D、非基本元素
2、不同的线有不同的性格特征,通常代表女性特征的线型是( D )
A、直线 B、折线 C、斜线 D、曲线
3、不同的线有着不同的情感,曲线代表( C )
A、刚直 B、不屈 C、柔美 D、平静
4、骨骼式分割设计时将版式( C )
A、有机协调 B、结合起来 C、规律分块D、完整统一
5、在分割设计中,期刊、杂志、画册编排多采用( A )
A、双栏或三栏B、四栏或五栏 C、六栏或七栏D、八栏或九栏
6、版式设计中的自由构成是( D )
A、理性的B、有序的 C、特定的 D、无规律的
7、下列最具有空间感的线是( D )
A、直线 B、曲线 C、斜线 D、折线
8、线的立场指的是( B )
A、实空间B、虚空间C、物理空间D、非虚空间
9、骨骼设计是一种( C )
A、自由设计法B、夸张设计法 C、理性设计法D、感性设计法
10、将版面进行“田”字形分割,最佳视域通常在( A )
A、左上 B、左下 C、右上 D、右下
11、在分割设计中,报刊常用分栏形式有( )
A、三栏 B、四栏 C五栏 D、六栏
12、版面的立场大小与线有关。常用的线有:( C )
A、虚实 B、长短 C、粗细 D、曲直
13、点缩小起着( A )
A、视觉焦点 B、没作用 C、遮挡作用 D、覆盖作用
14、插入骨骼中可以使“力场”感应更强的线条是:( A )
A、粗线 B、细线 C、复线 D、斜线
15、如要放大照片,就必须放大到: ( D )
A、半栏 B、一个栏 C、两个半栏 D、两个或多个骨骼的比例
16、常以结实、肯定、大方起着烘托及丰富版面空间层次的作用的是:( C )
A、点 B、线 C、面 D、体
17、有轻快、弹性的线框是:( D )
A、直线框 B、曲线框 C、粗线框 D、细线框
18、什么是骨骼设计?(产生时间、国家、原理及特点)
19、什么是变性骨骼?
20、什么是自由构成?
21、什么是线的立场?线的立场与线的关系是怎样的?
22、简述点在版面上不同位置时,不同的视觉感受。
第四章 版面设计的视觉流程
视觉流程:是一种”视觉空间的运动”。是视线随各元素在版面空间导读轨迹的运动过程。(读书的过程)
视觉流程线:也称为 “视觉虚线” 。 这种视觉在版面空间导读轨迹的流动线
流程类型:
l 方向关系的视觉流程(理性)版面脉络清晰,似有一条主线贯穿版面。
一、单向视觉流程
单向视觉流程的组织结构简洁.有序,有强烈的视觉效果。
表现为三种方向关系,各自产生不同的性格特征:
1.竖向视觉流程——坚定、肯定。
2.横向视觉流程——穗定.平静。
3.斜向视觉流程——冲击力强、动感及注目度离
二、曲线视觉流程
各视觉要素随弧线“c”或回旋线“s”运动,变化为曲线的视觉流程。
曲线视觉流程不如单向视觉流程直接简明,但更具韵味、动感、节奏和曲线美,在组织结构上显得饱满、而富有变化。
三、重心的视觉流
重心是指视觉心理的重心,重心的视觉流程使版面产生强烈的视觉焦点.使主题更为鲜明而强烈。
重心有三种概念:1.以强烈的形象或文字独据版面某个部位或完全充斥整版,其重心的位置因其具体画面而定。
2.向心:视觉元素向版面中心聚拢的流程。
3.离心:犹如将石子投入水中,产生一圈一圈向外扩散的弧线运动。
四、反复的视觉流程
是指相同或相似的视觉要素做规律、秩序、节奏的逐次运动。其运动不如方向流程强烈,但更富于韵律和秩序。
包括形的反复、色彩反复、方向反复、位置反复等。
五、导向的视觉流程
通过诱导元素,主动引导读者的视线和版面的目标诉求点运动。
版面特点:导向元素脉络清晰,条理性和逻辑性强,目标视点明晰.其视点往往成为版面编排的重心。
导向方式:有文字导向、线条导向、手势导向、视线导向、形象或色彩的导向。
l 散构流程(感性)
版面中图与图、图与文字间呈分散状态的编排,可谓图文的散构或图文的耗散性。
特点:版面流程的脉络复杂甚至无序。追求感性、自由随机性、偶合性。但版面有强烈动感,富有个性风格、活力和朝气。
最佳视域
将重要信息或视觉流程的停留点安排在注目价值高的位置(最醒目的位置),以便让人们快捷了解主要内容。
版面中不同的视域,注目程度不同,心理上的感受也不同。
上部:给人轻快漂浮、积极高昂之感,
下部:给人压抑、沉重、消沉、限制、低矮和稳定之印象.
左侧:感觉轻便、自由、舒展,富于活力.
右侧:感觉紧促、局限却又庄重。
边、角:获得更新、更充满动态的视觉画面。
4 作业
1、单项视觉流程表现的方向关系有( B )
A、2种 B、3种 C、4种 D、5种
2、将相同或相似的视觉要素作规律、秩序、节奏的逐次运动是( C )
A、重心视觉流程 B、导向视觉流程 C、反复视觉流程 D、曲线视觉流程
3、曲线视觉流程比单向视觉流程在组织结构上显得( A )
A、富有变化 B、没变化 C、更直接 D、更简洁
4、重心是指视觉心理的重心,重心的概念有( B )
A、二种 B、三种 C、四种 D、五种
5、编排的导向有:( ABCDE )
A、线条导向 B、视线导向 F C、形象导向 D、文字导向
E、手势导向 F、色彩导向
6、在编排方向性视觉流程时,若各信息要素间的间隙小,则节奏( C )
A、减慢 B、舒展 C、紧凑 D、拥挤
7、视觉元素向版面中心聚拢的流程是( A )
A、向心 B、离心 C、渐变 D、发射
8、近年来,国内设计界流行的排版趋势是( D )
A、完整的B、静态的 C、理性的 D、随意的
9、下列属于曲线视觉流程形式的有:( AE )
A、“C”型 B、“L”型 C、“J”型 D、“V”型 E、“S”型
10、流程的类型主要有:( D )
A、三种 B、四种 C、五种 D、六种
11、冲击力强、注目度高的流程是:( B )
A、单向流程 B、斜向流程 C、竖向流程 D、横向流程
12、什么是视觉流程?
13、什么是曲线视觉流程?14、什么是导向视觉流程?15、什么是散构视觉流程?
16、什么是最佳视域,其在排版中的作用是什么?并画出前三种最佳视域位置图。
17、简述重心视觉流程中重心的三个概念。
第五章 版面设计的编排形式法则
一、单纯与秩序
单纯化有两个概念
1.基本形的简练
2.编排结构的简明.单纯。
作用:简洁体现力度。简洁增强记忆度。
从单纯与秩序中可求取整体与完美的组织。
编排越单纯,版面整体性就越强,视觉冲击力就越大;
二、对比与和谐
对比:是将相同或相异的视觉元素来作强弱对照编排所运用的形式手法。
和谐:一是内容与形式的调和;
二是版面各部位、各视觉元素之间寻求相互协调的因素。
它们互为因果,对比为强差异,产生冲突;和谐为寻求共同点,缓和矛盾,共同营造版面既对比又和谐的完美关系。
三、对称与均衡
对称与均衡是一对统一体,常表现为既对称又均衡,实质上都是求取视觉心理上的静止和稳定感。
可以从两方面来分析,即:对称均衡与非对称均衡。
四、节奏与韵律
节奏是均匀的重复,是在不断重复中产生频率节奏的变化,节奏是延续轻快的感觉。
韵律不是简单的重复,而是比节奏要求更高一级的律动.无论是图形、文字或色彩等视觉要素,在组织上合乎某种规律时所给予视觉和心理上的节奏感觉,即是韵律。
韵律是通过节奏的变化而产生的.如变化太多失去秩序时,也就破坏了韵律的美。
作用:节奏与韵律可产生乐感和情调;表现轻松、优雅的情感。
五、虚实与留白
“虚空间”即指版面除设计要素(标志、文字、图形)以外的空白空间,即“留白”或负形。空间布局的好坏,与图文正负形的空间关系,以及空间是否对主体形态有影响要进行考虑。版面中的“虚”,可为空白,也可为细弱的文字、图形或色彩。空间是可以经营、设计的,在编排图、文的同时有意识地调整版面正负形态的互动关系------版面的空与满、大小、疏密、动静、气流韵律方向以及空间的整体性,设计在塑造主体的同时也塑造了自身的虚拟形态,达成虚实相生的和谐关系。但无视空间的存在,空间也会使版面变得糟糕或平庸。从美学的意义上讲.留白与文字和图片具有同等重要的意义。没有空白就难以很好地表现文字和图片。
留白是版面“虚”处理中一种特殊的手法。留白即版面未配置任何图文的空间。作用:留白与文字和图片具有同等重要的意义。没有空白就难以很好地表现文字和图片。编排中巧妙得当的留白,是为了更好地烘托主题.渲染气氛,使版面更臻完美,使版面获得庄重和空间感。版面留白量的多少.则需根据所表现的具体内容和空间环境而定。物理空间是可以用长、宽、高来计算,版面的视觉空间是人的心理空间。空间可理解为虚无的、无形的、无量的、无限的。平面设计中的空间即为留白。
1、 以虚称实,烘托主题
版面的虚实是相互相生的,以虚托实,实由虚托,虚实相互补充对比。只有留足空间才能更好地烘托、展示主题,版面留白量的多少.则需根据设计师的思想、风格和版面具体情况而定。譬如,报刊杂志一类信息量大的读物,空白则少;而休闲抒情类的读物或广告,版面的留白率则高。空白小.版面造成拥挤,紧张又热闹,表现丰富的信息量,如同小说文版一样平淡或造成主次部分、杂乱、不舒服感,毫无阅读兴趣和重点。在图形或标题四周留出空间,强化和烘托主题的传达与阅读,令版面产生呼吸的空间感、层次感与设计感。空白大,显得温和、冷静,表现高品质与高格调。
2、布局空间增强设计的审美性
留白空间可以让版面呼吸,让视觉得到停歇,空间给版面自由、节奏、活力,可增强般的艺术表现力,产生对比与和谐没的作用。布局空间是尽量将花乱零散的空间化零为整,求取整个版面的整体设计性,使版面形与形、形与空间中相互依存的美感关系:大与小、黑与白、主与次、动与静、疏与密、粗与实、多与寡、鲜明与灰暗等对比因素,彼此渗透,相互并存交融在各版面设计中。
3、增强空间提升设计的品质
版面中增强版面的空白率是提升设计品质和格调最重要的因素之一。现代设计中,空是一种简略,一种品质,一种境界。拥挤和杂乱的版面是干扰和低俗,毫无舒适品质可言。版面有舍才有得,即“什么都想展示,则什么都得不到”的辩证之道。
提升设计品质的表现有三大点:1、大胆的留足空间。2、求取色调的和谐。3、提高印刷材料的工艺品质。
4、空间是有形的
认为空间是虚无的,什么都没有,是对空间消极的认识。你心中有形它自然不空,形在设计者思想中,心有形,形传意,任何设计只要你想到就能表达出.
5 作业
1、韵律不是简单的重复而是比节奏要求更高一级的( C )
A、骨骼 B、平衡 C、律动 D、均匀
2、版面设计中常用到“对比与和谐”的原则,对比包括( ABCD )
A、面积对比 B、形状对比 C、质感对比 D、色彩对比
3、留白量的多少,影响到版面的效果,留白少,则版面( BC )
A、平静 B、热闹 C、拥挤 D、品质高
4、所有的艺术都在不断地向着音乐的境界努力说的是:( A )
A、沃尔特·佩特 B、尹定邦 C、爱德华。卢西。史密斯 D、贡布里希
5、请写出五种版面设计编排的形式法则,并指出各法则的作用。
6、请谈谈你对虚实与留白、对比与和谐、节奏与韵律的理解。
7、名词解释:单纯化
第六章 文字的编排构成
一、字号、字体、行距
1.字号
计算机字体面积的大小有号数制、级数制和点制(也称为磅)。一般常用的是号数制,简称为“字号”。
照排机排版使用的是毫米制.基本单位是级(K),1级为O.25毫米。
点数制是界流行的计算字体的标准制度。电脑字体采用点制的计算方式(每1点等于O.35毫米)。
标题字一大于14~20号字.正文字一般是8~10号字。
字越小,精密度越高,整体性越强,但过小会响阅读。
有意拉大字号的差距对比以获得版面强烈的视觉感与节奏效应。
2.字体、
在一个版面中.选用三到四种的字体为版面最佳视觉效果。要丰富版面,可调整字的粗细、长扁、大小,或调整行距。
3.字距、行距
行距过窄.上下文字相互干扰,影响阅读;行距过宽,使宇行不能有较好的延续性。
行距在常规下比例为:用宇10点.行距则为1 2点.即10:1 2。
行宽行窄是依据主题内容需要而定的。
二、文字编排的四种形式
1.左右均齐
字群端整、严谨、美观。
2.齐中
字群以中心为轴线。特点为视线更集中,中心更突出,有随意、轻松感。
3.齐左或齐右
齐左或齐右的排列方式有松有紧,有虚有实,飘逸又有节奏感。齐左符合阅读习惯;齐右显得新颖。
4.齐上
在古文或者一些竖排的文字中一般采用齐上的对齐方式。 5.文字绕图排列
将去底图片插入文字版中,文字编排直接围绕图形边缘排列。有亲切自然、融洽生动感。
三、文字的整体编排
是将文字的多种信息组织成一个整体的形。如正方形、长方形等,文案的群组化.
作用:避免了版面空间的散乱状态,使版面有组织性、秩序性和设计性,严谨但有良好的品质感。
文字有意识的整体编排与设计的主题内容有关。
四、文字的图形表述
1.书法字体的图形语言
象形文字只是一种形态性的记号,它直观而古朴简洁,而书法字体表达传统的民族信息或追求设计上的某种艺术效果。文字本身字意的意象也可以运用图形加以表现。用简洁、直观的图形.传达文字更深层的思想内涵。
2.文字的图形编排
将文案排列成一条线、一个面或组成一个形象,文字结合图形的形式表达主题思想。版面形式感强、简洁、整体、生动妙趣,
3.文字图标设计
图标有简洁整体、图形感强、视觉度高、记忆性强的特点, 重要的信息或者众多的信息通过图形的组合来传达,将获得非常理想的效果,同时增强了设计性。
若没有图标,版面的文字表述会显得没有神采.视觉度低
五、文字的互动性
文字的互动性一般指文字围绕图形的编排设计所产生的动感性,图文在组织结构产生的和谐性,版面的趣味性、情感性。
图文互动的位置往往也是版面中最精彩的视觉中心,并引导视点。是有情感的互动。
文字互动是设计师与心灵的互动,是设计师与主题内容的互动.是设计师与版面情感交流的互动。
六、文字的跳跃率
1.放大文字即增强跳跃率与阅读率
文字信息的跳跃率与阅读率是成正比的。
放大文字标题信息即增强版面跳跃率与阅读率,增强版面的生动性;反之,版面显得毫无生气,但如果版面安排得当,却能体现版面对象的高品质。
2.标题的设计增强跳跃率
为了使标题在版面中达到更悦目的效果,可采用:
A.放大标题字体字号。
B.加粗字体笔画。
C.对标题进行设计编排。版面即刻就鲜活了起来。
七、文字的耗散性
到20世纪90年代,编排设计一反传统美学提倡的逻辑秩序和和谐统一等形式原则,以非理性审美观念为依据设计。
特点:版面用极端自由无序,无主次、无中心,相互矛盾、排斥的编排方式。但富有朝气与活力,具有鲜明的个性。 要避免杂乱。
6 作业
1、电脑字体采用的点数制的计算方式中,每一点等于( B )
A、0.25毫米 B、0.35毫米 C、1.25毫米 D、1.35毫米
2、计算机字体面积的大小有号数制、级数制、点数制,我们常用的是( A )
A、号数制 B、级数制 C、、点数制 D、磅数字制
3、照排机排版使用的是毫米制,基本单位是级(K),1级为( A )
A、0.25毫米 B、0.50毫米 C、1.25毫米 D、1.50毫米
4、文字的大小与行距的常规比例是: ( C )
A、6:8 B、 8:10 C、 10:12 D、 12:14
5、中国书法有特殊的精髓、神采、韵律,笔墨与文字组合能产生( A )
A、特殊效果 B、没有效果 C、死板 D、单调
6、若没有图标,版面文字表述会显得( C )
A、有精神 B、有趣味 C、没有神采 D、有效果
7、在文字排版中,下列属文字编排形式的有( ABCD )
A、左右均齐B、齐左或齐右C、文字绕图排列D、齐中E、齐下角
8、一个版面中,选用几种字体效果最佳。 ( C )
A、1-2种 B、2-3种 C、3-4种 D、4-5种
9正文的字体大小一般为: ( )
A、5-7点 B、8-10点 C、14-20点 D、14点以上
10、在版面设计中,文字的编排形式有( C )
A、2种 B、3种 C、4种 D、5种
11、每一行文字长度拉伸,向左或向右边对齐的是:( BC )
A、左右对齐 B、齐左 C齐右 D、齐中
12、古文字对齐方式为:( D )
A、左右对齐 B、齐左 C齐右 D、齐上
13、如何增强文字的跳跃率?以及增强标题设计跳跃率的方法是什么?
14、什么是文字的耗散性?
15、什么是文字的互动性?怎样才能达到与设计作品的互动?
16、文字的图形表述是通过哪几方面体现的? 并简述对书法字体的图形语言运用。
17、名词解释:字号
第七章 图片版式编排
一、图版率
图版率是指相对于文字,图(图片或照片)所占据版面的比例。用%表示。若版面全是文字,图版率为0%;全是图形则图版率为100%。
图板率与阅读率的关系:
1.图版率低。减少阅读兴趣
如小说光有文字无图或少图画,版面则显得沉闷,阅读的兴趣会降低。。
2.图版率高.增强阅读活力
图版率达到30%~70%时,读者阅读的兴趣就更强。阅读的速度也会因此加快(图片的信息传达比文字要快),版面也会更具有生气与活力。当图版率达到100%时.产生强烈的视觉度、冲击力和记忆度。此时版面的文字会起到画龙点睛的效果。
二、角版、挖版、出血版
1.角版
角版也称方形版,即画面被直线方框所切割。
角版图庄重、简洁与良好的品质感,角版理性,版面紧凑。
2.挖版
挖版图也称退底图,即将图片中精彩的图像部分按需要剪裁下来。
挖版打破约束。活泼、自由,具有动感。
3.出血版
出血版,即图形充满或超出版页,无边框的限制,有向外扩张和舒展之势。
使其情感得以更好的宣泄,使动态得到更好的舒展。
用于传达抒情或运动的版面。
4.组合运用
角版沉静,挖版活泼.出血版舒展、大气。三者可穿插灵活运用。单一的编排方式.版面显得呆板而松散无序。
三、视觉度
视觉度是指文字和图版(插图、照片)在版面中产生的视觉强弱度。
视觉度和图版率都关系到版面的生动性、记忆性和阅读性。一个版面仅是文字而无图形会显得毫无生气;只有图片而无文字或视觉度低的文字信息,则削弱了与读者的沟通力和亲和力.阅读的兴趣也会减弱。
图形比文字的视觉传播度要比文字快,阅读兴趣强;文字比图形更能增进对图意的理解和传达。
插图比图片的明快度高,视觉度要更强烈,印象更深刻。
挖版图形无图框的限制,张力大,视觉度高。
四、图形面积与张力
图形面积的大小影响版面的视觉效果,也影响情感的传达。
1.图形产生量感和张力
放大图片后版面即产生一种饱满的心理“量感”,增强图片的扩张力度。
大图形引导版面中心,成为视觉焦点,注目度高,感染力、亲和力强,能给人舒服愉快之感。用表示手势、表情等细节。
2.小图形精密而沉静
小图形点缀于字群中,版面简洁而精致,但也给人拘谨、静止、趣味弱的感觉。
3.大小图形比,增强对比度
图形大小相似,版面会显得平淡。加强图片的大小对比,版面才有张力与活力。
五、延续页面的整体设计
1.左右页的整体设计
展开的左右页是属于同一视线下观察的整体页面, 展开页的整体设计建立在形象的对比关系上。一大一小、一多一少、一黑一白。
2.延续页面的整体设计
通过某一要素(色调、图形或同种版面)的重复或有节奏的运用来达到延续页面的整体效果。
7 作业
1、角版的特点是 ( D )
A、自由 B、抒情 C、感性 D、理性
2、挖版图也称 ( A )
A、退底图 B、有底图 C、底图修复 D、底图删除
3、若没有图标,版面文字表述会显得( C )
A、有精神 B、有趣味 C、没有神采 D、有效果
4、视觉度是文字和图版在版面中产生的视觉( D )
A、高低度 B、平衡度 C、倾斜度 D、强弱度
5、下列关于图版率及视觉度的描述正确的有:( C )
A、图版率越高,视觉度越高。
B、图版率达到100%,阅读的兴趣最高。
C、视觉度和图版率都关系到版面的生动性、记忆性和阅读性。
D、图版率与视觉度是成反比关系
6、从图形与文字的传播速度上讲,它们的传播速度是( B )
A、文字快 B、图形快 C、一样快 D、无法确定
7、图板率直接影响到版面阅读的视觉效果,若版面全是文字版,其图板率为 ( A )
A、0% B、50% C、80% D、100%
8、角版沉静、挖版活泼、出血版舒展大气,设计中三者处理方式为( B )
A、不能应用 B、灵活穿插 C、严格控制 D、相对独立
9、展开页常用哪些形式建立左右整体关系:( ABCDE )
A、一大一小 B、一多一少 C、一动一静 D、一黑一白 E、一曲一直
10、延续页整体设计中,对设计品质的优劣起决定作用的是:( D )
A、色相 B、明度 C、纯度 D、色调
11、版面设计中,运用较多的图片形态是:( A )
A、角版 B、挖版 C、出血版 D、都可以
12、小说、诗集更能增进阅读性的图版率为:( A )
A、10% B、20% C、30% D、40%
13、文字版中,使版面清晰、条理的分割线是:( C )
A、自由曲线 B、几何曲线 C、几何直线 D、徒手直线
14、什么是图板率?图板率与阅读率的关系是什么?并举例说明。(或简述图板率的强弱对版面阅读效果的影响。)
15、名词解释:角版、挖版、出血版、视觉度
16、简述图形的面积与张力的关系。
第八章 现代版面的设计观念
后现代主义
概念:从20世纪60年代末以后则被称为“后现代社会”,后现代主义是从建筑设计开始发展起来的。它主张以装饰的手法来传达视觉上的丰富,反对“少就是多”的风格。
设计观念:重装饰形式.重符号”语义”.注重创意,在注重文化传承的同时.更追求设计主体精神的表现。
风格特点:人性化、个性化和娱乐性。充满着随机无序,无主次、无中心。相互矛盾,相互排斥.极端而耗散的编排。
一、强调创意
创意有两个概念:
一是作品本身思想内容的创意,是针对思想主题的象征、明喻,暗喻等思想创意;
二是设计编排的创意。具有生动性、趣味性.更注重情感性.已经成为编排设计的发展趋势。
二、强调个性风格表现
如何将创意思想通过一种最佳的形式和风格来表达,是设计编排的职能,也就是说编排设计所探讨的是设计的思想性与风格表现的问题。
三、多维空间的复合构成
多维空间:在二维平面空间上表现立体的、矛盾的、虚幻的复合空间。
当视觉空间产生多个透视焦点,甚至出现矛盾空间的视觉或若隐若无的幻觉时,即造成视觉空间的混乱、排斥、矛盾的不适应。版面成为无主次、无中心、多层次、多元素的复合空间。
四、逆向视觉角度
惯的“平视”,适度的“俯视”与“仰视”的视觉度都令人感到平淡,而逆向视觉角度、边缘角度却有崭新的视觉形象,无限的张力和震撼力。
五、网页版面的互动性
网页设计是运用传统平面设计的视觉传达效果和网络技术的有机结合。
网页设计与平面设计的关系
共同点:都需要具备良好的审美能力与视觉表现力;支持排版设计的理论基础是一致的。
不同点:网页的载体不同,功能有差异,技术层面的要求也不同。
网页版面的主要特点:
1 网页设计具有互动性。
2 网页具有可操作性,有向导和连接功能。
3“首页面” 具有形象定位的作用,如同一本书的封面。首页面有目录页作用。
4 网页设计要考虑打开速度、兼容性等问题。
5 平面设计打印颜色模式为CMYK,网页设计显示器的色彩原理则是以色光合成加法原理进行.即RGB模式。
8 作业
1、下列说法符合逆向视觉角度的版面特点是( AC )
A、版面更具有张力 B、版面较符合视觉习惯 C、版面有崭新感 D、版面更具动感
2、当代平面设计风格更注重( ABE )
A、娱乐性 B、个性化 C、价值观 D、市场化 E、人性化
3、网页设计与平面设计的关系是什么?
4、后现代主义的设计与思想观念是什么?
5、网页版面的主要特点是什么?
6、名词解释:后现代主义 、多维空间
7、什么是逆向视觉角度?