版式设计（张文）

版式设计是关于编排的学问，它通过对信息块的有效组织和美化，在信息和形式间架起桥梁，使观者能轻松阅读，获得美的体验和视觉的愉悦。它不是一门具体的设计，但支撑着多种设计，如UI设计、网页设计、招贴设计、书籍设计、包装设计等。它不仅是一种技能，更是技术与艺术的高度统一。

本书增加或突出了大师的设计思维、版式中的空白编排、UI版式设计和常见版式设计问题等内容；图例注重选择经典和新颖的案例。同时，考虑到年轻学习者的阅读习惯，笔者编写时把本书的内容设计成学习者从入门到提升的过程，注重学习过程的体验与收获。书中课程安排有实训汇报或思考环节，可以让学习者课后强化所学。

本教材编写得到*资源库广告设计与制作子项目“版式设计”的支撑，编写团队成员同时为该课程的主讲教师。为响应职教20条对高职教育的要求，编者将资源库建设中的资源引入教材，学习者可通过扫码学习的方式，获得更多的学习体验，使教材更丰富。

本书共五章，由重庆工业职业技术学院张文编写*、二章，山东科技职业学院杜艳艳编写第三章，山东科技职业学院郭杰编写第四、五章，重庆工业职业技术学院赵梅思、刘静怡参与了部分内容的编写及资料整理。全书由张文负责统稿和审核。

在此，感谢化学工业出版社和张志颖老师的支持与帮助。同时也很庆幸我们所处的网络时代可以便利地共享资源。

版式设计内容涉及面广、知识量大，书中存在的不足和疏漏之处，希望有关专家学者和广大读者给予批评指正，多多提出宝贵意见，以便再版时修改和完善。期望本书能对学习者有所裨益！

编者

2020年4月

版式设计是关于编排的学问，是视觉设计的基础。本书按照设计新手必看、进阶修炼请关注、版式设计应用了解一下、大师排版时在想什么、出关大礼包五个进阶来编排。具体内容包括：版式设计基础知识、核心知识技能、版式设计应用、设计拓展等知识。本书增加了在线教学资源，学习者通过扫码学习的方式，可获得更多的学习体验，使教材更丰富。

本书适合高职高专广告设计类、视觉传达设计类、艺术设计类专业学生使用，也可作为艺术设计类相关专业人员的参考书。

张文，重庆工业职业技术学院艺术设计学院，教研室主任，副教授，从事艺术设计教学工作多年，长期在高校担任艺术设计（主要是艺术设计基础课、环境艺术设计）方面的主干课程。现为中国室内装饰协会高级室内设计师、2012年重庆市优 秀教学团队（艺术设计）骨干成员；具有很丰富的教学工作和实践能力。被重庆工职院聘为2012-2014年骨干教师；获2012-2013年学院教学质量奖；2012年获学院“说课”比赛三等奖。

*章 设计新手必看

*节　什么是版式设计 / 002

一、初识版式设计 / 002

二、版式设计欲达成目标 / 005

三、版式设计流程 / 009

第二节　版面构成形态 / 010

一、点的编排构成 / 010

二、线与空间的关系 / 013

三、面的版面构成 / 017

第三节　如何选择开本大小 / 020

一、根据媒体选择版面开本 / 020

二、成本影响开本选择 / 021

三、装订对页面尺寸的影响 / 022

第二章 进阶修炼请关注

*节　版式设计构图与视觉流程 / 024

一、选择适合的构图方式 / 024

二、网格助你优化版面 / 029

三、视觉流程，教你轻松引导视线 / 032

第二节　版式设计形式法则 / 036

一、比例与分割 / 036

二、对比与调和 / 037

三、对称与均衡 / 038

四、节奏与韵律 / 039

五、单纯与层次 / 039

第三节　版式设计文字编排 / 041

一、字体选择很重要 / 041

二、字号和间距的设计 / 043

三、文字的组合编排 / 044

四、文字编排原则 / 046

第四节　版式设计图片编排 / 048

一、图片类型与图片选择 / 048

二、图片的适当处理让表达更清晰 / 049

三、优化图片位置和组合打造更具吸引力的版面 / 051

四、图文混排使版面张弛有度 / 052

第五节　版式设计色彩搭配 / 055

一、版式中的色调 / 055

二、色彩在版面中的应用技巧 / 056

第六节　版式中的空白及作用 / 059

一、如何认识空白 / 059

二、空白的作用 / 060

第七节　如何调整版面率 / 063

一、增加或减少版面空白 / 063

二、通过改变图像面积调整图版率 / 065

三、改变底色丰富版面 / 066

第三章 版式设计应用了解一下

*节　UI版式设计 / 068

一、UI版式设计概述 / 068

二、案例赏析 / 070

第二节　网页版式设计 / 073

一、网页版式设计概述 / 073

二、案例赏析 / 077

第三节　招贴版式设计 / 080

一、招贴版式设计概述 / 080

二、案例赏析 / 083

第四节　书籍版式设计 / 086

一、书籍、期刊、报纸版式设计概述 / 086

二、案例赏析 / 093

第五节　包装版式设计 / 095

一、包装版式设计概述 / 095

二、案例赏析 / 097

第四章 大师排版时在想什么

*节　国内大师的设计思维 / 102

一、靳埭强：中西融合的设计理念 / 102

二、陈幼坚：东情西韵 / 103

三、吕敬人：把书当作建筑来看待 / 104

第二节　国外大师的设计思维 / 106

一、原研哉：无，亦所有 / 106

二、杉浦康平：悠游于秩序与混沌之间 / 107

三、薛·博兰：把字体当图像处理 / 108

四、奇普·基德：瞬间打动人心的设计 / 109

第五章 实战锦囊

*节　版式设计常见问题 / 112

一、整体布局易出现的问题 / 112

二、图文混排易出现的问题 / 113

三、字体方面易出现的问题 / 116

四、色彩方面易出现的问题 / 116

五、其他问题 / 116

第二节　设计接单那些事儿 / 117

一、接单前的预备工作 / 117

二、如何报价 / 118

三、签订合同 / 118

参考文献