是谁的小眼睛 还在找版式设计怎么学的文章？！

作为一名专业的设计师，版面设计能力直接影响到该设计师水平的几个方面之一。我们很多设计朋友在临摹的优秀作品中，往往只是被作品华丽的外表吸引了，比较少去思考设计背后的秘密。那么在这里，我总结了版式设计原理的几个方面，结合一些具体例子实际操作演示，让对这块不熟悉的设计师朋友们能快速掌握版式设计。

目录

一．版式组成

二．构图平衡

三．设计原则

四．设计流程

五．案例演示

一．版式组成

1. 主体：视觉焦点，主导着整个设计（可以是人/物/文字/图片），整个版面最吸引人的部分，相当于主角的作用。

2. 文案：对主体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，用户也不能准确的知道它在说什么，配角的作用。

3. 点缀元素：装饰元素，可有可无，具体根据版面需要；好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。

4. 背景——可分为纯色/彩色肌理/图片/图形等。

二．构图平衡

在设计中，平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态，那么这个设计看起来就是统一的，就会给人一种整体印象。因此，平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类，分别是：对称平衡，非对称平衡和整体平衡。

1.对称平衡

对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲求条理和平衡布局的设计。对称构图相对比较易于创建，特点是稳定，庄严，整齐，安宁，沉静和古典。

2.非对称平衡

非对称在不对等的元素间创设出秩序和平衡，非对称设计由于版式不可预见，所以空间是变化的。特点是动态的，灵活的和富有活力。非对称构图比较多，常见的有以下6种形式。

对角线构图：

文案摆放在版面的对角线方向，一方面避免了司空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的设计，这样会让整个构图看起来比较平衡。

发射状构图：

点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。

像电商大促活动，淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

中心构图：

这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免破平淡乏味。

s形构图：

文案或者图形放在线条转折的地方，整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方，可以放一些重要的信息。这样的构图灵活，有趣，而且可以引导用户沿着s形轨迹阅读信息。

二分构图：

文案和主体分开，呈左右或者上下的构图形式，注意的是文案要采用对齐原则。这样的构图也是比较容易创建的。

形状构图

主体和文案组合的形式可以是圆形，三角形，矩形等形状构图。注意如果是用三角形构图，最好呈倒金字塔结构，这样更加轻便引导用户进入下一个信息层。

3.整体平衡（满版平衡）

整体平衡，是指图片充满整个版面，文案布局在上下，左右，中部的位置，特点是主要以图像为诉求，视觉传达直观而强烈。满版型构图，给人大方，舒展的感觉。注意：在设计的过程中，这种类型的文字处理很容易显得“嘈杂”，因此为了避免拥挤的空间，适当删减些文字。

三．设计原则

对构图形式了解后，我们还要知道一些基本的设计原则，虽然这些原则我们可以在其他地方反复的看到，但是我在这里还是要强调一遍，因为它可以帮助我们在打破规则之前，必须清楚规则是什么。另外注意一点就是，这几个原则不是独立分开的，而是可以同时考虑和结合，不是唯一选择：

对比：

缺乏对比，作品会变得平淡乏味并且不能有效地传递信息。艾美奖设计师、Blind公司创始人Chris Do 说过contact is king（对比至上），运用好对比，可以在页面上引导用户的视觉，并且制造焦点。

一般产生对比的方法可以有：大小对比；粗细对比；冷暖色对比......不管是哪种对比，当你期望对比效果有效的话，需要大胆一些，明显一些，不要拿12号和13的文字做大小对比，这是没有任何意义的，不要畏畏缩缩，做设计也是一样。

对齐：

任何元素都不能在版面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。在版面上找到可以对齐的元素，尽管它们可能距离比较远。需要注意的地方是避免同时使用多种对齐方式。

左边的海报采用了矩形构图，右边的海报采用了二分构图，但是文案都是找到了一条明确清晰的对齐线，这样让版面产生了秩序美。

亲密性：

同类相近，异类相远，相关的元素距离靠近，归组在一起，成为一个视觉单位，而不是多个孤立分散的状态，这样有助于组织信息，减少混乱，让结构变得更清晰。根据文案内容，进行合理的分组于归类。

左边海报文案分成了4组，清晰有条理，中心的主体和点缀元素也利用了亲密性原则，使得中心主体显得更饱满；右边海报主体采用了发射构图，整体呈倒置的金字塔形式，这种锥形容易引导用户阅读下一个信息层。

重复：

重复的目的是统一，并增强视觉效果。比如标题都是同一个字体或大小或粗细。但需要注意的是，要避免太多地重复一个元素，重复太多只会让人讨厌，要注意重复的“度”。太多的重复会混淆重点，都是重点等于没有重点。一般来说看，呈均匀的重复式图案，是作为背景使用的。

左边海报钟，我们的视线会被那一个不同的女孩吸引住，这个女孩和左上角的文案“敏感词万岁”想呼应，这种同质中的不同，即是变异元素，用来制作视觉焦点。

右边海报是葛西熏设计师为日本著名设计师仲条正义的个人展设计的海报，其中重复的形象是一个腮帮鼓起的小孩形象，不知道是在喝东西还是吐东西，这个具有冲击感的形象其实和这次展览主题“饮&呕吐”呼应的，设计师想表达仲条正义的创作于人生，正如这个重复的形象，不断吸收，不断推翻，最后不断创造。

留白

留白是虚实空间对比的作用。适当的留白能让页面透气，有呼吸，给人舒适感。大量视觉信息堆砌时，每个元素都要经过眼睛扫描，大脑处理，当找不到重点的时候用户眼睛和大脑容易疲惫。在内容比较多的情况下，尽量在视觉上减少视觉分组；另外，多利用负空间创作一些巧妙的负空间。

左边在留白的同时，利用了负空间巧妙的将海报的主题“美食”和“美酒”结合起来。右边的海报是日本大师原研哉的设计作品，大量的留白空间更加显得中间寿司的精致，少而静的视觉元素提升了作品的品质感。

变化

一成不变的元素会容易乏味无趣，版面也缺乏灵活感，如果将一些元素发生位置，大小或者颜色变化，打破版面呆板、平淡的格局，使得画面非常有层次感，不失为打破格局的好方法。

左边的海报如果将所有的元素归位，这将是一个文案和人物分开中规中距的构图，当他们的位置发生了一些位移，整个页面变得有趣多了。右边海报采用了s形构图，如果这些圆圈是大小，颜色一样的，可能没有多少人会有耐心的阅读下去。

四．设计流程

前面我们了解了版式组成的元素，构图和设计原则，那么我们在工作中怎么利用起来呢，下面介绍我自己的设计流程，每个人的流程都不一样，大家都可以根据自己的习惯来调整。

1.需求沟通，确认主题

当接到需求的时候，第一步不要着急马上开工。先要找对需求的方向，才能提高工作效率，事半功倍。沟通主要注意几个方面：

A.需求的目的是什么？目标用户是谁？背景是什么？——对症下药

B.这么多文案或者素材里面，哪个是一级二级?——划分信息层级，寻找重点

C.风格上面有什么要求或建议？能否用3个关键词表达？——预期效果是否达成一致

Ps：关于第3步风格沟通，建议双方用图片交流和表达。毕竟每个人对“高大上”的理解都是不一样的，有的人认为是五彩斑斓的黑，有人认为是大量的留白。有了图片，我们可以去分析图片符合“高大上”的原因是哪些，从而提炼出具体的元素，将“感觉”具体化，这里也是运用到了情绪板设计的体系。

2.确定构图形式，学会视线引导

根据前面的沟通和风格关键词，收集好用于表达信息的元素，包括图形图像文字等等，然后在草稿或者脑海中构思好，怎样的排布能让信息有效的传达出去。另外作为设计师要学会引导用户的阅读视线。比如你找到了一个抬头向上看的模特，你可以把文案放在海报上方，用户会习惯性地自然地沿着模特的视线看到文案。

3.色彩搭配，5种平衡关系

关于配色，网上大家都可以看到很多方法和理论，下面介绍这5种色彩平衡的方法个人觉得比较实用，也比较容易理解，大家要根据实际需求来运用合适的配色方案。

互补色——相互衬托

互补色就是色环上相对的两个颜色，海报中的绿色和红色就是这种关系，相互映衬，相互衬托，从而达到了一种平衡。

冷暖色——情感表达

当我们想表达强烈的情感时候，可以用冷暖色去对比，经常会在电影海报或者插画作品中看到。

深浅色——色彩层次

这里的深浅指的是黑白灰对比的重和轻，一般来说，色大而深显得比较重要，色小而浅显得比较次要，我们可以看一下前面讲构图那快展示的海报黑白版，会发现这个规律更加明显。

中性色和彩色——视觉聚焦

中性色指的是黑色，白色和灰色，也叫无彩色，当中性色充当背景色的时候，彩色部分会更加突出和聚焦。

纯色和花色——平衡多色关系

如果一张图中，主体本身颜色比较丰富鲜艳，背景色也五颜六色的话就眼花缭乱了，也就是经常说的辣眼睛，这时候一般采用纯色的背景来缓解视觉疲劳和平衡多色之间的关系。

4.确定字体搭配

不同的字体有不同的气质，根据风格来选择合适的字体。如果遇到比较好看的字体，却不知道叫什么名字，可以找一些以图搜字的网站，比如求字网等等，避免伸手党。

黑体

工业现代感比较强的无衬线字体，给人感觉端正刚硬，具有力量感，多用于表达简洁或信赖感的主题。

宋体

细致优雅的衬线字体、苗条细长，特点是复古，多用于表达文艺或者时尚的主题

圆体

圆体的笔画圆润，柔美，可爱，具有亲和力，多用于女性或儿童的主题领域

书法体

书法体特点是潇洒大方，气势磅礴，具有历史感，多用于表达传统文化或者历史主题。

哥特体

哥特体是装饰性比较强的衬线字体，线条交接处和末端具有明显的粗细变化和装饰。特点是犀利、凌厉，多用于表达惊悚、魔法童话或者战争的主题。

艺术体

艺术体其实是泛指像素风格，手写字体，汉仪六字简等等具有强烈的艺术风格和设计感的字体。特点是轻松活泼，具有观赏性和趣味性。

五．案例演示

上面的案例大部分是平面展览或者电影海报，那么实际工作中的网页，banner，闪屏或者ui界面这些怎么办呢？其实方法都是一样的，版面设计的原理应用在各个方面。这里演示一个移动端banner设计案例吧。

首先，运营小姐姐的文案非常简洁，没有冗长到让我要分成一级二级三级；其次需求的目的也很明确，就是要突出2个素材和按钮；最后风格也没有奇奇怪怪的提议，只要和产品整体调性一致就好。那么在这里要介绍一下产品的背景了，pins是一款少女心拼图app，界面简洁清新，多种布局模板和背景。很快的，我在脑海中简单地构思了一下构图的方式。其实3种构图形式都是可以的，但是为了更好的突出按钮和素材效果，我最后选择了对角线构图。

先在黑白稿的情况下把文案和主体布局好，让主次关系清晰；考虑到目标用户大部分是女生，使用了圆形字体，配色主要是参考了pins的logo的配色，少女心的品牌色；最后细节调整，加上一些点缀的元素，其中网格是pins比较受欢迎的背景。一个简单的banner就这样完成了。

当我们的工作内容无法满足做文字比较多的平面海报的欲望时，可以考虑自命题的练习。当时听到许巍《无人知晓》这首新歌的时候，有一些感悟和想法然后做了一些C4d素材，想利用它作为主体和歌名做一下排版练习：

在开始动手做之前我就想好了这次想做一个视觉直观而强烈的海报，再加上主体是文案和素材的结合，所以我才采用了满版构图。在黑白灰中将主角和配角的位置确定好，再去调整字体和距离。

然后调整主体中4个字和素材之前的交叉和重叠，细节调整后，我�...

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

版式节奏与韵律

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

渐变构成

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

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

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

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

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

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

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

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

发射构成

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

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

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

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

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

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

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

节奏是一种规律性的重复

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

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

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

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

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

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

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

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

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

在设计上，比例规则中的黄金比例和白银比例，交互设计中的费茨法则，视错觉中的完形心理学，广告行业的AIDMA法则等等。其实万变不离其宗，说的基本都是一个道理，看我们自己能否悟出。版式设计排版技巧和基本功还是靠我们自己多练习，多实践。

今天分享几个简单的版式设计排版技巧，反差／孤立／软硬／节奏／比例／纹理／故事情节，七招让你瞬间上一个高度。

1.反差

反差指的是多个要素之间的差异。通常设计师在给客户提供设计稿时，会被客户怼着说：这两稿有什么差别么。其实客户认知中的这个“差别”就是反差的意思。差异越大反差越明显，能让特定要素更显眼，相反差异不大越不明显，也无法体现出重要的要素与重要的信息，就不会给读者一种强烈的印象。

为版面添加反差效果有各种手法，其中给人印象最强烈的就是明暗反差（一提到明暗对比就想到了伦勃朗）。图片明暗差越明显就越容易引人注意；文字也一样，越是明亮的背景、深色的文字越显眼。

也可以利用要素的尺寸大小对比来营造反差。在设计文字时，即便是同样的字形，笔画粗的字感觉更硬，笔画细的字感觉更柔，两者搭配使用就能营造出反差。上面中“字形”是专业术语，我打算把网格讲完就讲一下字体这块（中/日/英字体结构与差别）。

另外，编辑要素的密度差或使用的颜色等，任何能突出要素之间“差别”的手法都能营造出反差的效果。

文/曾文英 版式设计的基本元素为文本和图形，要在有限版面中最优化地传达信息、影响受众。美学特征是其重要因素，即结构、色彩、光影、虚拟空间与想象空间等的编排指引，使小区域蕴藏深度内涵，承载时代与社会倡导的主流意识与情绪。

现代版式设计注重艺术与技术的统一，强调创意、个性化并融合情感。版式设计需要突破平面的范式，走向立体、多元、多维等基于数码时代的综合应用，设计出艺术、技术、商业价值兼备的好作品。

版式设计的构成

版式设计是通过点、线、面等元素在版面空间中组合而成的。通过对版面空间进行分割，置入不同的元素，对元素之间的关系在比例、位置、方向、轻重、浓淡等方面进行调整、协调，从而形成个性化、符号化、艺术化的版式作品，体现个性、时尚、意境与情感等多种内涵。

元素构成

从内容看，版式设计的构成元素为图形、色彩、文字等。版式实质是由图、文构成，版式编排即是对图、文的合理布局，可以体现作品内容和创作者的思维逻辑，引导受众的视觉流程。从几何角度来看，版式设计元素是由点、线、面构成的。点的属性有大小、虚实、明暗等；线是由点的聚合和运动而形成，线的属性有位置、粗细、长度、空间、方向、曲直等变化；面是由线包围而成，面的属性有大小、明暗、规则、透视、倾斜等，多面可以形成立体的视觉效果。

分割方法

版式设计的区域之间，如书籍封面、书脊、勒口之间，可采用颜色分割、图形分割、直线分割、文字分割、无分割等多种方法。同一系列作品可在色彩、图形、文字等方面有所不同，但最终要构成和谐有机的整体。

组合关系

版式设计中各元素的组合可通过重复、变化、集合等方式，通过大小、明暗、曲直、动静、疏密、高低、旋转、移动、缩放等手段，形成预想的韵律、节奏、意境、氛围，以体现作品的主题、内容和风格，使信息传播效益达到最大化。

编排原则

版面编排的本质是对区域中设计元素的有序化,其中涵盖形式、内容、逻辑等的有序化,可采用分类、分区、分栏等多种方式,构成内容的分类、图文的分区、模块化的分栏。

从图文之间的布局看，版面可用上下分割、左右分割、不规则分割等方法被分割为多重子区域；从内容视觉流程组织看，可选用线性编排、重复编排、以中心为重点的编排、对称与均衡的编排、重叠编排、蒙德里安的编排、边框式编排、散点式编排等多种编排方法；从图文绕排方法看，有集中式、分散式、连贯式、断裂式、装饰式等方法。

语义编排

版式设计基于语义的序化，可将文字划分为多级标题，即为文字的级别，一般可为三至四级，文字之间的组合可形成节奏、主次、对等等关系。

设计风格

版式设计风格可分为严谨周密、平易近人、生动活泼、休闲、安逸、紧张、稳重等各种风格，不但可遵从平面设计规范，且可借鉴建筑、音乐、绘画等领域的设计风格。

综合效果

版式设计作品的综合效果要能给人强烈的视觉冲击力、充分的联想空间，使人对其产生深刻的印象和美的感受。好的版式设计可引导读者和观众的视觉流程和思路，增进他们的理解和联想。

版式设计方法探讨

根据设计者意图，版式设计可采用统一或随机的范式。图文可采用直排与横排、倾斜、旋转、扭曲、大小、前后、浓淡、粗细等多种变化。

网格化是版式设计的经典方法，可以用横线和竖线将版面划分为多个区域，然后将图形、文本、色彩等版式元素进行布局，使其与所表达的主题、内容等相适应。网格单元之间的关系，可分为对称、规则化、非对称等。具体进行版式编排时，可根据内容模块进行分类、分区，对每一类内容根据视觉习惯与阅读舒适度选择合适的分栏。重点内容要放在版面的重要区域，标题、内文等可以选择突出的字体字号。

在进行版式设计时，需对材料内容信息进行分解，先进行总体版面分配，再对文字、图形进行编排，使图与文、图与图、文与文相互呼应、相互协调。图文编排不但可构成视觉引导线，还可以构造层级关系。版式设计元素之间要注意选择适宜的间距，使其远近相宜，并使图文编排、展示空间与内容匹配。另外，在形状、风格、色彩等方面可以进行变化和拓展。

也可以颠覆传统的规则，利用旋转、切变、呼应、排列等手段，以更加突破的形式对均衡、方向、中心、空白、分割、韵律、点线面等进行重构，展现更丰富的美学规律，并从平面、空间、逻辑、阅读流程等方面进行元素编排，以体现美学、人体工程学、艺术与人文等的完美组合。

宏观上看，版式设计可归结为点、线、面、体的有机组合。点是眼，线是手，面是主体，点、线、面的组合构成版式的多维立体效果。潜在流程线引导视线、隐含时间元素，也可使版式设计从原平面设计的范畴拓展至立体多维。时态、大小、色块、文字块、图形块、区域、立体……各种元素的构成、组合、呈现,使版式产生无穷的变化。

版式设计将图文在有限的版面进行编排，不但可归结为点、线、面的组合与变化，且可从中感悟到哲学意境。版面设计宜将艺术元素与技术融合，将形式与内容协调，融入设计者的个性，在有限区域内创设具有无限想象的艺术空间与视觉传达效果，在有限的平面里构造丰富立体的视角。

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

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

文/樊珊珊 点、线、面是版式设计中的基本构成元素，每个元素的存在与变化都可以确定由其所产生的作品的形式与风格的不同。通过点的空间排列，线的曲直粗细，面的虚实与面积的对比关系，进行综合性视觉处理之后，点、线、面就会变的相当具有表现力。

点的不同的组合与排列，可以产生多种不同的视觉效果；线的曲直粗细给人以一种秩序的美、规则的美；面的大小、虚实、空间、位置等不同状态也会让人产生不同的视觉感受。我们在这里所说的点、线、面并非是单纯具象的，而是相对与版面空间而言的一种视觉感受。

版式设计总的原则是功能至上，要紧扣主题，内容和形式完美统一，合理地运用设计技巧处理好版面之间各元素之间的大小、疏密、曲直等关系，在有限的空间里，用无限的创意营造出版式设计的“气韵之美”，用具体的形象来完成意象的表达。

点是所有状态发生变化之前的根源，同时也是最简约、最基本的构成元素之一，点虽然面积小，但是当对它的形状、方向、大小、位置等进行编排设计后，点就会变的相当具有表现力。点是相对于空间而言的，也是相对的。在版面视觉之中称之为一种视觉感受，版面中的点既可以是一个字，也可以是一个符号或一个图形。那么这些点的不同的组合与排列，就可以产生多种不同的视觉效果。

①点的大小，大点与小点之间可以形成一定的对比关系。大小不一的点在视觉上就形成了一定的强弱、主次关系，同时给人一种视觉的空间感和强烈的形式美感。

②点的重复，点有序的重复排列在视觉上则给人以一种机械的，冷静的视觉感受。当点在版面中以水平的方向排列，则带给人安定、平稳的感觉。在大面积黑色底上，白色的文字形成细小的点，犹如纤纤细雨，给人以柔和细腻的心理感受。版面的中心位置将文字密集，形成点的集合和图形化。使人的整体视觉感受有一种冷静渗透于其中。元素有规律的重复，稳定的构图使这种点的有序重复形成了一种较为稳定的视觉效果。

③点的集散与疏密：点在版面上的集散与疏密的排列会带给人们一种空间的视觉效果。这样便强调了点的空间化，加强了整体作品形式感，使点和空间融为一体，强化了元素的表现力和视觉的个性。

线是点的移动所产生的轨迹。那么在版式设计中，线可以是一排文字，一条空白或一条色带。然而每一条线都有属于自己的独特的表现方式。在传统书籍设计中行栏的分割就是线的一种表现形式。它给人以一种秩序的美、规则的美。垂直方向的线令人产生向上的感觉，曲线带给人们一种流畅、柔美的感觉。线条的粗细也会带给人们不同的视觉感受，即使两根相同长度的线条，不同的粗细，也会带给人们远近不同的感受，这就是所谓的线的表情。

①重叠的线条：在版面中的线可以有多种的表现形式，重叠就是其中的一种。其中手绘的线条，比机械的直线让人从心理上产生自然和轻松的视觉的感受。

②垂直的线条：垂直形式的线条在视觉表现上更为清晰、理性、富有较强的方向感、指向性、视觉语言统一，但又不失生动。

③富有空间感的线条：利用线条的平面空间处理方法，使线条成为一个画面的主要视觉语言，然后再利用线条所具有的空间感，将二维的平面向三维的空间推移，形成独特的视觉效果。

面是点或线密集到一定程度所产生的，往往会表现为不同的形，例如规则的基本形状有圆形、三角形、正方形等，而这些形在版式中都具有不同视觉感受，圆形就具有一种运动感；三角形就具有稳定性、均衡感；正方形则有平衡感。面是形的一种具体表达，在版面视觉上有一定的重量感。所以在版式中出现面，在视觉强度上则要比点、线来的强烈的多。面的大小、虚实、空间、位置等不同状态都会让人产生不同的视觉感受。

①面拥有它自己的多样性。所以会出现虚的面，如点化的面或线化的面。实的面，如填实的色块、图片等。面的虚实会产生层次的美感。那么这种虚实在视觉上就会有不同的感受，同时在心理上就会有着不同的量感。填实的面在心理上一定会比虚的面会造成一种重量感，感觉沉甸甸的出现在画面中，而虚的面则会有一种透视的空间感觉。然而这些感觉也都是这些元素之间相对而言的。

②面在版面里所占的大小比例的划分。当人们看到这个封面时首先会被大面积的色块所吸引，得到了视觉的集中。而这种填充实在的色块给人一种分量感和安全感，在版面中色块的划分，产生了空间的视觉效果。这便是面在版式设计中所产生的视觉效应。

版式设计中的基本构成元素在设计中的几种表现形式并不是单纯的、具象的，而是在版面之中的一种相对的视觉感受。然而这几种构成元素往往是相互穿插、相互支持的，并非单独的脱离其他元素而独自存在的。而元素之间的协调统一，可以使版面简洁化，从而同时也避免了版面的生硬呆板或杂乱无章。

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

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

文/王奇 版式设计作为视觉传达的手段，不但要向观者传递信息，更要营造一种氛围，使观者能够融入其中，感同身受，同时还要留出一定的空间，使观者在阅读、观看之时能进行思考与回味，而这种氛围、空间则需要通过留白来实现。

版式设计中的“白”是指版面上文、图之外的空白处，“黑”指版面上文、图的实体。需要注意的是“白”它不一定就是白色或者是空白无物的空洞空间，它可以是黑色或其他任何颜色，也可以是图形，它只起着空白空间应起的作用 -- 陪衬与烘托，只是在我们的下意识里或者是约定俗成的习惯里把它看成了背景。而在版式设计中很多设计师都会把重点放在“黑”的设计上，却容易忽视“白”的设计。

从某种角度上说，留白是一种艺术。在平面设计中，内容太多或者太少都会导致版面整体上缺乏美感。其实，留白如同省略号一样，能够给人们带来更多的想象空间。作为平面设计的一部分，留白是形象的延续。只有充分发挥留白的作用，体现其内在价值，才能在突出主题、提升内容美感的同时，给观者创造一个较为轻松、愉快的氛围。

作为版式设计不可缺少的一部分，留白在调节版面虚实、黑白的同时，还能够提升作品的传达效果，从而使观者产生视觉上的美感。换言之，版式设计的根本目的就是通过条理清晰的版面来吸引观者，并向其有效地传达主题内容。其中，留白是利用“艺术”预留空间，缓解观者心灵压力；留白是利用“艺术”突出主题，为观者梳理思路；留白是利用“艺术”塑造意象，给观者更多想象空间。

如果版面内聚集大量的灰色文字与黑色标题，观者在阅读时会感到无所适从。然而，通过增添一定的留白适度调节各种元素之间的间距，在增强视觉层次的同时，还能够有效缓解观者的视觉疲劳。例如，在实践中，设计者难免遇到严肃性较强的作品，这类作品篇幅也往往较长。由于其自身的趣味性相对较小，容易令人反感。如果只是一味地采用图片来调节并不一定能够产生较好的效果。这时，留白便可以发挥其作用，使作品更加整洁，观者的视线也能够有些许的停顿。

我们知道，版式设计的根本目的就是为了吸引观者，并向其有效地传达主题内容。据研究，人们更愿意对留有空白的内容感兴趣。如果能够通过适当的留白将主题与其他要素分离，那么更容易帮助观者发现主题，并找到整个内容的思路。从这一意义上说，留白具有突出主题内容的作用。

一般情况下，平面设计作品中的空间可以分为两类，即实空间和虚空间。其中，前者往往是指版面中具有实体视觉的元素所构成的空间，如图片、文字等元素所占有的部分；后者则是实空间以外的部分，即“留白”。事实上，留白并非设计中的多余，相反，它是一种特殊的技术手法。如果能够加以合理运用，反而能够起到积极意想不到的传达效果。

实践中，为了达到“笔虽未到，而意以至”的艺术效果，设计师往往需要发挥创造性，并通过巧妙构思留白的大小或位置向观者传达出一种意象。换句话说，设计师在设计“留白意象”的时候，充分结合了作品本身的内容要求，即尽可能对信息进行清晰地描述与传达。不难发现，这一特殊的传达方式更具成效，用含蓄的意象替代了传统的直白的表达方式，更容易吸引观者注意，并引导观者慢慢接收信息，从而达到提升内容传达效果的作用。

在版式设计中大胆地使用空白，往往能为设计带来超然脱俗、清新雅致的独特意境，使作者创造的意念得以升华，诉求得以强化，从而提高设计作品的品位。设计中视觉对象各个部分，包括空白部分，都是构成视觉传达的媒介。作品中的“形”给予了空白部分生命力，形成了画面中的意境。可见空白不仅是题材内容的需要，而且利用空白的无形力量和无声的美可以创造意境，这是设计的最高境界。

实非真实、实而不闷；虚非真虚，虚中有物。版面中的“实”，可以用醒目的字体、厚重的色块获得，但要灵动、通气、精彩，起到画龙点睛的作用。版面中的“虚”可为空白，也可为细弱的文字、图形或色彩，这要依具体的版面而定，为了强调主体，可有意将其他部分削弱为虚。虚要有层次感，虚的处理也如小说、影视中的配角人物，是主体人物的衬托，也一定要写活、演活，但不能喧宾夺主。在版式设计中，将一些实的东西虚化，但要虚得有意味，与整体合拍。

任何形式的存在都占有一定的空间，是实体的空间，形体之外或在形体的背后，或细微的文字、图形与色彩，就是虚的空间。“虚”都是为了强调衬托“实”，通过留白对于突出主体、创造意境有非常重要的作用。因此“留白”是现代版式设计中进行虚实表达的一种特殊的表现手段和方法。

在版式设计中正负形的图形创意就是一种更有意味的留白。正形与负形相互借用，在一种线形中隐含着两种各自不同的含义。在平面设计中，设计师常用大小、疏密、整体与局部的形态呼应，图形与画面的“留白”配置，来调和来传达感观之美。

简约主义风格设计所推崇的主要是在主体空间中用最简单的结构，最节省的材料，最凝练的造型以及最纯净的表面处理。这在一定程度上是对现代主义的设计理念的继承和发展。其实，这种对设计作极端简化的初衷都在于探索一种“简单中见丰富，纯粹中见典雅”的可能方法。在这种简约的设计理念中也流露着对“留白”的追求和应用。

在这里以通常的“留白等于白色”为例，随着时间的推移，白色在现代平面设计中成为设计师最为常用的色彩，“因为白色是一切色彩中最完美的颜色，我们几乎找不到白色有消极意义的情境。”同样，在现代平面设计中，白色在颜色中独占鳌头，被得到了有效的应用。 但是这里的“留白”中的“白”，并不是等同于“白色”，它不是指代单方面的色彩，而是指代一种空白的意境。

任何视觉作品的形式都是由它所要传达的内容来决定的，不同的内容在版式中要求也不一样，所以目前并没有一种标准说明如何合理运用留白。但无论在哪种设计中，一定要充分发挥留白的作用，有意识地、有目的地留白。借留白给画面带来更广阔的空间，使版面发挥最大的作用，体现价值，让观者在轻松，愉悦的气氛下有效接受信息，这也是设计师们需要揣摩不断思考的地方。

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

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

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

老外的版式设计这些不错的创意希望对于大家在平面设计上面有一个好的触动，小编也希望大家尽快能创造出属于自己的原创作品噢。

往期回归：

ps教程 PS磨皮美白教程

放暑假了，请不要带孩子去旅行！让万千父母反思的好文！

最走心的创意设计

世界杯就要来了 作为设计师可以怎样“搞事情”？

国外那些炫酷的创意家居设计，好看好用还好玩！

ps制作精美的绿色水晶立体字字体效果

端午节来表哥新家吃饭，一进门就不想走了，卧室太甜蜜！

想做出一个好看的封面，那你得先了解下版面重心！

国外这个创意设计 能让你吃饭时不玩手机

月薪上万的设计师设计的排版

淘宝美工篇-之首页构图布局详细教程（一）

国外photoshop创意设计

搞笑的ps大神

零基础，怎么学好设计？

开放的国外这些大胆的设计在国内还是一道风景无人能及

什么是画册设计师，我要学习平面设计！（三）

平面设计行业-VI品牌设计师（二）

平面设计PS基础入门教程蓝问号设计DM单设计公开课程第一节

蓝问号设计DM单设计公开课程第二节

PS零基础学会RGB是什么，快速解决抠图问题（第一节）

PS零基础如何巧用通道，快速解决抠图问题（第二节）

PS零基础学会这两招！轻松快速抠图（第三节）

PS零基础学会这两招！轻松快速抠图（第四节）

PS零基础怎样快速抠图透明素材（第五节）

搞笑PS恶搞图片，笑坏你呦

搞笑PS神图令你爆笑！

PS [换脸]恶搞高圆圆与美女换脸合成图

搞笑ps图：大神，跪求把紫薇p掉！看完道居然毫无违和感！

搞笑ps大神让你每天乐开怀

那些PS的大失误，设计师到底是来吓人还是来搞笑的？

厉害了，毫无ps痕迹，搞笑动态图十四张

动物搞笑PS，想象力比PS技术更重要

PS搞笑神图合集，你看过吗？

大神PS搞笑图片，真的笑死我了

PS给帅哥换上虎头教程,PS人像合成，PS创意合成

分分钟PS创意设计，次元空间效果照片！

国外PS搞笑大作，灵感源源不绝创意十足

史上十大搞笑设计

这PS技术，有前途！

PS图标设计！如何设计矢量的wifi图标

周鸿祎、马云都说要“杀掉”的小白兔员工到底犯了什么错？

国外的设计真的那么好？让你住这样的房子你愿意吗？

暑假美工特训班最后6个名额

文/张海芹 张欣 平面广告随着经济的发展，越来越得到社会的认同。平面广告的主题具有社会性，其主题内容存在深厚的社会基础，它取材于日常生活中的酸、甜、苦、辣和喜、怒、哀、乐。并运用创意独特、内涵深刻等广告手段和用不可更改的方式、鲜明的立场及健康的方法来正确诱导消费者。

版面艺术设计的构成离不开艺术表现，版式设计通过重复与交错，节奏与韵律等一系列形式构成法则来规划版面，把抽象美的意念诉诸于观者，并从中获得美的引导与感受。

交错

在版面构成中，不断重复使用形状，大小，方向相同的基本形式，形成严正庄重的气势。重复使设计产生安定，整齐，规律的效果，但重复构成的视觉感受有时容易显得呆板，平淡，缺乏趣味性的变化。故此，在版面中可安排一些交错与重叠，打破版面的呆板，平淡的格局。

韵律

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

均衡

对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源点的放射对称；还有以对称面出发的反转形式，其特点是稳定、庄严、整齐、秩序、安宁、沉静。均衡是一种有变化的平衡。它运用等量不等形方式来表现矛盾的统一性，揭示内在的含蓄的秩序和平衡，达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化，趣味，具有灵巧、生动、话泼、轻快的特点。

调和

对比是将相同或相异的元素作强弱对照编排所运用的形式手法，也是版面设计中取得强烈视觉效果最重要的手法。归纳起来有：主次、大小、粗细、长短、疏密、动静、黑白、刚柔、虚实等对比，它们彼此渗透，相互并存。通常在同一版面中呈现，多种对比关系交融在一起。在对比关系中，对比越清晰鲜明，视觉效果就越强烈。调和是在类似或不同类的视觉元素之间寻找相互协调的因素，也是在对比同时产生调和，所以许多版面常表现为既对比又调和，两者相互作用，不可分割。 对比为强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者互为因果，共同营造版面的美感。

版式基本原则

平面广告版式设计不能像绘画创作那样以表现内心情感为首要目的。在用其传达具体信息的行为过程中，应当根据版式的功能性需求，依照版式设计的原则来办事，所谓艺术化的创造，当以符合原则为前提，这是由平面广告版式艺术和特殊性决定的。平面广告版式的基本原则可以概括为：

可读性

版面设计的目的在于使平面广告的版面结构清晰合理，视觉流程通畅，信息传达明确。它有助于增强观众对平面广告的注意，加强对内容的理解，使平面广告具有良好的诱导力，鲜明地突出主题。

整体性

将各种视觉要素作整体的安排和考虑，也就是说将版面各种编排要素 -- 图形、文字在编排结构及色彩上作整体设计。版面构成是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是版面构成的根基。只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术效果，才能解决设计应说什么、对谁说和怎样说的问题。强调版面整体协调性原则，也就是强化版面各种编排要素在版面中的结构及色彩上的关联性。通过版面的文、图间的整体组合与协调性的编排，版面具有秩序美、条理美，从而获得更良好的视觉效果。

主题性

版面设计追求的完美形式必须符合平面广告的主题思想，这是版面设计的前提。版面设计本身并不是目的，而是为了更好地传播客户信息的手段。设计师以往中意自我陶醉于个人风格及与主题不相符的字体和图形，这是造成设计平庸失败的主要原因。一个成功的版面构成，首先必须明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面。

版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力与理解力。只谈形式而脱离内容或是只讲内容而缺乏艺术表现，版面设计都会变得空洞与刻板，也失去版面设计的意义。只有将二者统一，找到一个符合两者的完美表现形式，版面设计才会体现出它独特的分量和特有的价值。

建立合理的视觉流程

我们在欣赏平面广告作品或接受外界信息时，视线会不自觉地跟随版面中的编排轨迹移动，这种贯穿整个版面的视觉路径就是所谓的视觉流程。因此，建立合理的视觉流程，是在平面广告版式设计过程中要解决的重点问题。视觉流程的形成，是由人类的自身的视觉特性所决定的。由于生理上的原因，人们在阅读信息的时候，总会追寻某种规律，养成一种自然流动的观看习惯，例如浏览的先后次序、方向等。

这种视觉的流动倾向，无形中形成一种脉络，似乎有一条线、一股气贯穿其中，是整个版面有一种运动的趋势。视觉心理学的研究表明，一般的浏览习惯是从上到下、从左至右。从版面上，上半部比下半部给人感觉更轻松、自在，同样，左半部比右半部显得更舒适一点。这就是我们所说的版面的视觉影响力是上方强于下方，左侧强于右侧，这样版面的上部和中上部就成了视觉要素的最佳选择区域。

版式构成形式

①图片信息主体化：这是常见的一种广告编排类型，图片在版面上方，标题在下方，然后是说明文与商标图形。图片占据版面大部分区域，文字部分无论从信息量还是所占空间大小都相应弱化，精美的图片从形式还是内容上都具有视觉冲击力，易引起消费者的注意。

②标题型：标题在版面上方，图片、说明文与商标图形依次在下方。以标题作为图片的先导，让观众对标题先予以注意，留下明确印象，然后看到图片后获得感性的形象认识，进而在版面下方安排适当的说明和商标图形，使观众获得一个完整的认识。这类构图一般文字较少，可以根据内容需要对主题文字形式本身，以及文字组合形式进行灵活、生动的设计，实际上是文字图形化的设计表现。

③散点型：在版面的设计时将图与图、图与文字之间作自由分散状态的散点构成方式，形成一种随意的不经意的视觉效果。散装排列强调感受性原则，较注重自由、随机和偶然性的空间运动感。这种设计貌似随便而为，其实在内涵上蕴含着设计者独具匠心的创意追求。

④全图型构图：这是一种具有现代感的构图形式，也称无版心设计。它是用一张图片占据整个版面，无疆界性地打破了传统版式天头、地脚、内外白边的含义。图片可能是产品或品牌代言人形象，在图片的适当位置直接嵌入标题、正文和商标图形，用开窗形式安排其他构成要素，或图片甚至文字元素频繁“出血”，使广告形式具有较强的视觉冲击力，从而赢得消费者的极大关注。图片的视觉流程往往是从图片的精妙之处开始，最后视线流动到说明文及商标图形。

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

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

文/刘蕤

设计作品不能让阅读者“一目了然”，其原因之一就是忽略了版式的结构编排，在编排上松散无序，导致受众在短时间内无法分清重点。版式设计作为传达某种信息的"载体"，应符合所设计的内容，应突出直观动人、简明易读、主次分明、概念清楚。

版式设计是将文字、图案等元素，在既定版面上按照一定的原则进行的形式编排，它并非简单的“排版”。确定版式结构是版式设计的重要一步，设计师可以将所有的内容安排至既定的版面中，这就出现了各元素的布局问题，好的版式结构可以使页面结构清晰、视觉平衡，给阅读者以舒适、大方、易读的印象，这就需要版式结构遵循以下的基本原则。

设计中分组的方式与我们日常生活中对生活物品的摆放具有同样的道理，我们通常会将橱柜里的外套和贴身的衣服分开放置；厨房中蔬菜、肉类及调料等整齐归类而避免相互污染。分组是版式设计中一种整理信息的办法，即将客户提供的原始信息按照一定的规律进行分类整理为信息组，并且组与组之间具有一定的间距。 推荐阅读：版式设计中的"平面构成"原理！

版式设计的过程可以看成信息规整的过程，它将画面中逻辑关系相近的项组织在一起，位置接近则意味着关联。分类的方式有很多，可依据种类、颜色、形状、重要性等进行编组，例如可以通过添加编号、几何图形符号等方法使每组信息更明显，当条目比较多时，可以将内容分类或制作成列表的形式，当通过设置相同的颜色或形状相同的色块时，阅读者就会理所当然的认为它们在信息上有着关联性。

作为版式布局设计中分组的处理方法，首先必须明确制定逻辑组与组之前的空间距离，它应该明显大于组内每个元素的空间距离，或为其配以加粗的标题，使组与组之间的关联性和逻辑性更易区分。

版式设计中追求的稳重感会使画面产生平衡，使受众心情舒畅，有利于信息的传递。在版式设计中，可以通过划分简单的网格，使图片、文字段落等顺序排列，确保画面产生平衡感。使用改变画面中元素的大小、比例、位置、添加元素等都能使画面变得平衡。

当画面中只有一个图像元素，并且居中放置时，它达到了平衡，当图像元素移动至两侧时，画面的平衡被打破，出现了一边轻一边重的现象，这相当与天平的一侧太沉了，另一侧就会被翘起，为了使天平回到同一水平线上，我们可以在翘起来的一侧添加元素，原则上是与图像的面积在观感上一致，如果完全按重量来配比，则会使画面显得机械和呆板，画面的灵性也会被束缚。

同时，最重要的层次关系也会因为重量的完全相等而无法分清。在设计商务性质的版式设计中，需要打造出诚信稳重、让人放心的氛围，如果画面失去平衡，这在版式设计中是非常致命的。

画面布局是版式设计中让很多设计师“头疼”的问题，如何在有限的空间中让文字、图片、图像、符号等大量设计元素出现在合适的位置，并能产生合理的层级关系，是设计师需要解决的难题，而通过划分网格可以高效的对这些元素进行合理放置。网格是现代版式设计中最重要的基础构成之一，它能将版面中的点、线、面构成元素协调一致地编排，并具有秩序感、比例感和整体感。

在版式结构的搭建过程中，通过对版面划分网格线条后，并将元素整齐排列后隐藏“网格线”，在视觉中会产生某种相互关联，使阅读更加具有逻辑性和层次感。利用网格来进行版式结构布局的设计方法被称为 “网格设计”，它能使我们的版面布局形成工整而有规律的效果，并且有着无数种组合方式，能大大提高工作的效率。

重复的方式有很多，如重复的颜色、字体、字号、文本行距、项目符合、图表风格、对齐方式、图片风格等。在很多商品宣传册的设计中，往往需要展示大量的产品信息，没有太多经验的设计师常常会担心最终的版面单调乏味，于是在版面结构中加入各种花哨的特效、改变图片的倾斜度、使用难以阅读的文字的效果，这样的方式不仅不能解决问题，反而降低了信息的“可读性”与“易读性”，使阅读者产生厌恶的心理，大大影响了产品信息的传达，降低了设计的“档次”。

此时如将一件商品的说明信息和图片进行合理组合，分清信息层级关系后形成编组，其它产品的信息与图片组合按其同样的方式在版面空间中进行重复，并且排列整齐，使读者能快速的分清阅读规律，将更加有利于信息传达。如果需要增加变化，可以对各商品分清主次关系后进行放大与缩小等方式来处理即可，这样使得商品宣传册整体在稳重的同时又不乏味。

在开始设计时，首先要思考一些问题，比如，“这是一个什么样的主题？什么样的色调适合这个主题？这个主题需要烘托出什么样的气氛？什么样的字体性格更符合这个主题？”等等，这样就可以得到一个统一的设计风格。

如果版面中各种颜色和形状等设计元素太多了，字体的风格或颜色变化太大，则整个版面就会缺乏统一性和连贯性，使画面看上去很“乱”，给人造成不值得信赖的感受。设计不是各种元素的简单堆积，版面中没有任何一个元素是多余的，所有的元素都必须是仔细分析主题得来的结果，去掉那些多余的装饰元素，避免“为了设计而设计”。

留白是版式结构中非常重要的元素， 它是画面中各元素之间的间隔部分，起到缓冲、隔离的作用，合理的留白可以有效解决平面设计中的实际问题。初学设计的人常常担心“画面太空”，在版面里填充各种元素，不留空隙。过于紧凑的布局会使读者心情紧张，失去阅读的兴趣，相反，漫无目的的留白也会使画面显得空空荡荡。

留白在留出韵味的同时，也可以增强画面的空间感，留白越大，空间越广阔，画面中元素越少，人的视觉注意力就不会被其他无用的信息所抢走。初学者对留白容易产生误解，认为留白就是留出白色，然而事情并非如此，留白留出的是空间，背景可以是白色，也可以是其他任何颜色。 推荐阅读：版式设计中的“空白艺术”！

需要特别注意的是留白不适合所有的设计，如促销广告中需要的是传递热闹和实惠的氛围，如果大量留白只会适得其反。在表现高端、雅致、文艺的气质时，留白是非常适合的，但是在烘托氛围和热闹、喜庆的感受时则不能使用。

只有掌握版式结构的基本原则，科学分析项目信息，才能使我们的作品在具有视觉上的形式美感的同时，传达的内容更加符合主题，能向受众正确的传递出设计的信息。

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

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

文/陈思蔚 版式设计就是对文字、图形、色彩等平面基本要素，按照规定的内容、标准等进行设计与搭配，以体现出复杂多样的空间效果，传达出创作者的思想、情感和意图，以提高版面的视觉冲击力，吸引受众的关注。

好的版式设计能够使设计的主题更加突出、更加生动、更具艺术感染力。目前，常见的版式设计形式有三种：古典版式风格、栅格样式、自由版式制作等。版式设计应紧贴设计主题、风格符合主要的内涵与意指、达到技术与艺术上的均衡，对图片、文字、色彩等的构成成分都能进行合理的处置。

简约设计是平面设计的一种设计理念。对过去的那种传统守旧的、含意复杂的风格形式，人们已经放弃了。试图通过简单明了的阅读形式，讲求空白版式设计反对一切凌乱的现象。平面艺术也只能局限在一定的范围以内，版面的风格必须要保持简洁独立。实际上强调单纯、简洁，要对过多的信息进行浓缩，内容的精炼表达，才能够达到新颖创新的效果。

随着社会节奏的不断增快，为了减轻读者视觉的心理压力，简单通俗的东西才是大众能够接受的。防止过量的信息的堆积，缩减图文信息。才能保证某一个版式能够准确地传递出所有的信息，从视觉的角度上将各类元素表达出来（如标题、文稿、图形画面、色彩等）达到直观与具体的一种效果。

版面整体设计应力求形象生动，简单通俗，能够在第一时间抓住读者的视觉，并能给观看者留下深刻的印象，单纯而有力的诉求效果。在对其空白处进行调节的过程中，要坚持的一个原则就是简洁大方，干净，而且在视觉上有非常强烈的集中效果，这样才能更好将作品的主题凸现出来，一定要从众多构成要素中确定一个鲜明的主题，在大众的视线投上作品的时候能够达到理想的效果。

好的作品离不开经典有深度的创新，不管是什么类型的设计作品制作，在其表现上都要有独特的创意来为作品打好基础。在平面设计工作中，对于作品的要求更是这样的：一是要明确主旨思想的具体含义；二是版面设计的创新。从技巧与思想内涵上着手进行控制。

在编排的创意表现中，各个构成要素之间不再是简单的搭配组合的关系，而是更具有积极的参与性和创意的体现性，各个要素必须要互相作用以达到最好的效果。这种方式，给作品注入了更深的主旨，是编排形式的不断完善，是形式与内容的最佳结合。例如在版面编排时主体要素的大小关系，一般要比其它要素突出，显眼。

好的平面设计都应该展现出独特的一面，与充满特色的版式。缺乏特色的版式是无效的，就像一张毫无特点的面孔很快就会消失在滚滚人流中。在版式制作中，对于作品特色的追求，需要的是一种无规则性，追求幽默、风趣、装饰的具体展现方式来更好地满足受众的需求，引起情感上的共鸣，是现阶段艺术作品的主要追求。

例如版面构成中的趣味性是一种活泼性的版面视觉元素。如果缺乏一些新鲜有趣的东西，就要靠制造趣味取胜，这是作品设计中必须重视的一点。版面充满色彩，使媒体宣传效果如虎添翼，达到了画龙点睛的效果，从而更吸引人、打动人。这种风格，摆脱了陈旧与平庸，给设计注入了新的生命。

设计以人为本引起许多人关注。以人为本，增加人物情感的体现。不同形式的艺术方式都能够将艺术这种形式更好地表现出来。“以情动人”也是该种风格样式追求的主要体现。在版式制作中，文字的作用和效果都变得不再重要，影响了其严谨性与规整性的体现，曲线与散点的具体表现不明确。在版面中人文因素加重，例如大多的图形是人物，通常情况下都是以人物效果来表现的。

平面设计中文字的灵动、图形的优雅和色彩的震憾说明了设计元素的情感表现，另外，出血版能够更好地表达感情，框版是感情的主旨，留白能够达到良好的抒情效果，黑白富于庄重、理性等等。通过各类艺术手法的使用来达到良好的效果，或热情奔放，或轻快活泼，或严谨凝重，实现对平面设计的艺术追求。

版式设计通过调动各种设计元素（文字、图形等）在既定版面上进行编排设计，以版式上的新颖创意及个性化的表现，强化形式和内容的互动关系，以期产生全新的视觉效果。

网格法是版式设计中的经典方法，西欧又出现了网格设计，它是在书页上运用数学的比例关系，通过严格的计算， 把版心划分为无数统一尺寸的网格，以此来分配文字和图片的一种版面设计方法。它注重比例感、秩序感、连续感、清晰感、科学性和严肃性。借助网格使设计应用在功能上、逻辑上和美学上获得了发展。

将文字排成上下左右整齐，给人感觉规整大方，美观。其外框犹如集装箱的形式，给人人感觉庄重神圣，理性，各种元素在这样的环境中易于统一协调，缺点就是有时候给人呆板，毫无变化。版式的规整排列，恰到好处的揭示了主题的实质精神，目标明确，一目了然。

版式设计以中轴线为基准，文字图片居中排版，这样的方式会使视觉居中，庄重大方，文图的居中排列还能达到端庄秀丽的形式美感，引起视觉聚焦作用，但有时候阅读起来不方便，如果是整张版面文字较多的情况下，不宜采取居中的编排。

在设计中，不断重复使用的基本形或线，它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。但重复构成的视觉感受有时容易显的呆板、平淡、缺乏趣味性的变化，故此，我们在版面中可安排一些交错与重叠，打破版面呆板、平淡的格局。

节奏与韵律来自于音乐概念，正如歌德所言：“美丽属于韵律。”韵律被现代排版设计所吸收。节奏是按照一定的条理、秩序、重复连续地排列，形成一种律动形式。（温馨提示：下图看久了容易头晕）

留白则是版中未放置任何图文的空间，它是“虚”的特殊表现手法。其形式、大小、比例、决定着版面的质量。留白的感觉是一种轻松，最大的作用是引人注意。在排版设计中，巧妙地留白，讲究空白之美，是为了更好地衬托主题，集中视线和造成版面的空间层次。

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

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