版式设计是指设计人员根据设计主题和视觉需求，在预先设定的有限版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片(图形)及色彩等视觉传达信息要素，进行有组织、有目的的组排列的设计行为与过程。

版式设计的四大原则分别是亲密、对齐、重复、对比。

原则一：亲密

亲密是指控制元素空间秩序、把握元素关系。

在这一方面我们要注意以下要素：

①避免一个页面有太多元素；

②不要在元素之间留相同的空白；

③标题、子标题、图表标题、图片要归入其材料；

④不同属一组的元素之间不要建立关系；

⑤不要仅仅因为有空白就把元素放在角落或中央。

原则二：对齐

对齐是指视觉逻辑秩序、要素统一整理。

①尽量只使用一种对齐方式；

②着力避免居中对齐（有意向的选择）；

③在打破规则之前必需清楚什么是规则；

④元素画线。

原则三：对比

对比是指控制画面节奏、制造画面焦点。

①如果你要形成对比，就加大力度；

②不要将一种粗线与更粗的线进行对比;

③避免使用两种或多种类似的元素。

原则四：重复

重复是指统一、增强视觉效果。

①图像元素的重复(强调主体，塑造出层次感)；

②文案编排形式的重复(条理性、统一性）;

③图文结合编排形式的重复(条理性、统一性）。

版式设计是什么？

版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。从表面上看，排版是一门学问，其实，版式不仅仅是一种技能，更是一种技术和艺术的高度统一，版式设计是现代设计师必备的基本功之一。通常版式设计就是信息的排版，根据画面空间运用版式设计四大原则：对齐原则，对比原则，亲密性原则，重复原则去处理信息。

版式设计的应用范围，分别涉及到报纸、刊物、书籍（画册）、产品样本、挂历、展架、海报、易拉宝、招贴画、唱片封套和网页页面等平面设计各个领域。

：学设计、学软件，就来！软件入门，设计掌握，专业老师、详细教程~

那么，你知道版式设计的基本法则有哪些吗？我想应该不少朋友们都是一脸懵懂的！其实，版式基本法则就有以下这些：

1、尺寸对比。尺寸关系是造形要素中最为重要的关系，几乎决定了意象与调和的关系。尺寸差异很小，给人的感觉比较柔和，大小差异较大，给人的感觉比较鲜明，而且有强烈的感觉。

2、明暗对比。正与阳、正与反、日与夜等，就像这类对比语句，能让人感受到日常生活中的明暗关系。初生婴儿，起初在视觉上只能区分明暗，而牛、狗等动物虽然能简单地辨别黑白，但是，对彩度或色相却无法轻易地识别，这就说明了，明暗和白白是色感中最基本的要素。

3、粗细对比。字越粗，越有男子气概。如果表示时尚和女性，一般用细字表示。如果份量增加，粗字就应该减少，这样的搭配看起来更明快。

4、线与直线的对比。弧形很富有柔顺的感觉，平缓的感觉；直线较强，锐利，非常有男子气概。大自然，都是由这两种适当的混合而成。在日常生活中，我们并不注意这种关系，然而，当一条曲线或直线强调一种形状时，我们就会有深刻的印象，产生相应的情感。因此，为了加深曲线印象，我们就用几条直线来强调，或者说几条直线会使曲线更加引人注目。

5、纹理对比。“质感”一词，在一般人的日常生活中，可能很少听到，但在艺术上，纹理却是非常重要的造形要素。如松弛感、平滑感、湿润感等，都可以用来描述肌理。因此，情感不仅仅表现了情感，更与这种情感相融合。

在观察画家的作品等时，我们往往会注意到其色彩与图案的构成，事实上，质感是决定作品风格的主要因素，尽管色彩或对象物会发生变化，但作为基础的质感，是与一位画家之间不可更改的关系。如果一个普通人很容易忽略这一点，其实，这是最重要的基本因素，也是对情感的最强影响。

6、位置对比。将某种物体放在画面的两边，不仅可以强调，而且还能形成对比。上下、左右及对角线上的四隅均有潜力点，而在此力点处配置照片、大标题或标记、记号等，则可显示隐藏力。这样，在一个潜在的对立面位置，放置独特的造形元素，就能显出反差关系，并产生紧凑的画面。

7、主和从的对比。排版也和舞台设计一样，当主角与配角的关系明晰，观众的心理就会稳定下来。明示主从的手法是很正统的构成方法，会让人产生安心感。若二者关系模糊，会使人无所适从，反之亦然，主角失去动感，变成庸俗画面。

剧中的主角，大家一看就知道了。如果版面上也能将其呈现出来，将使读者更了解内容。因此拥有主从关系是设计配置的基本条件。

8、动静相对照。小说的开头总是有开头、结尾、转变。一院一院，还有假山、水池、草木、瀑布等配合。在设计配置中也同样有激烈动态和静音部分。散射或流动的形状就是“移动”。横向或垂直强化的形状是“静力”。将两个部分的相对位置配置成一个相对位置，并以活动部分占据较大的面积。

"静音"部分占小面积，并在周围留出适当的留白来强调其独立性。这种排列，一般用于配置画面四边形的焦点。所以，“静”部分，虽然只占一小部分，却有着强烈的生存感。

9、多种对比。比较也有曲线与直线、垂直与水平、锐角与钝角等各种不同之处。若将上述的各种对比与这些元素结合在一起，就能做出富有变化的画面。

10、起和接受。布局空间是由各作用力之间的关系，产生动力，进而支配空间。形成一个动态的形状，并接受另一种形态，相互配合，让空间变得更加生动。

在建造假山庭园时，非常重视流水的出口，因为流水的出口是一个动态的起点，整个园子都将受到影响。在版式构成方面，原则上也一样，起始点和接点会互相呼应、协调。两个相距越大，效果越明显，并且可以利用画面的两端，但起点和接点要特别注意平衡，要有适当的强弱变化才好，如果一方太弱，就不能引起共鸣。

11、版面率。在设计用纸上，本文所使用的排版面积称为版面，而版面和整页面积的比例称为版面率。空白的多寡对版面的印象，有决定性的影响。如果空白部份加多，就会使格调提高，且稳定版面；空白较少，就会使人产生活泼的感觉。若设计信息量很丰富的杂志版面时，采用较多的空白，显然就不适合。

其实在版式设计上，我们通常都会认定为排版十分简单，不需要很注重，但是正相反，一个设计作品是否能够让人一眼就看到通俗易懂，版式占据很大的作用！所以大家在版式上的设计一定得留心好~

色块叠压法色块叠压法，顾名思义就是改变色块的摆放方式，可以分为两类：第一类是：色块与色块之前的叠压；通过色块与色块之间的非常规摆放形式，打破原本常规的版式结构，增强其形式感、活跃度，下面我们举个例子：通过上下对比，我们不难发现，下侧画面整体版式结构更跳跃，直白的说就是不死板，而且形式感更强，给人的感觉也更舒服、有趣味性；而上侧画面的整体感受并不是说不合理，只不过相对比而言，这种种结构形式很常见，版式结构变化性不高，形式感和设计感也稍有欠缺，那么造成这种现象的原因是什么呢？1、顶部LOGO区域因采用了色块叠压的手法且故意将LOGO处的色块放大，使其超出导航栏的固定范围，在视觉感受本身来说就已经形成了很强烈的形式感，打破了原本色块区域分明的布局，因此，版式的跳跃性也更加强烈~2、时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系，且合理的将海报、时间说明、以及下半部分三个不同模块连接为一个整体，在提升版式活跃度的同时也增强了视觉的整体性！色块叠压的形式在很多优秀作品中也是很常见的，这种手法对于版式结构的重组、改变也是最直观的一种，比如：通过色块之间的相互叠压，形成了很好打破常规的效果，使得页面版式的跳跃性更强！第二类：色块与主体的叠压方式，通过色块与主体物或者产品之间的相互叠压作用，营造出非常规的设计形式，从而提升版式整体的灵活度以及设计感，举个例子：这里运用的就是将主体物与色块之间相互叠压的手法，形成了一定的前后关系，而且这里主体处色块最大作用还是打破常规的版面形式，目的是在视觉上给人以更加新颖、更具形式感的感受，且虽然做了结构上的改变，但并没有影响到主体信息的传达；切记，不能一味的追求非常规而忽略了设计本质问题，一定要合理运用！局部放大法当作品版式不够活跃的时候，我们可以尝试刻意改变某处的局部信息，将其放大，提升视觉变化的对比性，因为放大的元素其本身就具有很强烈的视觉冲击力以及装饰性，比如大号字体、数字、图形等等，所以局部放大的手法在页面版式设计中也是很常用的一种表达形式，比如：将主体的某一处细节或者某一局部放大处理，与原本偏常规布局形成了鲜明的对比关系，在页面整体而言也起到了很好的打破版式关系，试想一下：当用户前面一直在浏览比较常规的布局结构时，突然有1-2处这样非常规的处理模块，会很大程度上提升页面对于用户视觉的冲击力，，给用户留下更深刻的印象；同时也使得作品整体的版面结构更加富有跳跃性！还有另外一种局部放大形式，即在放大的基础上故意按照非常规的形式摆放，往往也能起到很好的打破版面布局的作用，只不过这种形式在使用时相对不好把握，比如：类似案例中所展示的一样，通过产品非常规的局部放大以及摆放形式，画面给人的感受更加大气，视觉冲击力更强烈，同时版式的跳跃性也更强；只不过这种形式在运用时要注意：页面整体中最多出现1-2次即可，用于活跃版式、提升设计感，一点出现次数过多，很容易形成杂乱的现象；之所以叫做非常规是因为有常规方式加以衬托、辅助，所以才会在视觉上形成反差！使用非常规形状既然是为了提升版面的活跃度，那么版面中所有的元素都可以是尝试改变的元素，比如常用到的按钮，再或者线条等等；使用非常规的形状、图形也是方式之一，比如最简单的：说到矩形，很多人都会想到常规形式，而也有一部分设计师会联想到非常规形式1，少数人会想到2和3的形式，这四类并没有设计上的好坏之分，而是当我们习惯了常规形式的色块之后，也可以尝试一下其他形式，也是会有意想不到的结果！比如非常规形式2的运用：相比平时看到的矩形排列方式，这一作品则给人很新颖的感觉，原本平面的作品，因为色块形状的改变使得整体有了很强烈的纵深感，版面的跳跃性很强烈，这样的版式还会有人说死板、常规吗？非常规形状3的使用可以参考下面这个案例：在原本页面中完全统一的形状图形中变幻其中一处的形式，对于页面整体跳跃性的提升还是一目了然的，原因在于：此处矩形的形态就属于非常规类型，本身就具有一定的跳跃性、设计感，而用在此页面中又与上下形成了一定的反差对比，所以使得版面整体更加活跃！还有很多非常规的形状，同样也可以尝试，比如：想要版面看似来不古，、就要在页面中的每一个视觉元素上找突破，版式听起来好像一个很大的整体一般，其实一样可以抛开整体，把每一个局部作为突破点，寻找合适的视觉表达形式；当某一种形式已经让大家所熟知甚至成为常识的时候，我们不妨稍作改变，在不影响辨识度以及视觉传达的基础上，做一些形式上的改变，往往可以给与版式更强烈的跳跃性以及设计感！总结版式就像配色一样，很感性，没有完全一成不变的理论；当我们想要提升版面整体跳跃性的时候，我们不妨试试以上方法，也许小小的改变对于整体而言就是完全不同的两种感受，当然，也不能盲目的追求形式感、特殊性，要切记：特殊是通过对比体现出来的，没有对比，就无法形成很好的视觉反差，同时也起不到应有的作用；还是要提醒大家：一个整体非常规的手法用在1-2处即可，太多的话是很难把握的！

转载请注明：片头模版 » 版式设计的原则与基本方法有哪些(版式设计的原则有哪些)