设计师一定要懂的版式设计原理

CONTENTS

什么是版式设计？ ..............004

版式设计的任务是什么？ .............006

本书导读 .................010

PART 1

实用的版式设计手法 ............................013

LAYOUT 01　对称

利用对称手法

打造雅致

安静的氛围 .............................................. 014

LAYOUT 02　对比

以同等性的编排方式产生对比

利用对象之间的乘数效应

加深视觉印象 ...........................................018

LAYOUT 03　留白

大面积留白

在版式中营造出

舒适感和高端感 ...................................... 022

LAYOUT 04　跳跃率

提高跳跃率

为版式设计制造动感

赋予其冲击力 .......................................... 026

LAYOUT 05　引导视线

引导读者的视线

将要告知的信息

准确地传达出去 ......................................030

LAYOUT 06　焦点

在版面中添加焦点

留住读者的目光

增加闲适的心情 ......................................034

LAYOUT 07　重复

有规律地重复

通过重复

营造统一感 .............................................. 038

LAYOUT 08　单元化

版式设计单元化

整理信息量较大的内容

使其更易于被读者理解 .........................042

LAYOUT 09　倒三角形

倒三角形版式设计

故意打破平衡

制造版面的紧张感 ..................................046

LAYOUT 10　网格系统

使用网格系统

将内容对齐参考线

以此来整理版面 ......................................050

PART 2

有助于营造氛围的文字编排方法 ...... 055

LAYOUT 11　直排

文字编排方式—直排

将含有大量文字的内容

编排得易于阅读 ......................................056

LAYOUT 12　横排

文字编排方式—横排

将含有英语及数字的内容

编排得便于阅读 ......................................060

LAYOUT 13　宋体

使用宋体（MS Mincho）

给人以娴静

优雅的印象 ..............................................064

LAYOUT 14　黑体

使用黑体（Gothic）

给人以强劲而

休闲的印象 ..............................................068

LAYOUT 15　字号和行距

调节字号和行距

不仅可提高易读性

还可调节版面整体的氛围 ......................072

LAYOUT 16　分栏

利用分栏的加减

调整文本

使阅读更加轻松 .......................................076

LAYOUT 17　选择字体

选择字体和装饰文字

营造版式设计的氛围

强化要传达的印象 ..................................080

LAYOUT 18　文本绕排

利用文本绕排

体现文本与图片

整体感的方式 ..........................................084

PART 3

能瞬间传达信息的图像的编排方法...089

LAYOUT 19　出血裁切

出血裁切照片

强有力地展现

照片的景观 ..............................................090

LAYOUT 20　去背

照片去背

通过强调形状

制造动态及动感 ......................................094

LAYOUT 21　对齐·并列

将照片对齐

打造流畅

规整的版式 ..............................................098

LAYOUT 22　规律性

有规律地编排照片

让读者从版面中

感受到舒适的韵律感 ...............................102

LAYOUT 23　错位·倾斜

照片的错位、倾斜排列

赋予版式设计

动感与冲击力 ...........................................106

LAYOUT 24　拼贴

使用拼贴手法

将各种素材拼贴在一起

营造崭新的视觉效果 ............................... 110

LAYOUT 25　纹理

使用纹理

为版面

模拟质感 ....................................................114

LAYOUT 26　插画为主元素

以插画作为主要元素

营造与照片

截然不同的画面 .......................................118

LAYOUT 27　用插画补充说明

采用插画作为补充

对难以靠文章传达的信息

加以视觉性说明 .......................................122

LAYOUT 28　图解·图表·表格

利用图解、图表、表格

瞬间将内容

浅显地传达给读者 ...................................126

PART 4

影响版面印象的配色技巧 ...................131

LAYOUT 29　前景色·背景色

确定前景色与背景色

根据图像进行

比例得当的配色 .......................................132

LAYOUT 30　强调色

使用强调色

为氛围单调的设计

赋予层次感 ...............................................136

LAYOUT 31　关键色

使用关键色

有效利用彩色图像

将效果发挥到极致 .................................. 140

LAYOUT 32　统一色调

色调的统一

使用多种颜色

让版面风格一致 ...................................... 144

LAYOUT 33　黑白色调·单色调

使用黑白色调、单色调效果

去除色彩

强调形状或阴影 .......................................148

LAYOUT 34　男性化·女性化

结合色彩所具有的印象

以配色来表现

男性化与女性化特点 ...............................152

LAYOUT 35　大地色

使用大地色

以配色来表现

环保或自然主题 .......................................156