让版式设计变得简单

1、让版式设计变得简单让版式设计变得简单 简单是设计的最高境界，创作一个漂亮的设计往往用最 简单的表现形式就可以胜任，但简单并不代表容易，事实 上，很多设计人员都走过一条从复杂到简单的风格路线， 这说明设计简单的作品是需要经验积累的。 居中排版：如果说，设计一个典雅的封面有什么技巧，居中排版：如果说，设计一个典雅的封面有什么技巧， 那就是，用一种温和的颜色，字体尺寸要小，有大面积那就是，用一种温和的颜色，字体尺寸要小，有大面积 的开放空间，并用线条来描绘元素（包括边框），线条的开放空间，并用线条来描绘元素（包括边框），线条 的粗细均相等。的粗细均相等。 简简 单单 的的 优优 雅雅 简简 单单 的

2、的 描描 边边 非常适用于一个单独的对象或者一张较大的图片上。 简简 单单 的的 描描 边边 字字 母母 字母不仅仅能够表达字面上的意思， 在字体很大时，它们其实就是一个艺术 图案。寻找一种漂亮的字体，用大写字 母，然后表达其轮廓。 在应用时应该避免视觉冲突：在左图 第一个效果中，重叠的字母颜色上造成了冲 突，所以我们必须降低背景字母轮廓的不透 明度。 简简 单单 的的 集中集中 我们面对一个比较大的版面时，总是潜意识里将每个元素都放得很 大，使到各个元素都将版面占满心里才感觉舒服。但这种处理手法并不 是一种设计！在这里，我们介绍一种更好更简单的解决办法。我们要思 考的不是“再大一点”，相反，

3、我们要想的是“能否再小一点，能否再 集中一点”。将你的设计重点只集中在中间那部分。这种设计手法非常 简单，而且你轻易地就能创造出一个强烈的视觉焦点。 这个设计很显眼，也很明亮，但却 不能传达出关键的信息：原来的设计师 只是将所有的东西都放大，直到填满整 个版面，这种处理手法看真起来有条有 理，居中的设计能够让人轻易观看，但 缺少视觉上的变化。 1图、缩窄你的区域：周 围大块的留白空间使人更 容易将注意力放在中间。 现在你的处理区域变小了， 也使你设计起来更容易； 3图、加进图片：这一步是 整个设计最有趣的地方。我 们先去掉原来蜥蜴图片中那 些无谓的背景，然后将它放 在中间区域与留白空间的连 接

4、处。这个蜥蜴本身所呈现 的孤线边缘及立体感觉与上 方的文字及直线区域形成强 烈对比。 2图、加上文字：为了配 合那个胖胖的蜥蜴，意味 着我们要采用一种粗壮的 字体，这种字体呈现不规 则的边缘，与蜥蜴的那些 鳞角非常相似，同时也增 加了中间区域的视觉份量； 修改后的设计显得干净利落，空 间开阔，但却一点都不单调。 一本关于烹饪配方及香料的 书籍封面需要一个象碟子一样 明亮的风格，而且还要传达芳 香的味道。 解决办法：多个圆环围绕一 个焦点图案。 圆套圆：整体显得优雅，而且构 成相当简单：碗、盘子、薄荷叶 及黄色玻璃杯都不对称地环绕着 中间那碗呈绿色的汤。而水平的 文字与页面的角位形成视觉联系，

5、白色主导版面。整体出来版面象 香气那样轻巧，引导眼睛不断去 到中间的文字上。圆形形成一个 视觉焦点，水平元素形成了互补 元素。 标题放置在汤的上面，这正是引人 注目的地方。而白色的一行小标题文 字显得低调，使其没有干扰上面圆环 的“轨道运转”。 图片焦点设计的几种方法图片焦点设计的几种方法 一：模糊背景 二：聚光灯效果 三：跳出来 四：颜色呼应 五：轮廓线效果 六：淡化区域 七：剪切及配色 剪切的力量剪切的力量 图中的照片，如果你觉得他们都似曾相识那是因为他们太过 真实，上述几张照片都是典型的标准照，虽然各人的姿势或 背景略有不同，但都没有本质上的区别。 使用了相同的尺寸，你可以感觉到， 这样

6、对肖像的处理使到整个画面充满力 量，不仅仅是省出了空间给文字，而是 使到整个画面更容易引起别人的注意力。 八：线条引导 简单的一图多用简单的一图多用 如何在版面设计中一图多用？ 在以下案例中，我们要将买回来的图片物尽其 用：通过从原图中得到几个小图，完全可以配 合版面设计。 原图 版面设计图 请注意，其实在大图中隐藏着一些 小图片，所以我们可以大胆尝试， 将一张照片剪切成多张小照片。 当我们一眼望去这张海滩的图片时，我们是将它看成一个整体的， 或多或少会对其中的细节置若罔闻。但如果我们将各部分分离，我们 会发觉，其实每一部分都隐藏着一个“故事”，都有着各自的重点。 我们只截取小船的船头部 分，

7、这部分只占原来的大图很 小的位置，还不到十分之一。 但我们却将它作为版面的大图， 这样，它给人的尺寸感觉就完 全改变了，现在，它成为了一 个有趣的视觉焦点。上图中， 三张图片的尺寸都不一样，右 边的特别大，左下的图片特别 小，这种不同尺寸的图片可以 让我们的整个版面产生层次感。 而读者的眼睛就会从右的到左 （左图下的线条表示了读者在 观看时的视觉线路） 原图 版面设计图 如果仔细观察一下那张椅子的照片，就会发现其实这张普通的椅子包含了各种各样的 线条、图案、颜色、孤线及转角位，它们充满着对比（如浅色及深色，直角与圆角）。 在整个版面中分为上下两部分，它们各自 所形成的视觉效果并 不一样。上面部

8、分显 得开阔平静，而下面 部分则显得饱满充实。 这个版面的上下两部分的构图差别非常大。我们只利用一张图片就可以使整 个版面充满视觉对比，包括不同的尺寸、材料、图案、形状及方向的对比。 简单的重复 当我们在设计中想应用图片时，图片上却找不到一 个很恰当的位置放置文字，或者觉得某张图片缺乏 层次感显得过于平淡，又或者觉得图片的构图并没 有给人良好的视觉效果时。可以试一下这里介绍的 实用技巧复制图片的局部，然后放大它，再将 它与原来的图片融为一体，以创造出一个自然的区 域。 首先改变版面的尺寸，对翅膀的上方进行复制粘 贴，将复制的部分移到下方，将它放大。 1、小心处理边缘与背景接合的地方，使到其能

9、够自然地与背景融为一体。 2、复制的图片上的颜色，将下方空白的地方填 满。 模糊的翅膀增加了画面的层次 有了这个区域，它不但提供了我们文字 摆放的位置，而且还使整张图片产生层 次，一个模糊，一个清晰，就象照相机 在拍照时因焦距的不同而产生的效果， 一切都显得很自然。 在左图中，从上方截取 一小块花瓣，同样将它 移到下方角位，放大， 由于花瓣上的背景比较 单纯，这样就巧妙地给 文字创造了一个区域。 同时，红色的花瓣与其 边缘上方的绿色形成的 优美的搭配。 在一张图片上摆放文字， 如果缺乏一个实色的区 域，那这些文字很难有 清晰的效果，但生硬地 加进一个正方形或圆形 的实色区域，有时又会 使整张构

10、图显得不协调。 当你在设计时手头上有三张照片，你会如何处理？你会 将这三张照片都用上，对吧？其实没必要！一张照片就 已经能够使设计信息有效传达。在这个例子中，校区里 的塔楼就已经能够传达出这所学校的本质，比用上三张 效果更好！标题单独一行，文字中的背景颜色区域静静 地传达出有关信息。 小即是多小即是多 现在网上有很多图案及图片素材可以轻易下载，它们在不断地将名片、手 册、广告及网页的版面填满，所以充斥着太多图形的版面设计随处可见。但 有时一张图片已经胜过十张，而且设计起来更加简单。 单个元素传达更多单个元素传达更多：各种各样的工具对 于房屋修建工程虽然很有用，但对于设计来说 却恰恰相反。原来的

11、毛笔手写体多少有点女性 味道，而且各种工具显得模糊不清，其实这些 图片只能产生嘈音。而我们修改后的名片，字 体显得粗壮并呈角状，传达出一种与行业相符 的特色。而最底下一把简单的卷尺已经传达出 一种专业、阳刚及果断的气息。 简单的小空间放置大图片 网页横幅、新闻标题处的空间、柱状的广告都有着狭窄 的空间，但一张来自照相机的照片却要大很多，它们的 比例一般是 6 4 英寸 。要如何处理这两者的关系？ 我们想将一张大的照片应用在标题区域里，怎么办？ 选择剪切照片中的焦点，剪切后的照片反而越有力量感。 1 、大胆剪切 将剪切后的图片应用在这篇有关退休服务报道的标题中，效果 非常不错。 2、填充背景 如

12、果原来的图片很小，而所需要应用的区域又很宽，那么可以利用图片的背景中 的实色或某个有规则的图案，取色或复制，然后将要应用的空间进行填充就可以 了。 当我们对白色的区域填充后，使到我们现在焦点都放在南瓜上。感觉 就象舞台上聚光灯下的演员一样。 我们采有一种比较特别但仍能保持低调的文字，使文字与图片能够漂亮地结合 南瓜显得很有力量感，而文字则显得空间开阔。 3、拼接 如果一张图片还不够，那就用两张。这两张图片既可以放在一起，也可以分开。在开 始时对图片进行恰当地剪切将有更有利于清楚传达信息。 为了传达完整的信息，我们有时需要在一个狭窄的竖立空间 里放进两张图片。 当我们有一张构图比较复杂的图片 时

13、它的背景没有一种固定的实色可以复 制，这时我们可以做两件事： 图 1 ：放大剪切 图 2 ：切掉一半 图 1 ：分离 图 2 ：重叠 图 3 ：混合 应用第二张图片,而文 字可以使不同样式、颜 色形成对比。 简单并且正确的使用字体 每个人都有自己喜欢使用的字体，但你喜欢的字体并不 可能在任何时候都适合使用。只有样式特点与合适的图 案相结合时，才能发挥出字体的力量感。 在实际的版面设计中我们要如何使用字体，最大的挑战是如何将字体 与图形元素完美的二合为一。 寻找文字与图形的共性寻找文字与图形的共性 圆形：对于一些本身就是呈圆弧形的字母或图形我们可以轻易地发现圆形的存在，但 也请你留意一些细节，对于一些字母中的留白空间、图形曲线包围的区域等同样也具 有圆形的结构特点。 利用颜色及利用颜色及“边缘边缘”结合文字与图形结合文字与图形 在这个设计中，文字与图形粗看是分开摆放的，但其中的文字区域与图案的边缘是