关于排版，给你几个甲方不怼你的理由！（二）
不管是平面设计或者UI设计等工作，我们在根据设计主题和视觉需求，在预先设定的有限版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片（图形）及色彩等视觉传达信息要素，进行有组织、有目的的组合排列的设计，都会直接影响页面的用户体验及相关性。
这就是我们需要学习版式设计的目的。
首先，我们先来了解两个概念
版面率
在页面上除去天地左右四周的余白，版面所占的面积的比率叫做“版面率”
by サンチー
扩大页面四周余白，版面率降低，页面所包含的信息减少；
版面率降低，很容易给人造成一种典雅印象或者高级的感觉，适合于需要创造安静和稳重的页面设计。
by サンチー
缩小页面四周余白，版面率提高，也看所包含的信息增加；
版面率提高，会给人以充满活力且非常热闹的印象，适合于需要给观者传递大量信息且留下深刻印象的设计。
图版率
“图版率“和”版面率“意思相近，”图版率“表示在页面中图片所占的比率
by hideto yagi
图版率高的页面会给人到来热闹活跃的印象；相反的，图版率低的页面则会产生一种非常沉稳的效果。我们经常通过调整页面的图版率来表现设计的意图。
通过图片的数量和尺寸来控制图版率；在只有一张图片的情况下，扩大图片图版率就会提高；在使用很多图片的页面中，缩小每张图片的尺寸，图版率就会降低。
by pinterest
页面的底色也会改变对也页面图版率的印象；即使在设计中有大量的文字，我们通过页面底色的调整，也可以取的和提高图版率相似的效果，从而改变页面所呈现出的视觉感受。
利用各种不同的模式进行排版设计
在排版设计之前，通过设置辅助线来当作排版的向导，使得排版工作进展的顺利。
在建立辅助线之前，先要考虑好把页面划分为几个部分；最基本的划分页面方式是水平划分或者垂直划分。
当然也可以增加对角线等斜线的方式。
by pinterest
可以将多个方框连起来作为某一个内容的安排空间，也可以将它们作为页面上的留白。
by pinterest
严格按照方框来安排内容可能稍显单调，可以考虑将某些部分有意的冲出框架的范围，允许在一定程度上的不规则排版，也是非常必要的。
对称型构图是很具代表性的版面设计方式；上下左右对称、重复交替构图都可以灵活的运用到某些局部的构图之中。
by pinterest
左右对称：页面左右完美重合，带来一种安定的印象。
by pinterest
反复型构图：让人感受到一种秩序，适用于需要表现统一感的画面。
by pinterest
不规则对称构图：打破原来对称的刻意处理的感觉，也是比较受欢迎的手法。
下面展示几个实例运用
by Filip Justić
by Filip Justić
根据版式设计来区分内容的先后顺序
在我们希望观者注意到页面内容的先后顺序时，我们就必须通过设计将顺序明确的提示出来。也就是我们常提到的“优先率”，“优先率”较高的页面内容富于变化，产生动感和节奏的效果。
by Forbidden
通过图片大小来区分内容的先后顺序，我们会扩大主图或者缩小其他图片来提高“优先率”，来达到对内容的先后顺序进行区分的目的。
通过文字的大小来区分内容的先后顺序，将主要文字字号加大、加粗或者减小其他字体字号，来达到目的，需要注意的是，过度缩小的文字会造成阅读的障碍。
by piecojp
通过颜色和形状来区分内容的先后顺序，在相似的颜色或者形状中加入不同的颜色和形状，产生“差别化”的概念，来对该内容进行强调。
下面展示几个实例运用
by mshults
by Kavita Khati
有目的的留白设计
除了文字和图片，留白也是构成页面排版的必不可少的要素之一；灵活的运用页面的留白，呈现出非常美观的效果。
by pinterest
通过留白来减轻页面的压迫感，在页面内容较多的时候，容易给人一种狭窄的压迫感，通过适当的减少内容，或者提高图片的色调，能让那个观者感受到一种宽松的氛围。
by pinterest
通过留白使形式发生变化，在辅助线方框的形式下进行的排版，除了规矩也会带来单调的感觉，可通过随处添加的留白来使排版的形式发生一些变化。
by pinterest
通过留白来扩展页面空间，页面的四周没有足够的余白空间会造成一种封闭的感觉，在天地四周安排余白，会让观者感受到一种向外部的扩展的感觉，页面产生一种宽松感。
下面展示几个实例运用
by SELECTO
by Kavita Khati
小结
版式设计没有什么固定的路子，也没有说“这样是绝对不行的”之类的。每一个设计师的风格的形成，都是受到他所看过的书籍或者作品的影响，慢慢从模仿到自己尝试不同的实验，逐渐形成自己的设计风格。
推荐阅读：
《关于排版，给你几个甲方不怼你的理由！（一）》
设计师的私人日记（公众号）
作者：整夜
相关推荐
-
关于排版，给你几个甲方不怼你的理由！（三）
在很有优秀的平面设计作品中,图片的分量甚至超过了文字.文字可以准确的表述设计作品的意图,图片却可以更直观的传达出设计的最根本的感情. by SELECTO 图片说到底是什么东西?图片最基本的功能就是记 ...
-
关于排版，给你几个甲方不怼你的理由！（一）
我们在进行设计排版的时,如果不考虑任何规律,很多情况下会产生一些奇怪的设计.如果有一定的理论作为基础和标准,并且以此为大致的方向和目标,那么在设计的过程中就会比较容易进行判断. by Adrián S ...
-
Word 2007中为字符添加上划线
在Word中为字符添加下划线是一件很容易的事情,但是要添加上划线就是不那么方便了.偏偏在某些时候我们还真就需要为指定的字符添加上划线,比如在数学文档中要输入平均数的数学符号,就是在指定变量上加一个短线 ...
-
在Word 2007中为字符添加上划线
在Word中为字符添加下划线是一件很容易的事情,但是要添加上划线就是不那么方便了.偏偏在某些时候我们还真就需要为指定的字符添加上划线,比如在数学文档中要输入平均数的数学符号,就是在指定变量上加一个短线 ...
-
word自动生成目录教程
一、把文章排版好，章节需要清晰，如图所示 二、生成大纲。步骤如下：点击工具栏视图 - 大纲视图，依次给章节编上大纲级别 接着 三、本文示例所有章节纲别均为1级，点击工具栏引用 - 目录 -选择自动目录 ...
-
ppt如何排版对称
前阵子我写过一篇<史上最简单的PPT配色法!没有之一>,受到了广大木友的热情调戏-发完这篇文章以后就有木友问我:既然PPT配色有这种简单的方法,那么排版有没有?你别说,还真有!今天,木哥就 ...
-
word红头文件.公文的排版技巧
一、普通方法 word中的文字允许打印到红头文件的哪里，需要确定范围，这个时候，简单方法就是通过按回车键的办法，留出空白部分。 二、技巧性的方法 除了使用回车键产生段落留出空白寻找位置之外，更需要细化 ...
-
Powerpoint文档大量文字排版技巧
有时候我们会碰到一些PPT文档 ，一页中包含大量的文字 ，又不能删减内容。如果简单的一行一行堆砌，展示效果并不好，用户接受信息也很困难。这时候我们不妨调整一下排版 ，整理一下这些文字的脉络，用恰当的方 ...
-
XeLaTeX怎么进行中文排版?XeLaTeX安装排版教程
XeTeX程序：TeX语言的新的实现，即把Tex语言转换为排版的一个新程序。支持Unicode编码和直接访问操作系统字体。XeLaTeX命令：XeTeX程序中的命令，用来编译用LaTeX格式写的tex ...
