本书通过成功案例与失败案例的对比和解析,介绍了跟随元素和传达状况而变的各种版式设计手法。从版式设计的基础——编排手法开始,介绍版式设计基础中必须了解的编排技巧。除此之外还对版式设计中不可或缺的元素,包括准确传达信息所必需的“文字”,视觉性传达信息必需的照片、插图、图表、表格,以及能够支配要传达的图像,下意识引导读者的“配色”等,从基本到应用加以言简意赅的解说。本书为外版书引进,所列举的案例既有收录在口碑颇佳的设计参考文献《教科書には載っていない デザイン·レイアウト プロの流儀 実例Ⅲ》中的案例,也有为匹配本书专门精选的内容。希望读者可以从专家案例中,能够更好地理解版式设计的效果。
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