文/钟亮 版式设计是设计师需要掌握的最基本能力，对版式设计的驾驭是设计师的基本素养。它基本遵从着视觉传达设计的设计原则，运用造型元素和形式原理，将文字，图形，色彩，等信息要素组织在一起，按照一定视觉美感将内容统一成一个整体进行编排设计，并以视觉艺术形式表达出来，观者通过版式设计结果获得设计师传递的信息。

版式设计的运用领域非常广泛，从广告设计、海报设计、品牌设计、UI设计、包装设计等，只要有元素的组合，便有版式设计的运用。版面设计并不局限于表现个人或品牌风格，版式设计同时也为了更好地将信息传达给用户。设计师过于陶醉于个人风格或没有准确传达主体信息，这往往是造成设计失败的主要原因。优秀的版式能通过更具艺术性、创意性的想法呈现在版面上以增强浏览者的关注度与理解力，从而达到传达信息和视觉劝导目的。

版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。使版面产生清晰的条理性，通过将相关元素内容组合起来以达到更好地突出主题。将文案中的多种信息作整体编排设计，有助于主体形象的建立。只有做到主题突出、重点鲜明，才能达到版式设计的最终目标。那么，应该如何将版式设计变得更完美？

在学习版式设计之初，很多设计师会出现设计成品没有重点、版面太平、作品单调等问题，大多在内容层次的划分上出了问题，清晰内容的层次感就是把元素与元素之间的关系处理得当。在进行设计创作之前，设计者需要有更清楚的规划，在版式设计作品上首先让浏览者看到什么，其次看到什么，再看到什么。层次越多传达出的信息就越丰富，版面就会更富层次感。当然，也不要为了层次感而乱加内容，准确传达信息才是版式设计的最终目的。

设计师通过对信息的梳理、归纳、分析，重新构建信息的表述形式。这种表述形式由版式设计视觉元素构成，不仅仅依靠文字和图片，还包括标点符号，抽象的点、线等一切视觉元素。目的不是使信息复杂化，而是使信息更加清晰、简单，富有趣味，更易为受众理解和接受。

版式设计中元素的组合脱离不了留白，留白的位置、空间影响着版式的整体风格。 留白不但是影响版式美感的关键因素，还是设计作品中为浏览者保留出来的视觉疲劳缓和剂，适当的留白可以划分出设计作品的层次关系。

无论是大量还是紧凑的留白空间，均可营造出不同氛围，并不能简单地说哪种方式更适合，判断版式设计好坏的重要因素，是哪种方式更合理、更符合对应浏览者需求。留白的位置分布能对画面内容进行主次划分，文字间距、行距的留白多少，图片或图形与其他元素、字体的恰当留白，形成了更为整体的视觉空间，内容在适度的留白中更引人注目，而不是光靠一味放大内容本身。留白在版面设计中的起到了关键的作用。

无论是使用单个字或字的组合，均可呈现不同的视觉特色，让我们感知不同字体风格带来的庄重、秀丽或可爱等感受。大小错落布局于版面之中，为版式设计创造出强有力的视觉冲击力。字体的选择、字号的大小在不同风格下，均有不同的运用，把握字体的形式美感、拿捏行距间距的宽窄，为版面创造出更为活跃的视觉层次，牵引浏览者出视觉路线。

不同的空间有着不同的视觉吸引力和视觉感受。一般有以下几种情况：

①将主要形象编排在画面的下方，会产生稳定、凝重感；

②将主要形象放在画面的上方，会产生一种升腾、飘逸感；

③将主要形象放在右侧边缘中心具有阻塞、气闷感；

④将主要形象放在左侧边缘中心，具有一种舒适、流畅的感觉；

⑤将主体形象放在画面四周边缘，会产生扩张、奔放感；

⑥将主体形象放在画面中心会产生内敛、凝聚感；

⑦重心在视觉中心有庄重感，偏离视觉中心有活泼感；

⑧字距、行距密集有紧凑感，字距、行距疏散有清新感等等。

要尽量避免组成要素之间孤立分散，避免文字与图形的孤立性。如果单把设计重点放在画面的图形创意上，而忽略了图形与文字的相互关系，在图形处理完之后随意地把文字放在画面上，孤立地加以处理，使画面支离破碎，失去了画面的美感和整体感。

画面的安排要符合视觉流程的规律，便于阅读和记忆。例如：水平线可使视线左右流动，垂直线可使视线上下流动，倾斜线可使视线做不稳定的流动，清晰的曲线造型可以形成回旋的视觉等。有许多设计师非常习惯用这种简约方式，体现出强烈的设计感。

在进行版式的设计过程中要主次分明，重点突出，能在“瞬间效应”的过程中快速传递信息。一幅设计作品是由很多要素组成的，如果这些要素都要充分说明，那等于没有说明，所以只有抓住主要部分突出说明，如在位置、大小、色彩上的突出，才能使整个作品有节奏、有秩序，从而主题突出。

设计时要保证各组成要素之间在内容和形式上都要有有机的联系，实现在视觉上和心理上的连贯，不能在一幅作品中出现几种不同的风格和形式，使人产生错觉，整个画面杂乱无章。

版式设计是设计师在对内容信息、字体、留白、空间等深入认知后，通过视觉形式的“演变”，将浏览者带入一个特殊的视觉体验中来。设计师对版式设计中内容层次、视觉留白、字体运行等方面的处理有助于设计师整理设计思路，创作出的作品既符合观者视觉审美又能精准传达信息内容。

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

② 本篇为 设计智造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个名额

不管你是平面设计，还是UI设计，甚至动画设计，终究离不开对外包装自己产品的版式设计，所以版式设计这块非常考验设计师的基础功力。

今天给大家分享几种常见的排版样式，对大家做设计会有很大的帮助。

1、大且醒目、美观的排版设计

版面设计大概是一个优秀的网页设计中最重要的部分了，今年的版面设计会围绕着大且醒目，个性鲜明的标题。

2、颜色渐变

渐变绝对是时下最流行的趋势，在版面设计中也会经常见到。

3、视觉分层

视觉上的层次感对所有设计领域都是非常重要的，字体的尺寸和厚度能轻易的决定哪些文字或段落是最重要的。所以想要清晰的视觉分层，一定要牢记这一点，同时文字的位置和颜色也是非常重要的。

4、小元素运用

这种小字体通常用在负空间里，可以与背景颜色或图片建立联系，或者通过动画让它更加凸显。

5、动态排版

动态效果在今年的版面设计中无处不在，只要效果流畅，在今年绝不会出错。

6、与摄影结合

文字段落和摄影作品之间的契合能产生很好的效果，看看这些优秀案例就知道啦。

7、与几何形状结合

几何图形的设计同样可以加入到版式设计中，达到一种现代化的时髦效果。

8、字体组合

两种或更多字体的运用在今年仍然流行，下面有趣的字体组合案例能帮助你安排自己的字体。

看完这些版式设计的方法，相信大家对以后的设计都有了更多的想法了吧。希望大家在设计的道路上掌握更多的技法，形成自己的设计风格，做自己喜欢的设计。

ui设计越来越火，网上很多朋友在问ui设计要学什么？怎么学？关于ui设计的学习，常常会听到这么一些忠告“多看 多想 多做”，但作为新人更想知道咋看、咋想、咋做。

下面总结了几个学习ui设计的小技巧，希望对新人有所帮助。

学习ui设计的小技巧之一、软件学习

ui设计要学的东西很多，软件是基础的东西，要想做好出好的ui设计就得先熟练掌握ui设计的基础软件，软件方面有：PS、 AI、ID、Firework 、Dreamweaver、 HTML5、p+css等等，不过对于新人，建议先把Photoshop学扎实。Ui设计要学的都是比较高级的知识，学习起来也是需要花时间和精力的，所以呢，基础软件一定要先学扎实。

学习ui设计的小技巧之二、找灵感

如何找灵感，也就是培养审美的能力，首先我们要知道什么好看，什么不好看。当我们排斥那些不好看的设计的时候，我们的品味就自然上升了。

再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。说到这里，我给大家推荐一些不错的网站。如：花瓣网、站酷、UI中国、Behance、APP截图欣赏网等等……

那么，如何能快速找到灵感呢，当我们接到一个设计任务的时候，该如何去快速的执行，快速找到灵感呢。

平时的素材采集和分类至关重要。一定要整理分好自己的素材文件夹。这对于一个设计来说，真的非常非常重要。

设计师的素材资源库，就是自己的财富，只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了，不要用的时候找不到了~

学习ui设计的小技巧之三、懂分析

学会分析好的设计作品，主要从下面的几个方面去分析：

1.是配色上吸引了我们的眼球 还是 版式设计吸引了我们的眼球？

2.细节处理的很有新意吗？

3.背景烘托的很有档次吗？

4.为什么排版上看着很舒服？

然后再换位思考一下，如果是自己，自己会如何设计，设计手法和细节的处理会不会？创意想法上有没有给带来些什么灵感...

学习ui设计的小技巧之四、做笔记

有没有发现一个问题，我们每天都在看各种设计作品，真到自己做的时候，一下子全都忘记了，脑子短路了。之前看到那么多好的设计作品也都白看了，人家的还是人家的，跟自己一点关系也没有。

所以我建议准备一个小本子，养成做笔记的习惯，坚持完成下面三点：

1. 看到了什么好设计画一画。

2. 想到了什么好点子，写一写。

3. 做会了什么或是想要学点什么，都记录下来。

那么半年时间下来，小本子就写的密密麻麻了，没事拿出来翻翻看，学习的时候积累的心得，精益求精。

以上就是学习ui设计的小技巧了，只要用心认真学习，我相信一定可以成为一名优秀的ui设计师。

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

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

目录

一．版式组成

二．构图平衡

三．设计原则

四．设计流程

五．案例演示

一．版式组成

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个字和素材之前的交叉和重叠，细节调整后，我�...

文/陈宓 不管你从事的什么行业、做的什么工作、学习的哪个专业，都有很多时候需要进行演讲、成果展示，那就会涉及到版式设计。那么版式设计的核心究竟是什么？本文将带你一探究竟。

版式设计几乎对每个人来说都是有过接触的，例如：报告、成果展示、筹备次会议等等，那么就要涉及到演示文稿制作、会议宣传制作。这时就会进行版式设计了。不管你有没有意识到。版式设计就在你的日常应用中。

版式设计涉及到很多元素，文字排布、色彩运用、元素位置关系……版式设计如此之复杂，它的核心究竟是什么？或者说是否有一个纲领性的元素，领导着这所有的复杂细节？有的，这个纲领性的核心元素就是形式美法则。

形式美法则包含四个方面的基本内容：对比与调和、对称与均衡、节奏与韵律、比例与分割。

①所谓对比是指具有相反性质的要素形成反差，能使画面产生紧张感。这种紧张感能带来各种画面效果，如动感、冲击力新奇感等。对比就是要让画面的各组成部分在质或者量方面的区别，和形式上的各种差异形成相对的比较。

这种方法在画面的设计中运用极广，如画面元素在大小、数量、空间、方向、形状、色彩、虚实等方面，都能制造或尖锐或柔和的对比，使画面看起来生动活泼、有张力不死板。

②调和则是指各部分之间内在的关联，讲究的是画面中各对象之间不是分离和排斥，而是和谐与统一，有某种内在的联系制造出的画面的秩序感。一般来说对比强调的是各部分之间的差异，而调和则强调元素之间的统一。

对比可以拉开画面的反差，给人以视觉刺激。但是在版式设计的应用中需要根据画面的实际需要加以应用，否则容易给人造成杂乱之感。在布置画面时通常会保持大的对比、小的调和，也就是说在画面的布置上，总体使用对比的手法，而局部是调和的方法，把各部分串联起来，使画面动中有静、有张有弛，给人变化中的协调感。

①在平面设计中对称的含义是比较广泛的，可以有左右对称、上下对称、也可以有点对称、旋转对称、移动对称、扩大和缩小对称等等。对称的构图能表达秩序与安定、庄重与威严、稳定而平和的美感。不过大多数情况下在版式设计中我们并不满足这种对称的形式，总试图寻找一种更灵动更轻盈的形式来保持画面的平衡，这种形式就是均衡。

②在均衡的画面布局中，我们并不以中轴线来平均分配各种内容，而刻意使各元素偏倚于画面，破坏对称配置,形成对比。然而虽然各元素在体积、大小、色彩、数量上并不平衡，在观者的心理却能取得奇妙的平衡感觉。这种平衡是由形状、色彩、位置与面积共同决定的，是版式设计中运用得最多的一种方法。

而对于版式设计来说，当元素反复出现，且轨迹平衡少变化的时候，就使画面形成了节奏，而当这种相同或相似的元素以一种更自由散漫的形式出现的时侯，就形成了韵律。韵律使画面产生运动的感觉，使画面充满了生机。这种看似散漫的元素有某种东西在联系它们，自由又有秩序感。

我们为了保证画面乱中有序，通常会以三种形式的元素为主体：相同形、相似形和类似形。

①相同形，所做出的韵律有种秩序井然的端正美。

②相似形，由于大小、色彩、位置有一定的差异,容易制造出渐变的韵律。

③类似形，由于本身有着更大的差异，所以能形成更为复杂的韵律。

节奏是能够实实在在看到的，有规律的重复和元素的反复运用，而韵律更多的时候只是我们心理上的一种感受，对于美和节奏的高低起伏、自由舒畅的一种感性上的共鸣。韵律所形成的抑扬调子，比节奏具有更多的情感因素。它增加了版式设计的感染力，使画面更具美感。

比例是指画面中各个元素在大小、体积之间以及各元素与总体之间的比例。合适的比例会使画面形成一种均衡、和谐的美感。而分割就是划分总体的平面空间，使各个元素得以安置，从而影响画面总体的比例与形态。从某种意义上来说，这两者本身就是一个完整的版式设计流程。

有了合理的分割，各个元素才有了各种在画面上所占的比例，而在分割画面之前，必定是对画面有了合理的比例对比和安排，才能把画面分成若干个大小、面积相对，而形状、轨迹又相联系的布局。

分割和比例共同造就了画面的重心，好的分割样式能引导观者的阅读视线，使他们能在第一时间关注到画面的主体，同时又不会遗漏画面的其他部分，有序而自然地按照设计好的分割样式进行浏览。这样的画面不仅给人有序的观看感受，更给人一种美的享受。

形式美法则是美的经验总结和抽象概括，是人类经验和智慧的结晶。形式美的基本法则，是视觉构成中的重要课题，是实践任何构成设计都不可回避的审美规律，掌握好它，可以快速而有效地完成设计工作，使版面美观、易于理解和阅读。

相关搜索

• 版式设计
• 设计说明版式
• 网页版式图片

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

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

1.反差

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

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

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

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

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

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

交错

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

韵律

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

均衡

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

调和

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

版式基本原则

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

可读性

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

整体性

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

主题性

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

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

建立合理的视觉流程

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

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

版式构成形式

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

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

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

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

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

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

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

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

版式设计的构成

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

元素构成

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

分割方法

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

组合关系

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

编排原则

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

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

语义编排

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

设计风格

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

综合效果

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

版式设计方法探讨

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

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

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

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

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

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

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

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

文/刘蕤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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