文/贺沁洋 谈及如何进行版式编排设计，大多会将“平衡、疏密、节奏、比例、对比、统一”等形式美法则作为指导原则。本文以格式塔心理学为理论依据，以实现有效视觉沟通为目的，对版式编排的核心设计原则进行了梳理。

版式编排设计，是指在特定空间内，通过对视觉材料的组织来传递各种信息的研究和操作处理。其本质是以视觉传达为手段呈现信息的逻辑性、条理性与合理性，完成信息的准确、快速传递，实现与受众沟通的目的。

版式编排设计原则

格式塔心理学最大特点在于强调“视觉是一种主动性很强的感觉形式”，受众的视知觉具有主动性和组织性，并总是用尽可能简单的方式从整体上认识外界事物。

组团原则

组团原则是一个相对简单的版式编排组织规则，同时也是进行信息条理化分类的重要手段。根据视知觉的接近性特征，移动视觉元素的物理位置，将同类信息项的物理位置相互靠近，它们将被看作是集合为一个整体或一个群组，而不是彼此毫无关联的片段；反之，彼此无关联的信息项（组），物理位置上应拉开其距离。

物理位置的接近或远离，意味着信息逻辑上存在着关联或不同。如果是多个项之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。

组团原则的根本目的是实现信息组织的条理性，减少混乱，为受众提供清晰的结构，有条理的信息将更容易被阅读。研究发现：在具有一定配置的场内，有些对象凸显出来形成图形，有些对象退居到衬托地位而成为背景。一般说来，图形与背景的区分度越大，图形就越可能突出而成为我们的知觉对象。

差异性原则

很多学者将格式塔的“图形与背景”特征用于研究图形创意，笔者认为，“图形与背景”之间的相互作用且存在非恒常性（图底互换）特征亦适合用来讨论，并形成编排设计的第二个核心设计原则—差异性原则。信息量庞杂是商品促销宣传设计面临的最大挑战，仅靠组团手段显然是单薄的。

版式空间内的信息想要获得良好的视觉沟通，应该借用“讲故事”方式展开描述。“图形与背景”的视知觉组织特征为创造视觉“故事感”提供了实施手段—将需要被强调的重要信息通过增强差异性（大小、位置、虚实、疏密、强弱、肌理、形状、色彩等视觉元素的对比关系），创造视觉显著点，使之凸显出来成为“图形”；起着烘托、铺垫、补充说明的信息，通过削弱差异性将其退居到“背景”地位。

同一性原则

同一性原则是指多种事物能够共同存在，具有同样的性质。视知觉组织的相似性特征解释之所以能够形成“共同存在”的“整体”，是因为一个视觉对象的各个组成部分，如色彩、形状、大小等属性保持同一性，那么这些部分之间的关系看上去比另外一些部分之间的关系更加紧密。为实现视觉整体感呈现，设计师必须同时关注两个基准层面的协调性：

①含义间的关系，它是保证受众解读信息的基本条件。

②形态间的关系，它是唤起受众视觉经验的必要条件。

通过强调同一视觉属性的作用，我们就可以将组合规则的应用范围加以扩大，在鼓励视觉表现手段多样性的同时保证信息条理依然清晰可读。

组团原则以物理位置上的紧密集结信息，同一性原则通过元素属性上的相似将多个信息项（组）联接而成具有“整体视感”的知觉图式。

秩序原则

视知觉的连续性，是知觉力图以最简化的方式处理外部世界复杂信息的一个结果。从某种相对意义上看，如果一个物体用尽可能少的结构特征把复杂的材料组织成有秩序的整体时，我们就说这个物体是简化的。

所有的设计作品，都需要从视觉的和组织的角度去解决问题。标题、图片、文字所占的区域，所有这些视觉元素必须相互配合形成内在固有结构和秩序，以实现有效传达。

版式编排中秩序原则的具体应用有两种表现途径：

①隐性规则。版面空间内的任何视觉元素都不能随意放置，而是通过网格布局经营和统筹所有元素，网格布局可以被视为一种视觉形式的重复或韵律，为版面提供比较系统的编排秩序。在这个结构中，多样化的视觉元素不仅各得其所且各有分工，共同构成系统的规律性和整体效应，具有良好视觉秩序的网格，排除视觉干扰确保了整体的和谐，使得信息本身成为焦点。

②视觉流程。创造一种有秩序的变化诱导视线移动，以形成清晰的视觉流程路径。

根据人的视线流动规律，有着强烈对比关系（与环境中其它元素不同）的信息将首先被注意到，而后才注意到对比较弱的部分。在各级信息项（组）之间建立一种有组织的视觉层次结构，以保证受众在视线移动过程中，从一个项（组）到另一个项（组）之间有着顺理成章的联系，好比一篇文章上下文之间有着合乎逻辑结构的内在秩序。

清晰明确的信息级别将会使主题与内容更加一目了然，顺畅的视线流动便于向受众呈现高雅的视觉秩序和连贯性，使信息传播在导向上更简便，可读性更强。

文/刘华 空间是一种视觉效果，是艺术表达的重要手段。平面设计的空间形式包括：正负空间、层次性空间区域性空间和三维透视空间。平面设计中的空间完全依靠视觉元素在二维平面中的关系来呈现，也就是造型与空间的关系。

二维视觉形态总给人以单调而沉闷的感觉，具有空间感的视觉形式更贴近自然与生活，它能给观看者带来愉悦与快感，同时鲜明的空间对比能带给人强烈的心灵震撼。那么平面设计中的空间到底有哪些形式呢？

在平面设计中，图或形是一种正面、积极的视觉元素， 也称为正形，它所占有的空间就是“正空间”; 而除图以外或相对应的空间，就是“负空间”，也称为负形。当一方发生变化时，另一方也随之变化。处理好正空间与负空间的关系，是创作简单而出色的设计作品的第一步。在设计中我们总是强调正形的作用，使其突显，拉开与负空间的 距离，以达到引人注目的效果，而往往会忽略对负空间的注意。

负空间能把我们的注意力吸引到内容上，把它与周围不相干 的内容区分开，并能给视觉一个休息的地方。负空间就像形状一样，在设计中必须把它当作正空间形状来同等对 待。如果对之置之不理，负空间就会显得死气沉沉，难与周围的视觉元素融合。如果“负空间”填得太满，设计会造成压迫感和混淆感，使人感到厌烦。

层次空间是相对实际空间而言， 它本身不具有实际的距离与深度，只是一种虚幻的距离与深度的一种视觉感受。平面性的层次空间是利用形态元素，如点、线、面等，在二维空间中组合所反映出 来的层次空间感，如通过形态元素的重叠、复盖、遮挡、距 离、明度、色彩、大小等表现形式的变化与对比而形成。

层次空间的深浅有赖于形态本身的大小对比度、色彩及明度的对比度和形态虚实对比：对比强时，空间层次感强，对比弱，空间层次感弱。平面性层次空间是设计中必不可少的造型因素。建立合理得当的层次空间，能使平面中杂乱的视觉元素的关系主次分明、井然有序，欣赏时给人带来视觉上的流畅与舒适。

区域性空间是由视觉元素在二维平面中的空间位置关系形成的，通过视觉元素在平面的占有与分割，得到区域性空间。英国艺术家莫里斯·德·索斯马兹认为，如何分割画面是一项重要的决策，因为正是这个基本的比例关系引起对视觉的第一次冲击。

尝试用一条直线对一个平面进行分割，或者用一个方形对一个空间进行占有，平面与空间的形态就被打破了。但由于分割形式与占有位置不同而产生多种区域性空间，也会带给人不同的空间感觉。 这种区域性的版式空间的划分与分类有多种角度与形式，如：网格版式、轴式、斜轴式、放射式、膨胀式、自由式等。

区域性空间无不体现了版式设计的动态与静态特点。网格式区域空间，使版面严谨，理性，形成统一的美感，而自由式区域空间，给人活跃、灵动、感性的强烈的视觉美感。静态性的区域空间需要借助形态元素去激活空间，而动态性区域空间需要形态元素去平衡与安定，都需要设计师的把握。

这是一种借助科学的透视学原理，而形成的一种空间形式，是表现真实性空间最普遍的方法。在平面设计中，往往借用具有强烈空间感的图片表达三维空间，也可以借助视觉元素在空间中的透视与变形，形成三维空间效果。

透视性空间相对于平面性的层次空间来讲，特征是空间的真实感更强。在平面设计中往往通过各种手段打破这种真实的正常空间形式。如：通过自然造型大小的异常变化，本应大的形体缩小，本应小的形体放大，来获得强烈的视觉冲击。通过矛盾空间的形式，表达自然界中不可能存在的空间形式，以引起关注和增加欣赏的趣味性。

以上所谈平面设计的各种空间表现形式，无不体现出平面空间的表现力，给人带来强烈的视觉冲击，留下深刻的印象。它们都不是孤立的，彼此之间有着内在的联系， 设计者应善于融会贯通。二维平面就是造型发挥的无限沿伸的“空间舞台”，等待设计师去舞动生机，为欣赏者提供无限的遐想空间。

“圆和椭圆挺好的，”乔布斯说，“不过，要是能画出带圆角的矩形，你觉得怎么样？”

马库拉和其他一些人从来都无法欣赏乔布斯对于版面设计的痴迷。马库拉回忆说，“我一直说：‘字体？！？难道我们没有更重要的事情了吗？’”

——《乔布斯传》

2018年10月26日，星期五，劳烦刘明兄帮忙查询、预约，背着一沓书稿，急赴国图覆核底本——乾隆四十八年武英殿仿刊相台岳氏本《毛诗》。遇陆蓓容女史，正在查阅文献，见我乱摊开半桌子校样，好奇地拿去几页翻看，悠悠地说：“中华书局版式都能设计这么漂亮啊？”怎么听上去好像不是一句夸奖的话，一笑。

2015年，某日，单位食堂，与总编辑在一个桌上午餐，聊到版式设计，总编辑一手把着搪瓷盆沿儿，一手比划着：“你知道古籍整理最好的排版形式是什么吗？”咽了一口饭，“是一宋到底。”

一宋到底，就是全书通用宋体字，无需用黑体字、仿宋字等穿插变化，而依然层次分明。古代刻本，大多是一体贯彻。《毛诗传笺》，现存第一部完整的《诗经》注本，尝试着去践行。

经书典籍，历代注家相承，往往形成叠加累积的文本，比如《毛诗传笺》，包含有商周的《诗经》本文、战国子夏的诗序、西汉毛亨的传、东汉郑玄的笺、唐代陆德明的音义，再加上点校者的校记，形成六个层次的复合文本。版式设计时，便需要将这些文本层次清晰地区别开来，使白纸黑字，一目了然，为读者带来舒适的阅读体验，也方便学者快捷引用。就像老爷爷看着七个葫芦娃，一眼就能认出谁是谁来，谁有什么本领。

古籍文本已然固定，不能再有一字增损，版式设计时只能通过技术处理区分层次。《毛诗传笺》的底本长相是这样的：

古代刻本与新整理本版式的不同在于，刻本字大行疏，齐整而无标点的干扰，通过退格、大小的变化，在视觉上就已非常明显，新整理本则需要有更多的处理和变化。《毛诗传笺》首先需要解决正文与注释的配合、篇末标题的突出、诗序与正文的区别等问题。

古籍整理图书的注释排版，一般采用脚注、篇末注和夹注三种形式。在注释较少的情况下，仍以传统的夹注最便阅读。单行小字夹注，过去被人诟病的，一是大小差别不明显，找寻正文吃力；二是小字太小，阅读吃力。而小字调大后，页码和定价势必相应增加，这是一对天然的矛盾，设计时必须折中调和。在大小字视觉反差明显的前提下，大字加粗不宜太楞，小字则宜尽量大些，因为对于《毛诗传笺》，除涵咏诗文外，主要是阅读毛传、郑笺。并且总页码宜在500页左右，一册便携，定价也能控制。经过反复调试，排出一校样：

《毛诗》标题在篇末，既是标题，又是文句中的一个词，需要突出，但也不能动作太大，否则文气割裂。

郑笺后面用圆圈隔开的，是陆德明音义，出音之字，弃用夹注时美感不足的鱼尾括号，沿袭底本形式，采用加框标示，优雅而醒目，这也是从之前排版《尔雅正义》时摸索出来的。框线与文字的距离值是可调的，凑紧后才能避免行距自动撑大，行款均匀美观。并且鱼尾括号会多占出一个字格，加框也省了篇幅。

一校稿发稿，总编辑在终审时，用蓝笔批示说：“版式还要调整。”并在样稿上标示示例：

针对总编辑提出的正文与诗序区分仍不够明显、仍不够美观的问题，再作调试，最后沿用底本分章加圈区别的体例，排出二校样。

而在校读一校稿时，发现校勘记的校码在正文中仍不够醒目，查检不便，经过反复调试，在二校样中改排为阴文圈码，一望即得。但校勘记集中在篇尾时，校码又太扎眼，视觉上喧宾夺主，盖过了篇末标题。于是稍作变通，内阴外阳，二校样版式粗定：

印前质量检查时，质检人员对注码不一致的情况提出异议，阴阳不侔，体例不纯。于是中夜仰屋，辗转不眠，左右取舍，如何是好。经与排版公司会商，想出一个办法，正文校码的方案不能变更，必须以醒目易寻为上，篇末集中的校码，可以降低黑度比例，使温润悦目。调试了三个比例：50％、60％、70％，但纸样打印与成书印刷不同，急请印刷厂帮忙上机打样，看看实际的印刷效果何者为佳。最终取值60％：

您或许注意到了，从一校稿开始，“笺云”二字一直加着灰底，因郑笺接续毛传，以“笺云”为别，底本一贯而下，未作特殊处理，对于只想阅读郑笺的读者，或想径直引用郑笺的学者来说，则需耗费目力找寻，于是仿修订本《史记》之例，铺个浅色灰底。但比对打样黑度比例时，颇觉灰底的视觉体验不佳。

其实“笺云”二字本可以稍作变通地设计，比如加六角括号〔笺云〕，去掉冒号，仍占一字格，不会动版，醒目易检。但考虑到历代《毛诗》版本，“笺云”二字大多未作特殊处理，或是行文的一部分，似不能只按一个区别形式对待。唐代贞观时孔颖达奉敕撰《五经正义》，独尊《毛诗传笺》，成为官方教本，传笺实同经文，已是不刊之典，动作稍大，恐与经书精神所贯，或有不合之处。形式须当服务于内容，而不能驱遣役使。最初选用铺灰底，不改文气，也是出于这样的考虑。于是去掉灰底，把“笺云”二字略微加粗，稍为醒目而又不显突兀，也是版本形式上的延承，以遵古式：

由于版式修改了多次，制作文件里遗留了一些残余的排版命令，虽直观体验差别几希，但仍有细微的影响。最终定稿时，复对排版文件做一遍排查，进一步精简排版命令，用最简单的命令呈现最自然的文字落位。尽善尽美，归于至简。

2018年10月25日，书局图书馆，清华大学同学莅局参观座谈，个厂先生突然画风一变，说道：“编辑工作，不只是改标点，校文字，还需要批格式，懂设计，奏刀中音，目无全牛。对于编辑来说，作者撰著，采用恰当的体例；编辑设计，辅以完美的形式，是书稿成为图书产品的极为关键的因素。一本书拿在手上，不光是内容好，更包含形式美。这样做出来的图书，读者阅读时才能获得‘既饱以德,既醉以酒’的心流体验。过段时间你们将有机会读到中国古典文学基本丛书的最新品种：《毛诗传笺》，版式设计照顾到了文字层级的各个细节，赏心悦目，更像是一件艺术品！”硬广夸张，虽不能至，然心向往之。

《毛诗传笺》书封

《毛诗传笺》内文插图

以上根据《毛诗传笺》的内容特点做的技术处理，细节末技，无裨大道。

每一本书都有属于自己的义例和阅读体验模式，也必定有一款属于自己的最合适、最理想的专属版式，以承载、呈现其独一无二的内容。随物赋形，量体裁衣，就像每一位新娘都有属于自己的一双水晶鞋。

我相信，一次美好的阅读体验，一程舒适的阅读旅行，不只是读者在探访文字、寻踪思想的足迹，也是文字穿上舞鞋，踩着其既定的舞步跃入眼帘，将思想的种子播进读者心田。

IT之家小白课堂，小白也能看懂的教程，喜欢就点收藏 :)

说起Word，很多人可能会不屑一顾，这么简单还用学吗？其实Word和Office系列软件一样，入门简单，精通并不简单。比如基本的排版。

思考下面的问题，你会如何操作？

新建文档的默认字体，如何设为微软雅黑？微软雅黑五号字默认行距过大怎么办？小标题字号如何批量修改？段首空2格，到底用空格，Tab，还是标尺？不同的小标题段落，如何快速调整上下顺序？

掌握Word里的“样式”功能，这些问题都能迎刃而解。你获取的技能包括：

自动目录：导航窗格点击小标题，自动跳转到相应内容区域。批量操作：修改样式里的小标题字号，文章内所有小标题自动更新快捷移动：导航窗格随意拖动各个小标题，方便内容排序。默认模板：新建Word文档，内容均为自己设置的样式。

一、设置默认样式模板

下面是一份Word模板案例，设置了正文、一级标题、二级标题等样式。

接下来，IT之家教你一步步打造Word样式模板。

1、菜单栏-设计-字体-自定义字体。

2、西文和中文的标题、正文字体，选择微软雅黑（或其他你喜欢的字体）。

3、菜单栏-开始-样式-正文，右键-修改。

4、修改“正文”样式，进入“格式-段落”。

5、由于中文版Word默认文档网格设置问题，微软雅黑五号字显示行距过大。

有两种解决方法。方法1：延续上一步设置，段落窗口里，不勾选“如果定义了文档网格，则对齐到网格”。方法2：页面设置-文档网格-每页行数，44改成36。综合比较显示效果后，IT之家选择方法1。

此外，段落间空一行的样式，既可以手动，也可以在此处设置段后间距1行。IT之家选择手动。

6、同理修改其他样式，可改成你喜欢的字号、颜色等。一般只需要修改标题1（即一级标题）、标题2（即二级标题）、强调、明显强调。

以下是标题1的参考样式，注意标题1在段落里设置为“大纲级别1级”，标题2为“大纲级别2级”，以便Word在导航窗格正确显示目录。

7、对于不常用的样式，可设置隐藏。路径：菜单栏-开始-样式右下角箭头-管理样式-推荐，选择相应样式隐藏。

8、最后一步，菜单栏-设计-设为默认值。以后新建Word文档，正文、一级标题、二级标题等，都是自己设定的样式了。

这时候，如果老板让你修改所有小标题的字号、颜色，你还会一个个去修改吗？当时不会，直接修改相应的样式就可以了。

对于部分特殊版式，还可以添加、修改专属样式。只要不设为默认值，那么这些样式只出现在当前文档，不影响默认样式模板。

二、一些小技巧

如何插入自动目录？

进入菜单栏-引用-目录，就能插入自动目录。如果正文内容更新，在目录上右键“更新域”，可更新目录文字、页码。

段首空2格，到底怎么做？

建议在段落里设置“首行缩进”，缩进2字符。可以修改“正文”样式的段落格式，也可以在文档里全选后右键设置段落。

回车分段有几种？

Enter：分段（真分段，生成段落标记，前后为两个段落）Shift+Enter：换行（假分段，生成换行标记，前后为同一个段落）Ctrl+Enter：分页

批量删除多余空白段落

例如正文每段之间有两个回车，导致有多余空段。Ctrl+H，替换窗口里，把“^p^p”替换成“^p”即可。感兴趣的读者，点击下方特殊格式，可查看到更多信息。

如何选择竖列文本？

Alt+鼠标

随机生成示例文本

最后分享一个类似彩蛋的功能。本文截图的示例文本，通过Word函数生成。你也可以打开Word试试噢。

中文文本：=rand(a,b)英文文本：=lorem(a,b)

注释：a、b为数字。随机生成a段，每段b句的文本。光标在右括号处回车即可。

Word样式模板：点此下载

在平时制作课件的时候，经常要使用到图片，如果我们需要对图片加上文字的说明，那么怎么样来排版更加方便快捷呢？

一、选中所有的图片。

从自己的电脑中加载几张图片进来，进行简单的排版。

二、选择图片版式。

在顶部菜单中选择“格式”-》“图片版式”，选择一种图片版式效果。

另外，如果我们觉得该排版不满意，我们还可以对图片排版进行修改，选择“设计”-》“布局”即可。

作者：刘思宏，作为美博思远考研学院中的一员，本期我将和大家聊聊板式设计中网格的应用。

版式设计是现代艺术重要的组成部分，是一种重要的视觉语言。其作用主要为信息传达，构想策略和提升理念，而网格是设计得以成立的基础，使设计师将丰富的元素有效的组合，安排在一个页面上。

网格是一件设计作品的骨骼，通常被应用在各种各样的作品中，书籍，杂志，网页，交互页面。通过网格结构的编排和调整吸引我们的注意力，让我们有正确的阅读顺序并能持之以恒阅读下去。

那么网格通常会起到什么作用呢？又是怎样作用在我们眼中的呢？怎样在版式设计中使用网格呢？

本文将带你初探网格的魅力。

一、网格的基本用途，为何使用网格

在页面设计中，网格为所有的设计元素提供了一个结构，它使设计创造更加轻松，灵活，也让设计师的决策过程更加简单。尽管现在许多人都通过电子文档阅读，但印刷设计背后的结构和原理依然适用，因为我们浏览习惯从未改变。

网格的基本功能是信息组织

随着时代的发展，网格尽管已经有了进步，但支撑它的基本原则从未改变。易读的文本和清晰的标题一直存在于各种文学文本，报纸中。

为何使用网格，这要从我们的阅读习惯讲起。

我们每天都在阅读，可作为一个平面设计专业的你，真的知道我们是怎么阅读的吗？

任何一页读物都有积极部分和消极部分，这与内容本身和个人的阅读方式有关。当我们面对一页读物时，我们的眼睛习惯的从左上角开始寻找切入口，然后向右下方浏览。如图所示，深色部分提示出最受关注的热点区域。我们可以利用这个特点来指导关键元素的布局——既可以让他们更突出，又可以让他们不那么显眼。

人们浏览屏幕的方式和浏览印刷品是一样的，都是在寻找关键词或感兴趣的东西。针对这种习惯设计师可以通过强化关键词，使用核心点，来保证用最重要的信息来引起用户的注意。

巴 黎2012

这个手册是Research Studios工作室为2012年巴黎奥运会的建筑竞标所设计，它的特色是运用色彩来制造视觉热点。出血的图片能在一开始就吸引眼球，而当眼睛自然地向右方浏览时，红色的文本标题和指示标记马上又抓住读者的注意力。继而吸引着他们阅读文本，这一切就像左边表格所显示的那样，注意此处文本是怎样与图片的主题一巴黎凯旋门一一大致对齐的。

The Waterways Trust Pentagram工作组为The Waterways Trust 设计的小册子使用了白色的文字。与深色的背景形成对比。形成一片热点区城，成为阅读的入口。这种效果如上图图表所示，网格结构给页面设计带来了清晰的“流动感”一条清晰的运动轨迹是从标题到图像，再到文本。最后到达图片说明。

F模式

我们在浏览网页的时候通常遵循F型的阅读。则快速浏览页面上的两行，然后迅速向下浏览，想要尽快的找到感兴趣的领域。

倒三角模式

最重要的信息在最上面，以下信息的重要性依次递减。因为用户不会读完所有的内容，所以重要的信息必须被标注，需要在左侧被标注，适应F型模式的浏览方式。

当然设计师需要根据受众的习惯更改网格和版面的表现形式，也要考虑到设计中的版面限制。

二 、网格基础

在页面上，网格式结构的基础，如果想有效地利用网格，就必须理解他的全部构成因素，还有与其相关的元素。例如文本，图像，图标，组成设计的骨架，包括像栏线，页码等常规元素。

首先我们要了解ISO和纸张尺寸。

纸张的标准尺寸使设计师、印刷者以及其他与出版业和印刷业相关的人员能够就产品的规格进行沟通，并有效控制成本。

ISO (International Organization for Standardization,国际标准化组织) 制定的纸张标准尺寸系统的基础是: 宽与长的比例为2的平方根(1: 1.4142).这种比例的纸张被对半裁切之后，仍能保持这个比例。

页面的表现样式：

设计的构图由文本和图像元素构成，是他们构成了页面的表现样式。所以对版面的设计就是对图像和文字关系的设计。

为了创造出令人印象深刻的设计，文本和图像的不同组合正如画家在画布上构图一样。不同的表现样式能吸引受众，并形成系列关系，使设计和绘画传达的信息更完整。

▲竖版　　　　　　　　　　　　　　　▲成角　

　竖版

内容以竖版的形式被呈现出来，迫使读者调整他们惯性的阅读方式。这种方法常常用于表格之类的元素，它们对标准纸张来说太长了。

　成角

成角排放的内容也能迫使读者调整他们的阅读方式，尽管文本和图像能组成任意角度，但它们最好能具有稳定感和一体感。

▲水平　　　　　　　　　　　　　　　▲垂直

　水平

页面元素被平铺并且被强调，从而吸引读者的视线横穿过页面。

　垂直

页面元素被垂直编排，引导读者的视线上下浏览。

　裱图框

这种样式在呈现图片的时候经常被使用，这时旁边的留白对它起到了烘托作用，如同画框一样。由此，图像占据了整个页面空间。

▲轴线　　　　　　　　　　　　　　　▲裱图框

　轴线

页面元素有意整齐的在轴线上对齐，就像上图中所表现的垂直居中对齐一样，这种样式在呈现图片的时候常被使用。

　分组

聚合成组的元素能让相关的信息联系起来。分组的方法就是将图像和文本置入单页，通页，甚至整个出版物的特定单元。

　比例

我们也经常通过变化元素的比例来创造动态感。例如图像元素，比例关系可以创造出平衡感和不对称感。

左图表现出的是消极的并列关系，左右两个图像的尺寸一样大，在左图中，只存在图像自身的差异。

右图表现出图像积极关系，通过改变图像的比例，吸引读者注意力。

　层级

我们通常利用层级的概念，通过变化比例大小和布局来凸显作品中最重要的信息。

　中性

这个页面是中性状态的，两页文本之间没有层级关系。

　位置

对设计元素进行布局，如上图将标题放在左页。（注意我们一开始提到的我们的阅读顺序是从左上角开始）

　位置和尺寸

位于页面入口处（热点区域）的元素被放大，他与下面元素之间的距离被拉大，这就形成了这个元素在层级中的统治地位。

　网格绘制

这里来介绍一个利用数学原理绘制网格的方法

　三分法的运用

在一个页面中叠加一个3*3的网格，各个线的交叉点就是所谓的“热点区域”。三分法可以为设计带来活力和动感，是构图和版面编排的向导。

　举个例子

图为法国画家塞尚(Cezanne) 的《浴女》.通过整版的简单网格。我们能非常清楚地看见三分法所起的作用。网格的水平线和垂直线相交的点，就是热点区域。尽管图中的元素并不是完全严格地紧扣热点区域，但画家将关键元素安排在这些交叉点的周围。同样为构围增添了充满生气的动感。

　奇数法

在构图中，奇数元素比偶数元素更能引起观者的注意。因为与偶数带来的对称效果相比，奇数元素显的更加自然。

在页面安排元素布局时，可以利用奇数法将元素在热点区域靠近，通过元素的互相作用造成紧张感。

相比左侧的单一图像，右侧的元素关系形成更加活跃。

　对称网格

对称网格类似镜像图案，左右两页的结构互为镜像，形成了一种平衡，协调的感觉。带给读者一种愉快，条理分明的印象。

在连续的通页中使用对称网格，有时会显得有些重复和缺乏创意，这时我们可以通过添加其他页面元素，例如页码，说明和脚注。这能让这类网格变得灵活。

　不对称网格

不对称网格是左右两页是同样的版式，却在页面的整体方面呈现出向左或向右偏的倾向。下图使用的网格，令设计师可以戏剧性的改变设计中各元素的比重和平衡度。

　模块网格

在网格中，模块是分隔开的板块或单元，用来容纳、集结特定的文本或图像元素。模块将网格分隔为一系列板块或区域，设计师可以通过对模块的运用使作品表现出一种运动感。依靠对模块进行合并，页面能够表现出水平或垂直的运动趋向。

　对称模块网格和不对称模块网格

左面这个通页里，左，右两页的网格是对称的，即使两页的模块并不是对称排列。这种布局为两页之间提供了理想的平衡感。由于网格的外缘留白是相等的，设计师又将平静的感觉融入通页中，将读者的注意力向中间订口的方向吸引。

右面通页的左，右两页网格是不对称的，活跃的，稍不平衡的布局为设计增添了运动感。页缘留白的不均衡造成了视线焦点的偏移。在这个通页中，右侧的页缘留白是最窄的，引导读者进行翻页。

当然，所有的网格和原理在版面设计中绝不是一成不变的，我们在设计的时候要考虑受众，版面大小，材质等诸多因素。设计就像一场修行，一切经验之谈都是空话，真正的方法还需自己在实践中慢慢累积。

图书版式设计作为图书出版的一个重要环节，必须充分考虑图书的市场成本和市场接受度，这就决定了图书版式设计方面需要遵循的第二个原则，即适度性原则。首先，从经济方面考量，图书出版的目的是要获得经济收益。如果产生过高的图书成本，不仅会导致生产者无法维持再生产，而且读者也会因为书价过高而放弃购买，最终会影响图书的销售效益和市场推广。

因此，充分重视图书的成本核算，降低成本，提高品质，是解决这个矛盾的一个重要途径。恰当地设计版式是降低成本切实可行的办法。例如，选择合适的纸张材料；选择合适的图书开本；调整正文的排列格式，编排紧凑，配置适当，空白少。

其次，在风格方面，版式设计在思想与格调方面都要符合相关法律政策要求，有利于社会文明建设。同时，图书中的一些设计必须充分考量审美观念和阅读习惯，切忌矫枉过正。例如，多数图书为了压缩成本、提升经济效益而忽视了扉页和环衬的设计，一方面没有充分利用各种可能的地方进行版式设计，另一方面使封面到正文的过渡显得跳跃、突然，没有达到美学上和谐的要求。

版式设计是UI设计中的一项重要内容。版面设计的质量决定了页面的质量。对于UI设计者来说，版式设计是千变万化的，我们如何才能以同样的方式来回应它呢？今天，奇峰将分享布局设计的六个关键点，这将帮助您避免日常布局设计中的低级错误。

对于千变万化的格式设计，我们要实现对千变万化的响应能力。我们只需要理解“六个”格式设计的关键词，“聚焦、平衡、对比、比例、空白、打破惯例”。

1. 聚焦

焦点是版面设计的基本原则之一，我们要更好地传达主题，必要的前提是能够吸引用户的注意，即用户的注意。

焦点的典型表达形式是中心构图或径向构图，简单易懂。该主题被放置在屏幕的中心，以吸引用户的注意。焦点可以最大化用户的注意力。如果焦距不够，会使画面缺乏视觉冲击力，不足以吸引用户的注意和错过用户。

2. 画面平衡

画面平衡能给人一种视觉上的平衡感，能促进画面内部元素的稳定。

构图中的代表性成分有对称构图、中心构图等。其特点是稳定、庄重、整洁、有序、宁静、平静。我们在设计时需要注意的是：“视觉重量相等，布局呼吸平衡。””

3. 对比

对比是区别的重点。相同或不同性质之间存在对比因素。根据冯·列斯托夫效应，它比普通事物更容易记住独特或特殊的事物，因此对比可以帮助我们加强初级信息和次级信息之间的区别。在设计中可以增强画面的视觉冲击力和节奏。

4. 比例适度

优秀的比例关系能符合用户视觉的视觉心理，比例适中，通常具有有序、明亮的特点，给人一种清新、自然的新感觉。比例也是用几何语言和数字词汇表达现代生活和现代科学技术的抽象艺术形式。一个成功的排字设计首先取决于一个好的比例。

5. 留白

离开空白是图像中“虚拟”的处理方法，而内容则是“真实”的表现，通过“虚拟、真实”的结合来建构画面中的节奏、节奏和空间感；如果画面填得太满，就会显得郁闷、拥挤、缺乏质量。优秀的作品会注意使用空白，好的空白能创造出强烈的质量感。

6. 打破常规

长时间的工作将形成我们自己的方法，虽然它可以提高效率，但它往往会限制我们自己。例如，我们在横幅中使用的三种主要构图形式也会在很长一段时间内扼杀我们自己的创新。同时，用户也会对此感到厌倦。

打破规则的最简单的方法是“为微观创新选择一个点”。我们不鼓励彻底的改变（天才除外）。首先，它们不现实，其次，它们的成本太高。在视觉上，我们可以选择最容易改变的“点”。

当然，上面的共享只是布局设计的一部分，要成为一个好的UI设计人员还有很多工作要做。

相关搜索

• 版式设计封面
• 什么是版式设计
• 版式设计排版模型
• 版式设计排版图片
• 报纸版式设计图片
• 室内设计版式设计

文/贾砚芬 版面设计是根据版面主题表达的需求，把特定的信息视觉要素进行有机地排列组合，创造出一个有序而独特的版面组织结构，使其符合人们的普遍审美接受心理和视觉要求习惯。

在版面设计中，怎样才能平衡文字与图形的视觉传达最佳效果？是每一个设计师终生的必修功课，掌握版式设计的自身规律， 合理安排基本的设计元素的线条、 形态、 色调、 色彩、 空间，才能使版面设计的图形和文字达到完美的结合。

为了更好地解决版面设计中的常见问题，遵循版面设计的规律，为使信息传播效率发挥到最佳，下面对版面设计中常见问题与解决方法进行分析（仅供参考）。

滥用字体

在版式设计作品的创作过程中，设计师往往急于求成，思路不够清晰。在字体选择上，使用字体数量过多、字体选择不当、繁体简体字混用，为了创造新奇，任意使用字体使人眼花缭乱视觉审美统一性差，版式设计效果不好，影响阅读与视觉传达效果。

解决办法：在不影响整体版面设计效果的前提下，压缩减少字体数量，选择与主题风格相符的最佳字体。

过分装饰

设计师缺乏基本设计审美能力与素质，追求速度、盲目设计，将字体任意变形、 夸张、 加粗、描边或随意使用电脑特技效果， 画蛇添足，过多使用装饰图案，造成视觉上的心理负担和审美视觉混乱，版式设计视觉传达欠佳。

解决办法：恢复基本字体，取消多余装饰花边与图案，尤其是书法字体与宋体不可变形，正文不要作任何处理，默认效果最佳。

编排无序

设计师在最初的设计生涯中最易犯的错误就是文字编排不规范，字号不分等级，随便更改字距与行距，同级文字大小不一致，文字与图片距离太远或较近，设计效果杂乱无序，不能达到视觉传达的预期目的。

解决办法：突出标题、正文集中、文字排列以一个方向为主，行距大于字距，版面条理清晰。

复杂花哨

设计师没有认真考虑版面设计主题的需要，选择图片任意剪裁、 变形、 描边或重叠，不同形式的插图混合在一起，画面主次不分，版面设计杂乱无章。

解决办法：设计师必须 “ 忍痛割爱 ”， 以一种插图形式为主，注意图片大小、聚散变化，突出版面设计主题，使画面简洁流畅。

古板单调

这也是初学版面设计者经常犯的错误，图片排列过于整齐 ，平均分布或机械，没有变化、古板单调，版面设计效果差，没有视觉传达的吸引力。

解决办法：设计师要研究按照 “ 静中有动 ” 与 “ 动中有静 ” 的规律编排，注意点线面的变化与视觉空白 、 视觉平衡、 视觉呼应的共同关系和互动作用。

色调不统一

版面设计用色过多，不同颜色在版面上所占面积相等，没有色彩倾向，缺乏主题表达与视觉传达的美感。

解决办法：调整版面设计的整体色彩效果，以一种颜色为主形成主色调，其他颜色根据主色调进行变化，包括色相、 明度和纯度，加强视觉传达的效果。

层次混乱

版面设计效果差，视觉传达主题不高明确，用色不考虑明度变化，文字与高清图片重叠，空间关系混乱。

解决办法：处理好构成版面的各个元素与背景的对比关系，需要突出的部分加强与背景的对比，不需要突出的部分减弱与背景的对比。 以文字构成的版面，注意缩小图形或减弱图形。 另外文字的字体、 大小、 颜色、 笔画的粗细、 排列的疏密等对空间层次都有很大影响，一定要精心策划。

图文相争

版面设计图形与文字主次不分，各版面一半空间或相互重叠，造成视觉冲突，失去视觉传达美感。

解决办法：版面应该以图形或文字一种元素为主。以图形为主的版面设计，文字在版面设计中占次要地位，字号要小，字体的变化要少，与图形重叠时不能破坏画面；以文字为主的版面设计，字体赋予更多大的变化，充分发挥文字的表现性，图形只作背景或插图。 另外，注意版面视觉流程和视觉中心点运用，追求视觉传达美感效果的极致。

琐碎平淡

版面设计的文字与图形填鸭式组，见缝插针，版面构成上缺乏面积对比，局部与局部混淆在一起，条理不清。版面没有视觉中心，琐碎平淡，整体效果不理想，视觉传达美感减弱。

解决办法：根据视觉流程设计版面，各要素围绕视觉中心点变化；单元之间留出适当距离，大单元之间距离较大，子单元之间距离较小，同一单元元素距离靠近，注意视觉传达的整体美感与主题突出。

简单粗糙

版面设计文件设置错误 （ 分辨率过或过低、 尺寸不准、 格式不对），版面内容不全、图片质量差、内容空洞、效果粗糙，版面设计没有视觉美感，中心主题不突出。

解决办法：设计师必须在思考设计方案之前，认真整理设计资料，理清设计思路。 认真核对版面内容，注意图片选择，内容多时要归纳概括，内容少时适当进行装饰补充，使版面设计充分凸显设计美感与主题。

版式设计是记录与传递人类思想的最佳方式与手段，是每一个优秀设计师终生必修的功课。 设计师在努力学习设计知识技巧本领的同时，必须修炼自己的艺术修养，注入自己真诚的情感，升华版面设计的主题与意蕴，力求使版面设计的艺术性与功能性达到完美结合。

文/周序诰 节奏与韵律来自于音乐概念，正如歌德所言“美丽属于韵律”。韵律被现代版面构成所吸收。节奏是按照一定的条理，秩序，重复性连续排列，形成一种律动形式。它有等距离的连续，也有渐变，大小，长短，明暗，形状，高低等排列形成。在节奏中注入美的因素和情感的个性化，就有了韵律。韵律就好比是音乐中的旋律，不但有节奏，更有情调，它能增强版面的感染力。

版式节奏与韵律

在平面设计中，节奏和韵律包含在各种构成形式中，但其中最为突出的是表现在“渐变构成”和“发射构成”两种形式中。下面我们将详细地学习这两种形式，从这两种形式中去体会节奏和韵律的美感。

渐变构成

渐变是指以类似的基本形或骨格，渐次地、循序渐进地逐步变化，呈现一种有阶段性的、调和的秩序。这种表现形式，在日常生活中是极为常见的。这些采用渐变形式所构成的结构，具有很强的节奏感和韵律美。

渐变形式是多方面的，包括大小的渐变、间隔的渐变、方向的渐变、位置的渐变和形象的渐变等等。下面将为大家讲解几种主要的渐变形式：

1、大小的渐变。依据近大远小的透视原理，将基本形作大小序列的变化，给人以空间感和运动感。

2、间隔的渐变。按一定比例渐次变化，产生不同的疏密关系，使画面呈现出明暗调子。

3、方向的渐变。将基本形做方向、角度的序列变化，使画面产生起伏变化，增强了画面的立体感和空间感。

4、位置的渐变。将部分基本形在画面中的位置做有序的变化，会增加画面中动的因素，使画面产生起伏波动的视觉效果。

5、形象的渐变。形象的渐变是指从一种形象逐渐过渡到另一种形象的手法，可以增强画面的欣赏乐趣。

除此之外，渐变形式还包括自然形态的渐变、色彩的渐变、明度的渐变等等。在实际运用中，我们可以将这些形式结合运用，可以取得更加丰富且具有变化的画面效果。

发射构成

发射是一种特殊的重复，是基本形或骨骼单位环绕一个或多个中心点向外散开或向内集中。在生活中，我们会经常看到发射构成的图像，例如自然界盛开的花朵，绽放的烟火等等。

发射具有两个显著的特征：一个是发射具有很强的聚焦点，这个焦点通常位于画面的中央；另一个是发射具有一种深邃的空间感，使所有的图形向中心集中或者由中心向四周扩散。根据发射特征的不同，可以将发射构成归纳为以下几种：

1、离心式发射。这是一种发射点在中央部位，其发射线向外方向发射的一种构成形式。

2、向心式发射。这是一种发射点在外部，从周围向中心发射的构成形式。这是与离心式相反方向的发射骨格。

3、同心式发射构成。发射点从一点开始逐渐扩展，如同心圆渐变扩散所形成的重复形。这种构成，由于主要放射线，都集中在一起，格式变动有较大的局限性。所以，在应用时可以结合其他形式，使画面效果更加丰富。

4、多心式发射构成。在一幅作品中，以多个中心为发射点，形成丰富的发射集团。这种构成效果使画面具有明显的起伏感。

就音乐本身而言，它是利用时间上的间隔使声音的高低强弱呈现出有规律的反复，从而造成了节奏。平面设计活动其实也是相同的，运用重复、渐变、放射、聚散等结构形式，体现出节奏感，节奏可以使广告画面设计具有生气和积极向上的活力。在平面设计中，不同的表现形式体现出对象的变化方式，造成了一定的“节奏感”和“韵律感”。从而使得处于静态的画面产生了动感。动感的源泉就是设计对象节奏与韵律的完美组合。

节奏是一种规律性的重复

节奏本身在音乐中，指音响节拍轻重缓急的变化和重复，具有一定的时间感。在艺术设计中通常指反复的形态和构造，在平面构成中将基本图形按照等比例等距离的反复排列组合，或作为空间位置的延伸；或作规律的序列，即产生相应的节奏。

在现代设计活动中，产生节奏需要符合两个基本条件：

①是存在对比或对立因素，这首先是指具有本质的区别和对立关系的视觉造型因素的并置或连续呈现；其次也必须具备一定数量的较大程度的差异和对立。

②有规律的重复、节奏，从而体现对象的一种连续变化秩序，即对比或对立因素有规律的交替呈现。当我们以整体的、关联的方式安排和处理设计形式时，我们才能使设计作品具有某种节奏，也只有当我们这样观察和体会设计作品时，才能把握它的节奏。

平面设计中的节奏应当比现实生活中的节奏更加与众不同和赏心悦目，从而更加倾向于音乐中的节奏。设计师在创作时用错落有序的设计，增加节奏的多变性，这样的设计用意在于避免过分有序排列导致的视觉整体形单一感，因为多层次多变的节奏美感，更能打动观赏者。

韵律是随节奏变化而产生的

韵律通常是指有规律的节奏经过扩展和变化所产生的流动的美。在音乐的概念里，韵律定义为：“当几个不同高度的乐音和某种样式的节奏组合在一起，即获得了最简单的最具生命力的音乐形式。”在平面设计中，重复的图形以强弱起伏、抑扬顿挫的规律变化，就会产生优美的律动感。节奏与韵律往往是相互依存，互为因果，韵律在节奏基础上丰富，节奏在韵律基础上升华。

① 官方百家号：设计智造 顶级创意设计师必备

② 本篇为 设计智造cocoo.top 编辑整理，转载请注明出处！版权归原作者所有，如有侵权请来信告知（cocootop#163 将#改为@），可合作，我们愿意支付稿费。