平面与环艺设计：编排设计排版的核心课程与风格演变

CI设计、展示设

计等（平面设计专业）

居室设计、景观设计、三

维动画、展示设计等（环境

艺术设计专业）

设计基础课程：字体设计、

标志设计、图形设计、版式设计、

摄影等（平面设计专业）设计制图、

设计体现、材料与构造等（环境艺术设

计专业）

基础课程：素描、色彩、三大构成等

1． 编排设计历史发展与风格变迁

对于学生来讲, 学习设计发展的历史具有特别非同寻常的重要意义, 设计方面的积累重点体现在两个存有区别的方面:

1．设计思想

2．多种不一样设计体现手段及其对应风格

⊙初期人类文献中编排方式

⊙中国与东方古代书籍和印刷品编排设计

⊙西方中世纪书籍和印刷品编排设计发展与演变

⊙工艺美术运动与莫里斯

⊙新艺术运动与装饰艺术风格对编排设计影响

⊙未来主义运动、达达主义和客观广告

⊙初期现代主义和瑞士现代主义

⊙后现代主义

⊙电脑对现代设计冲击

（备注：结合实际图例一一讲解）

2． 编排设计基本原理及规律认知

1．对视觉体现语言特性分析思考

⊙画面中所要传达信息在逻辑上一致性、条理性

⊙画面上设计形象艺术视觉效果

2．编排设计视觉要素

对于视觉要素展开研究, 对构成要素予以认识, 这是一切视觉艺术, 其中涵盖编排设计的基础。

1 形

画面的版面中, 那构成要素首要的便是形, 此形呢, 是在画面之上呈现出大小、色彩、肌理以及外形等方面的变化, 凭借这些变化能够在视觉层面辨识出形态。形乃是所有视觉要素的基础所在, 根本无法想象会存在那种脱离了色彩与肌理的形。

基本形：

⊙点

点是最为基本的形, 在设计意义方面而言的一种点, 总是需要在平面里占据一定的空间, 如此才能够获取视觉上的平衡以及愉悦。一种点占据空间这一情况是要依据点的形态、大小来确定的。点在空间大小上能够与线和面区分开来, 然而它们之间的界限是相对的、可变的。

⊙线

从理论上讲，线是点发展和延伸。线性质在编排设计中是多样性。

线存在着形状、色彩以及肌理等等多种多样的变化, 于诸多应用性设计里头, 文字构成了线, 常常占据着画面之中关键的位置, 进而成为设计者去处理的关键对象。

⊙面

延续发展的是线成为面, 面是视觉要素里最具变化的多种基本形态之一, 它涵盖了点与线, 倘若存在空间、大小诸如此类的条件, 面能够转化成点和线。

在编排设计中，一种将被设计画面自身也是一种面。

3．编排设计构成要素

1 空间

⊙平面空间界定

针对每一件平面设计而言, 必然存在着一种特定的空间, 在这个空间里, 设计者能够把设计内容进行编排。

（1）空间不一样部分视觉吸引力

在一定的尺度空间当中, 心理学家们进行了发现, 不一样的部分具备不一样的视觉吸引力以及功能。比如说, 在左上方三分之一的位置, 是最受人们注意的, 所以常常会成为观测阅读画面的起点。

（2）空间分隔

空间分隔绝对是编排设计的基本课题, 借助空间分隔, 能够让多种在意义方面功能存在差异的信息井然有序地进行组合以及分列。

很早的时候中国人就在书籍设计里运用了分隔措施, 用来对书页之中各个不一样或者说存在差异的部分得以进行界定, 最终因此而构成或导致了形成具有中国特色编排风格这样一种情况。

（3）模数化分隔

对空间分隔，人们研究方式重要有两种：

一种是理性的举措, 此举措主要是以数学方面的分析作为支撑；另外还有一种属于感性的举措, 这种举措重要是以人自身主观的直觉判断当作依据进而对问题予以处理。

（4）感性化分隔

这些设计, 皆是依据设计者自身的感觉, 去界定平面空间的区域划分, 而设计空间里信息的主次次序, 形象之间的平衡关系, 则主要靠着直觉来进行处理与调整。

今天设计多运用这种设计措施。

（5）实空间与虚空间

是存在于实空间跟虚空间之间来设置绝对分界的。每一种形体在占据了一定空间之后, 进而还需要一定虚空间, 目的是让它在“视觉上”产生感到舒适的效果, 这效果表现为使它张力, 使其动动能得以延伸出去。

2 动势

对自然界而言, 多种物象之间有着多种力, 这些力有的互相对抗, 还有的互相吸引。而在画面上, 动势作为设计师需要认识并且去加以运用的, 是重要的构成要素。

编排设计画面上力势重要分为三种形式：流动力、张力和重力。

流动力——指画面造型自身向一定方向伸展所产生视觉力量

张力, 它是形体处于一定空间里, 因自身造型朝着四周发射视觉力量, 还朝着四周扩散视觉力量。

重力, 是画面上形体因色彩肌理存在差异, 进而产生的, 那种或重或轻, 又或者向前伸或者向后缩的视觉力量。

在一种设计平面中，动势往往不只有一种。

（1）群组

就核心要点而言, 版面编排的关键所在, 是关于怎样来妥善处理群组这一情况 , 群组它不单单是一种客观存在的视觉现象 , 而且还是编排设计所运用的一种手段 , 更是设计者将多种要素进行连接时的关键环节。

群组具有三层意义：组合、层次、织体。

⊙组合

组合是对画面中各局部视觉要素之间关系组织处理。

在视觉强度上组合：如均衡、对称

在形态造型上组合：如连接、复叠、透叠

在色彩、肌理方面组合：如调和、呼应等

在综合性要素组合关系：如对比、统一等。

⊙层次

层次是高一层次群组。

把画面划分成不同层次, 这是剖析以及组织诸多复杂要素的关键手段。制作者按照画面里的多种色彩以及肌理归纳出几个大层次, 如此能够促使画面清晰、富有条理, 与此同时在视觉方面更具表现力。

⊙织体

和层次相比，织体是更高意义上群组关系。

从空间意义方面看织体, 是要从整个画面的角度, 或者从整个设计那边想来考量处理，各部各要素之间的关系。

首先, 织体组织将设计者总体思想进行了展现, 之后有作品基本艺术风格和效果的体现, 最后还体现出设计者处理问题所拥有的功力。

版面编排设计难点就在这里。

重要包括：

织体流畅

风格体现

视觉密度控制

色调高下调处理

多种肌理对比

3． 编排视觉流程

视觉流程于编排设计而言, 是一种被称作“空间运动”的存在, 它是在空间里, 视线跟随每个元素, 沿着一定轨迹去运动的过程。这种视觉在空间中的流动线呈现为“虚线”。

视觉流程运用好坏，是设计师技巧与否成熟体现。

视觉流程可以从理性与感性、方向关系流程与散点流程来分析。

方向关系流程着重突出逻辑, 极为重视版面清晰的脉络, 仿佛存在着一条线, 宛如有着一股气贯穿于其中, 致使整个版面的运动趋势具备“主体旋律”。

方向关系体现为如下几种形式：（备注：结合实例分析、讲解）

1．单向视觉流程

简要——直接诉求——强烈视觉效果

体现为三种方向关系：

A．竖向视觉流程——坚定、直观感觉

B．横向视觉流程——稳定、恬静感觉

C．斜向视觉流程——以不稳定动态引起注意

2．曲线视觉流程

不如单向视觉流程直接、简要，但更具韵味、节奏和曲线美

可概括为弧线形“C”和回旋形“S”。

3．重心视觉流程

展现出强烈的形象, 或者凭借文字独自占据版面的某个部位, 或者让版面上文字, 彻底充斥整个版面, 其中重心位置是依据详细画面来进行确定的。

向心、离心视觉运动也是重心视觉流程体现。

4．反复视觉流程

指相似或相似视觉要素做规律、秩序、节奏逐次运动。

其运动的流程, 不像单向运动、曲线运动以及重心流程运动那般强烈, 然而却更具韵律感, 更有秩序美。

5．导向视觉流程

诱导元素——引导读者视线——由主及次——形成有机整体。

分为：文字导向、手势导向、形象导向、视觉导向等。

6．散点视觉流程

是说版面当中, 图与图之间, 呈现出自由分散的状态来进行编排, 图与文字之间也同样。凸显感性, 具备自由的特质, 带有随机性, 还有偶合性, 着重突出空间以及那份动感。

常体现为一种较随意编排形式。

7．最佳视域

在进行编排设计之际, 设计师需要考虑到, 要把重要信息或者视觉流程停留点，放置在注目价值相对较高的位置, 而这也就是所谓的优选最佳视域。

4． 编排形式法则

1．单纯与秩序

单纯化：基本形简洁——编排构造简要、单纯

秩序：指版面各视觉元素有组织有规律形式体现。

编排单纯 ——版面整体性强——视觉冲击力大——反之

冲击力弱——整体性弱——编排复杂——————

2．对比与调和

对比：将相似或相异视觉元素做强弱对照编排所运用形式手法。

调和, 这个行为, 是要在那类似的这类、或者不一样类的那些视觉元素之间寻觅到互相协调的缘故, 而且, 它还是在对比的时候同步地产生调和。

3．对称与均衡

两者属于一对统一体, 常常展现为既呈现出对称的状态, 又具备均衡的态势, 实际上都是在追求视觉心理层面上的静止感以及稳定感。

4．节奏和韵律

节奏：均匀反复，是在不停反复中产生频率节奏变化。

节律, 它是比节奏还要高一级别的那种律动, 当在组织方面合乎某种既定规律的时候, 就会给予人视觉以及心理上的那种节奏感觉, 它是借助节奏产生诸多变化进而生成的。

5．虚实与留白

版面上的“虚”, 它能够是空白, 它也能够是细弱的文字, 它还能够是图形, 或者它还能够是色彩, 而这是需要依照版面来确定的。

有一种特殊手法，它是版面“虚”处理里的留白。这么做是为能更好地烘托主题, 还能渲染气氛, 进而让版面更趋于完美。

中国古代艺术家在观念上有许多独到见解：

重点突出“师法自然”, 且超出自然范畴, 去追寻节奏以及韵律。关键是借助运用感性的办法, 针对画面实施调度、加以控制。

5． 版式基本类型

1．骨格型

是一种规范、理性分割措施。

古代西方的设计家针对黄金分割展开了研究, 进一步还把它推广运用至书籍开本以及版心分割方面。而初期现代主义的设计家们, 会把骨格付诸使用范围延伸到招贴广告、书籍设计之上了。

20世纪年代那时刻前后, 有从事设计的瑞士现代主义家们, 对骨格展开研究, 进而把骨格用于诸多不同的平面设计之中。

特别在那些属于拉丁语系的国家之内, 骨格法被大范围地予以运用、使之完善, 然而在中国却并未获得良好的推广。

骨格的基本原理在于, 把画面分解, 特别是针对那些带有反复性以及组合性的画面, 借助骨格划分出不同功能的区域, 以此让图形与文字的编排关系, 呈现出次序化, 达成条理化, 实现规范化。

双栏（竖）三栏（竖）四栏（横）六栏（竖）

2．满版型

版面以图像充斥整版，重要以图像为诉求，视觉传达直观而强烈。

3．上下分割型

将整个的版面对等地划分成为上面的部分以及下面的部分, 于上面的那一部分或者下面的那一部分去放置配置好的图片, 而另外的那一部分则安排放置文案。

4．左右分割型

把整个版面分为左右两部分，分别或左或右配置文案。

5．中轴型

6．曲线型

7．倾斜型

让版面的主体形象, 或者是多幅图版, 进行倾斜编排, 这致使版面产生强烈动感, 以及不稳定的状况, 进而变得引人注目。

8．对称型

9．重心型

10．三角型

11．并置型

将相似或不一样图片做大小相似而位置不一样反复排列。

12．自由型

无规律、随意编排构成，有活泼、轻松之感。

13．四角型

指在版面四角及连接四角对角线构造上编排图形。严谨、规范。

6． 文字编排构成

1．字号、行距、字体

①字号

用以进行的正文所使用的字体大小通常是9点这般到12点（磅）, 要是文字数量较多的版面能够降低到7且这个7点到8点（磅）。

字越小，精密度越高，整体性越强。但过小会影响阅读。

②行距

行距宽窄是设计师较难把握问题。

行距过窄——上下文字互相干扰——目光难以沿字行扫视

行距过宽——太多宽白使字行不能有交好延续性。

常规情形下, 行距的比值为, 字号是10（磅）, 而行距为12（磅）, 其比例是10: 12。

③字体、字号、行距视觉层次

在一种版面中，选用3——4种以内字体为版面最佳视觉效果。

2．文字编排四种基本形式

左右均齐齐中齐左或齐右文字绕图

3．标题与正文编排

先将正文做双栏、三栏或四栏编排，再进行标题置入。

标题的位置能够被划分成, 处于段首之上这一情况, 还有居中的状况, 以及横向的情形, 再者竖向的态势, 另外边置的样子, 最后插入字群中的等情形。

4．文字强调

①线框、符号强调

②行首强调

把正文当中的第一种字, 或者字母予以放大, 这可是当今流行的设计时尚。下坠式呢, 是目前在行首强调里使用最为广泛的一种手法。

③行首装饰强调

形象化 + 装饰化——版面装饰风格 + 强烈视觉冲击力

④引文强调（眉头）

5．文字整体编排

①文案群组编排

把文案的多种信息, 组合成一种整体形状, 像方形之类的, 并且各个段落之间, 能够用线段去分割, 从而让其具备清晰性, 条理也清晰, 还富有整体感。

文案群组化，避免了空间散乱状态。

②文案图形编排

文字图形化, 是让版面产生生动妙趣的一种方式, 能获得良好的视觉吸引力, 它是形式与内容相统一的最佳形式。

6．文字图形表述

7．文字叠印

7． 图形编排构成

1．四角与中轴四点

①支配版面四角和对角线

四角对表达那版心边界所含有的四个点而言, 将这四个角连接起来所获斜线, 其即所谓位于对角线交叉位置的那个点, 此点即被认定为几何中心。

②支配版面中轴四点

中轴四点可产生横、竖居中版面构造，其四点可略有移动。

③四角与中轴四点构造

将四角与中轴四点构造结合使用，其版面构造更为丰富完美。

构造原理是简单的, 然而其呈现出的变化却是极为丰富的 , 借由它去进行分析 , 可使基于版面构造的解释得以简化 , 能让版式设计构造关系的解释变得简便 , 可令视觉流程关系的阐述获致简化 , 会使形式法则关系的说明实现简化。

2．方形图、退底图、出血图

①方形图

以直线边框来规范和限制，是一种最常见、最简洁、最单纯形式。

②退底图

将图片中精选出图像沿边缘剪裁而保留轮廓分明图形。

③出血图

将图形充斥版面，无边框，有向外扩张和舒展之势。

3．图形面积

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

大图形情感强烈

小图形精密

4．块状组合与散点组合

①块状组合

图片水平、垂直分割或互相叠置或分类叠置

②散点组合

散点排列图片于版面各部分, 如此一来, 版面之感便充斥着自由轻快。需注意图片大小, 以及主次配置, 还有方形图与退底图的配置, 同时还要考虑疏密的情况, 以及均衡的状况, 和视觉方向程序等。

5．展开页整体设计

整体设计非常重要

重要从如下几种方面来把握：

①展开页设计建立在形象对比关系上。

②展开页设计建立在同一视觉识别上。

分开来看, ③这展开页设计, 是建立之上的形象启承关系, 而所延续的图像或者文字呢, 有着被分割的那种感觉。

八 现代版面设计发展趋势

1．强调创意

平面设计创意体现为两种：

①针对主题思想创意

②版面编排设计形式创意

将文字跟图形进行配置, 这可不单单是看似简单的组合关系, 而是具备了更强烈的积极性质, 以及能够鲜明体现创意的特性, 要跟图形达成那种恰到好处的配置状态, 一块儿实实在在地实现思维以及心境和情绪方面的表达。

这种手法是形式与内容完美体现。

2．突出个性

在编排设计里头, 追求那种新奇的、独特个性的展现, 故意去制造某种神秘的、无规则的空间, 又或者是以追求风趣的、风趣的体现形式来吸引读者, 从而引起共鸣, 这是当今设计界在艺术风格方面的流行趋势。

3．重视情感

“以情感人”是艺术创作中奉行原则。

进行版面编排设计时, 文字编排表述在情感体现方面最为丰富。运用编排原理, 合理地去精确体现情感, 这属于编排设计更高层次的艺术体现。

4．追求多维空间

“新客观主义” , 蒙德里安的 “新造型主义” , 毕加索的 “立体主义” , 哈蒂的 “随机性、偶合性” , 借助电脑等科技手段实现的多维空间版面 , 追求阅读方位的多样化、矛盾化以及空间层次的立体化 , 从而导致多视点空间。

附表1

课程作业安排：

序号 作业

前期, 进行, 元素提取练习, 此练习包含30组, 从中选定一种, 该种元素或是详细类的, 或是符号性的, 之后运用多种编排方式, 开展练习。

2——中期 报纸编排练习（8P）

选定一份报纸，进行整体版面编排训练

3——后期, 进行名片设计, 要设计1张, 是为自己或者为某人设计, 且设计出的名片要符合职业与性格。

/ 视觉日记

自由创作，通过编排设计体现画面个性

附表2

编排设计作品解析及鉴赏（另见文献）

33%

23%

17%

28%

16%

44%

28%

17%

60%

61%

56%

44%

继续浏览有关 平面设计编排设计 的文章