平面设计师，要提高自己的版式设计水平，首先需要掌握一定的核心理论知识，让自己具备解构优秀版式设计的能力，你便能从优秀的设计作品中吸取到有用知识。长此以往，便能得到一个正向的进步提升！

　　以下回答，就主要为大家分享平面版式设计的最核心基础理论，希望对大家有所帮助。观点内容，可能不甚完美，不足之处，大家指正批评。

　　如果把平面设计创作，比作是交响乐演奏，那么版式设计就像是指挥家，指挥家引领着乐团的所有音乐家们完成一个共同的艺术目标。而版式设计则协调着所有版面视效元素的逻辑层次、感官对比、外观样式，以完成一个共同的设计目标！

　　因此，在做版式设计时，我们可以先把拿到的文案，以及图像素材，梳理一下主次关系后，编排进版面中，形成一个大致的平衡构图后，再来精细化调整各区域元素的外观样式。最后，再针对整个版面进行润色修饰，达到最后的平衡协调。整个过程，就是「总→分→总」的一个制作思路。

　　所有的视效元素分布在整个版面，就像是分步在天平两端的重量一样，当整幅版面左右、上下、或者对角的量感，看上去大致相等时，我们就可以说这个版面是处于平衡的。注意这里说的是大致相等，而不是绝对相等，因为好的版面设计中，往往需要一些对比变化。

　　最简单的平衡，就是一个元素处于版面正中央（图1）。当这个元素，在版面中的位置发生偏移，挪到左上角，此时这个版面就失去了平衡（图2）。

　　如果我们在图2右下角，加入一个新的视效元素，就可以很轻松的纠正这种不协调的版面状态（图3）。我们在实际创作过程中，在版面中加入一些装饰线条、或图形，它们所起到的作用便是如此。

　　当版面出现多个视效元素时，版式设计的平衡理论正好能大展身手！比如图4，代表了我们设计师，做版面设计时，所面临的绝大部分场景。带编排的视效元素不止一个，而且元素的色彩、形状、大小都各不相同，初始状态千奇百怪，混成一团！

　　图4整个版面的初始状态，自然是不平衡的，也不协调。如果我们，调整各元素的尺寸大小，重新给它们分配版面所处位置，是很容易达到一个平衡状态的（图5），最后在统一各元素的色彩，就能达到一个平衡且协调的状态（图6）。

　　看到这里，可能有设计师朋友觉得@酷coo豆是在瞎JB扯淡，其实不然。我赶紧现场打开PS，依据图6的版式设计，来复现一个真实案例！

　　我们将图6版面中的图形元素，都换做真实的商品图片或文案，并依据产品做适当的调整，便可以衍生出一个真实的商业版式设计（见图7），将其作为网页宣传，或是灯箱海报，这都还算一个合格的版式设计。

　　版式设计第一步，就是要顾全大局，先把版面做平衡，然后针对局部细节做精细调整，再把版面做协调。要把版面做平衡，主要考虑的就是元素尺寸大小，逻辑层次、以及位置摆放。要把版面做协调，主要考虑的就是处理元素间的色彩搭配、字体的样式选择、图像的风格取向、以及装饰图形的机理与质感等。

　　版式平衡主要有3种形式，分别是：对称平衡，非对称平衡和整体平衡。在做版式设计时，你可以有意识的去利用这些平衡构图方法，来打造你的版式设计。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　然后调整主体中4个字和素材之前的交叉和重叠，细节调整后，我尝试了2个配色方案，一种是利用主体素材的颜色进行搭配，平静和谐；另外一种是红蓝配色，直观强烈。

　　企业官网最重要的就是首屏设计，因为这第一屏决定了用户第一眼对你的整体印象，对你的业务认知。所以，以业务为导向的企业，第一屏就要把自身最核心的品牌LOGO、产品文案或Slogan、以及行动入口/按钮，给介绍清楚。

　　通常，首屏的元素，都可以划分为最经典的3个区域。1是导航区（有LOGO）、2是文案区、3是行动区，然后辅以背景图来吸引用户注意力。我们只需将这些元素采用从上到下的居中布局，接着用字号大小、亲密关即可拉开文案的主次对比。类似这样的布局：

　　比如，这个UI设计协同软件——Pixso的官网，就同样采用了这种居中结构，可以非常容易的达到版式平衡的视觉效果。同时，这个首屏背景用了流体渐变来丰富形式感，并配上软件图片做阐述说明。

　　△另外，值得一提的是，前两天@酷coo豆去体验了一下这个Pixso软件，其用来制作UI设计是真的非常轻巧方便，你只需输入官网网址：pixso.design，然后【点击立即体验】即可使用。

　　同样的，设计企业画册封面也是一个道理。拿到一本画册，映入眼帘的就是封面了，其最关键的文案信息就是公司名称、Logo、书刊标题、辅助文字，我们只需通过简单的大小对比、以及对齐，就可以使得画面的文案信息具有丰富的层次，让人第一眼就能get关键信息。

　　私以为，画册的设计，其实是最考验设计师排版功底的，要提高版式设计能力，平时可以多看看别人的优秀案例。比如，云展网——一个在线电子画册制作平台。在【模板中心】就有各种画册模板，这都是我们学习版式设计的绝佳教材。

　　这个平台不仅仅提供各种精美画册模板，它还支持在线做画册，企业画册、期刊杂志、纪念相册、设计师作品集，统统都能做。

　　有两种创作方式：一种是直接用熟悉的软件排版编辑成文档（PDF/Word/PPT都可以）或图片形式，再导入到平台去，做出来就是仿真翻页电子画册啦；

　　用这个平台做出来的电子画册可自动生成对应链接/二维码，随时分享查阅，很方便，还可以把它嵌入官网、公众号去，方便传播。哦对了，除了在线展示，它还可以导出PDF，导出后就能印刷成纸质版的啦。

　　看到这，你以为它就是一本普通的电子画册？其实不是，它的功能多着呢，统计阅读数据、即时更新，链接不变、控制阅读权限（可以设置密码或指定某些人才能看），添加专属品牌设置（如LOGO、背景、个性化域名等）、私有化部署····这些统统都支持！！

　　同样的曲目，在不同的指挥家手中，能够演绎出不一样的艺术效果。平面设计也一样，同样的设计目标，在不同版式（或素材）的演绎下，能够带来不同的体验，见下图。

　　所以，我们在做版式设计时，可以尝试变换主辅标题的字体样式、以及不同的主辅图像/图形的元素、色彩搭配，以多维度的方式，来实现最终的设计目的。

　　最后总结一下，我们在进行版面设计时候，要注意从这几个方面去不断调整和检查，同样当你看到一张海报的时候不知道怎么去思考和分析，也可以从这几个方面入手：

　　4.细节是否丰富?是否有趣? 细节考验着设计师的情怀。（字体、色彩、光影等）

　　5.中国风海报怎么做？试试这些方法，效果线.平面版式设计流程，及其节点知识！

　　站长，希望通过分享一些平面设计的行业基础知识，能为零基础同学理清学习思路，让自学有路可循，成长更加高效。>