展示设计作品排版

如何展现版式设计中形式之美呢，我们可以经常看一些美的作品，并分析和学习它们的构成，比如重复、对比、比例、重叠、分散、引导、组合等等，如果你不知道这些构成，只是觉得好看，这是不行的，今天文章中向大家介绍版式设计中的形式美法则以及版式构成样式，这些都是设计的基础，建议设计师掌握它们，并利用这些版式构成做出各种有形式美的好作品。一、版式设计中的形式美法则版式设计中包含了很多的方法和够成规律，（站在巨人的肩头上就是爽）我们可以去理解这些方法和规律从而掌握板式设计灵活应用。这些形式美法则是版式设计的基础，在app界面设计中有些法则经常运用。在banner中的排版方法几乎都是从板式设计方法中延伸出来的。 1、对比与极限对比是比较好理解，可以分为大小对比、形态的对比、色彩的对比、主从的对比、疏密的对比、方向的对比、材质的都比（肌理对比）。极限，我的理解就是在对比中达到一个极限值，这样更能够突出对比所表现出来的视觉冲击。2、协调与统一协调是内在的东西，元素配合得适度或者恰当。是说明他们内在相似的东西和状态。统一是指的个个要素连成一体时所形成的同一性和整体性。 3、比例与均衡比例是部分对部分、部分对整体之间“数”的关系。在比例关系形成一定数值时既成为美的条件。均衡又称为平衡。平衡又分为对称式均衡（稳定、庄重、安全）。非对称式均衡（活泼、新颖、巧妙） 4、反复与律动（韵律）反复，同一类别，同一形态的图形连续不断的出现称之为反复。律动，要素从一定的间隔配列编排时所产生的节奏韵律美感。二、版式构成样式版式设计有很多种的构成方式和方法。这里我列举一下常见的方法。1、全版式文稿或者图片占据整个版面，不大面积留白、不制造臆想的空间，充分的运用这个版面来传达信息。2、标准式常用于书籍、杂志、报刊、寻求个性及变化。可分为中式（竖版）、西式（横版）、古典（传统）、现代（新潮）。3、对角式便于理解和认识的一种版式设计（不稳定感、动感）缺少均衡难以把握。4、定位式文和图各自定位，分为上下、左右、中斜、倒置。 5、坐标式无论是文字、图形还是线条装饰，在编排时均按垂直或者水平方向有规则的出现在版面中，形成类似坐标的格局，称为坐标式。6、重叠式文字和图片等元素之间的全部或者局部重叠。 7、聚集式给人以紧凑联系紧密的感觉。 8、分散式无拘无束的感觉，自然宽松的气氛。 9、导引式利用视线、动势、指示性箭头线条做引导。 10、组合式有明确的模式规则，但不能呆板或者单调。规律中有变化，打破固有模式。11、立体式利用元素营造立体效果 12、自由式没有明显规律，灵活多变，生动自如是其特点。但并不是杂乱、无章的任意堆砌。

一、版式首先我们需要了解的版式。我们平时制作或看到的版式大部分都是由——中心型、中轴型、分割型、倾斜型、骨骼型、满版型为主。↑ 中心型排版，利用视觉中心，突出想要表达的实物——当制作的图片没有太多文字，并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用，体现大气背景可用纯色，体现高端背景可用渐变色。上图为Elysions的作品↑ 中轴型排版、利用轴心对称，使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下，可以使用中轴型排版。中轴型居中对称的版面特点，在突出主体的同事又能给予画面稳定感，并能使整体画面具有一定的冲击力。在做电商活动海报的时候中轴型是很出效果的一种形式↑ 分割型排版，利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的，在观看时能有较好的视觉引导和方向；通过分割出来的体积大小也可以明确当前图片中各部分的主次关系，有较好的对比性，并使整体画面不单调和拥挤。↑ 倾斜型排版，通过主体或整体画面的倾斜编排，使画面拥有极强的律动感，刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果，可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机，当你发现自己的图片过于死板或僵硬时，尝试让画面中某个元素带点倾斜，会有出奇的效果。↑ 骨骼型排版，通过有序的图文排列，使画面严谨统一、具有秩序感——当制作的图片中，文字较多时，通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳，是一种不会出现的错误，但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳，我们也可以应用上图第三张的形式，在规整的排列中加入一些律动强烈的素材。↑ 网页设计（包含电商）中大部分都是骨骼型排版形式↑ 满版型排版，通过大面积的元素来传达最为直观和强烈的视觉刺激，使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体，且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。如第一张：整体满版会让画面有强烈的带入性。如第二张：细节满版能快速明确和展示主体。如第三种：而文字满版通常是以装饰的形式来表达某些文案。二、方法了解了基本的版式，我们再去了解排版中需要注意的几个问题。首先是对版式的选择，你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版，显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了，不同的情况下可以应用不同的版式，而所谓的不同情况大多数时候有这么几种，字少图少、字少图多、字多图少、字多图多，字图一样。其次就是如何应用，版式是一种缥缈的艺术，理论形式固定，但表现形式多样。当你手法纯熟了，怎么摆放都会很好看，而在刚开始练习的阶段，我们还是最好注意好排版中需要严格遵守的一样东西——留白。留白很多大师都讲过，分析过，大部分来说比较宏观，都是跟意境挂钩，我再去说重复的东西就没有意义了，我要说的是几个细碎的留白问题，首先我要否认很多人认为留白就是要做简约风的印象，其实留白无处不在，简约风只是留白更宏观的定义而已……那么怎样去理解和运用留白呢，首先我们要对留白有几个新的认识：第一，文字间距、行距都是留白，而这种距离如果太过统一和拥挤画面就会死板，所以在文段较多的情况下，我们可以适当调节文段的距离来改善画面的效果，也就是加大文字间的留白。如下图：第二，比如某个元素内部又有其他元素，那么这个元素内部区域就需要合理的留白，内部元素不能太满，也不能太偏。如下图：第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受。如下图：第四，除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素，在画面中，那样反而会抢了主体，比如这个下图，其实竹叶也可以表达所需的意思，而且更灵动。第五，装饰元素在做飘散的时不要集中在一个区域，那样会让某个区域留白不够显得拥挤，还会显得图片的感觉小气，飘散的元素我们尽量做的大气一些，挥洒写，弥补周边空旷的同事又能让画面大气。如下图：第六，留白的同时也要去白，去白是一种平衡留白画面的效果，一般来说常用的去白方式是对线去白，即下方有元素而上方很空的时候，给上方增加一个元素来平衡画面；当主体过于渺小导致留白过多时，需要放大主体和调整其它元素来去白。如下图：图1：中心主体太小上下空洞 图2：下方去白，上方空洞 图3：上下去白，画面平稳举例：↑中心元素过小，周边过于空旷↑中心整体放大，主体上下留白过多被弥补，但主体与文案间的留白关系不是很舒服↑拉开文案的行距，使主体与整体文案的空间感相近，弥补文案上下的留白过剩结合留白，我再针对上面提到的不同情况应用不用版式举个简单的例子，当客户给我的方案是字少图少和字少图多的情况下，中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图：图1：中心型 图2：中轴型 图3：满版型↑ 骨骼型↑ 分割型有时候我们也会遇到一张图片中要放很多小图片的情况，而且很多小图片的素材尺寸都是不同的，这里也是很多人经常犯错的地方，大部分人都是随意摆放并配上文字，其实我们可以把每个图片都做在同等大小的形状中显示，既规整又大方，如图：而当素材不太美观和即便排列整齐，整体图片也还是有些拥挤时，我们可以化繁为简，去掉小图展示：综上内容，版式没有绝对的好坏，只有合适不合适；这期我们讲的主要还是围绕简洁的版式，下期我们队复杂的版式再做更深入的理解。（成都千巨）