超全面！值得新手学习收藏的平面设计版式法则大全

我们在常的工中是不是经常遇到以下的情况：

• 段信息或者张图片应该排在页什么位合适？为什么排在这里？
• 左边的设计还是右边的设计更适合个项目？为什么？
• 版面的小元素应该如何控制？什么这样？
• 如何让版面更易读，是不是了多大神的教程还是不懂如何排版？

这样的问题，我们通过实际的案例分析家解读版式的法则，让迅速手掌握版式奥义。

一、内容易读又易懂的是哪一个?

正确的案例：

• 分组分类明确
• 图片和息组确

错误的案例：

• 很难区分格和商信息
• 没有明确分类，很难对比

信息分组

组是版面计上常见的息整理法。将息以定的类方法加以整理，制作视觉上的群组效果，类方法有多种，如种类、颜色、形状、地、身息、编号等等，此外对类可以进行组大组的层组。该如何组依目的而定，不能将不同属性的事物混在一起。

二、哪个版面设计更具有稳定感，更适合商务形象？

正确案例：

• 直线的素和排版
• 格、对齐与适的留白，给人心感

错误的案例：

• 圆形没有心，没有稳定感
• 留白与排版不统一，看来不稳定

稳定感

商务类设计多半诉求真与心感，此时重要的是呈现「稳定感」。日生中，想要稳定的感觉时，见的手法如等距离版、整体重心平衡、尽量置放平坦的图形而非圆形图形等，而在设计上是如此。

也是说，将物体排列齐（网格与齐）调平衡（心与留白）是必要。具体作法是让大小或比例致、留白均等、尽可能配线物体。配了张照片时，在版线上也要配照片以取平衡。不这么做话法呈现稳定印象感。

三、呈现明显对比的更适合音乐现场的是哪张？

确的案例：

• 称版型，强烈比，楚表比后异感
• 对比强烈的颜，清楚表达对比的音乐符号特征

错误的案例:

• 同色系，无法对比差异
• 宣传文字种堆砌，没有显的对比

对比反差

对称是一种常见的设计手法，议中心平均划分出左右区域，分别施以相同设计。想让两种要素有所对比时，样做也非常的有效。此外，对称手法以确样式之美，产生稳定的版型。提高的对比也以有效的营造对比效果。让最暗与最亮的彩亮度反差变大，即产生视差异。另外，使用互补也是个不错的方法。互补指的是上面相应的两个颜，例红和绿、黄和紫、橘和蓝等颜组合。想让设计要素产生对比，活用上述手法是达成目的的捷径。

四、信息更易读的是哪一张？

正确的案例：

• 使用网编排，提高阅读
• 效使用留白，让空间留白不死板

误案例:

• 素过于零散
• 落整齐，缺乏统一感

对齐（网格系统）

设过程中，伤脑筋的作就版型。将文字、LOGO 与插图多设素，设法安排限的版面并不易。网格系统一种效的版型设方法。图的例子就如此，网格系统不只效行版面设，还让画面产秩序感，完易读性高的设计。

五、更方便比较商品信息的是哪一张？

正确的案例:

• 版式稳定统一给人安感
• 从文字到各元素都使用相同颜色规范

误案例:

• 这的版式错落虽然避免了调，却给人散落的觉
• 为了变而标题颜色进行了改变，相同元素缺乏类，反而容易对商

重复（规律）

因担设会过于单调，很易硬去多些多余的变化，例如把照片交错配置，或者改变文字颜色。但商品信息手册这种案例，好用统一的版型处理信息内，让读者安的阅读，让内加规范式。同时使设变化，增加图形、粗细对比、颜色对比方法，使两者都可以兼顾。

六、更具有设计统一感的是哪一张？

正确的案例：

• 用色统一符合设气氛
• 字体计风格统一

错误的案例：

• 设计元素图形杂乱，缺乏统一感
• 颜色过多，缺乏统感

一致性（反复）

一旦决定计方针，就彻底贯彻底。

设计执行开始之前，我们会有这样的问题，如使何种色调?硬的气质好还是柔和的好？男性取向或者是女性取向?这些疑问只要思考题与目标对象就可决定设计方向了。

七、留白运用得当的是哪一张？

正确的案例：

• 大面积的留白，重要元素更醒目
• 巧妙留白，视线引导

错误的案例：

• 硬用元素排列，没有统一感
• 元素排列过于紧密，空间喘息感

留白

把留白作元素来排版留白。

留白是在元素与元素之间担任缓冲的角。版面被塞的太满让人提不观看的兴致，但是的留白也让设计显得空洞。文字量时以整行距或者字距，让文字区域四周充分留白以阅读，同时还以到引人注目的效果。

八、有视觉动线引导的是哪一张？

正确的案例：

• 由大到小，递进关系，迅速对比掌握整信息
• 减少颜色使用，并用醒目颜色突出重点

误案例：

• 并列所有素，无法一眼了解内容结构
• 颜色过多，无法聚集重点

视线引导

赋予素层次感，巧妙引导视线吧。

在计画面中会想法以醒目的要素抓住目标，着再引导视线整体内容上。比如人脸、插图、箭头、数字、标志等等都是视觉焦点。视觉焦点有横向或者直向引导视线的作用，所以一都把重要的素放在这个位置。

在规律中放入规则的要素来破坏规律，会更引人注目，同时暖色系冷色系更有聚焦效果。

虽然视觉焦很便，是不能过多使用会失去焦，运用元素大小、颜色、形状等层变化，巧妙地将视线引导到上去。

九、简练雅致的设计是哪一张?

确的案例 :

• 有比物于，生了强烈左右称
• 信息的分组，画面对称有统一感

错误的案例 :

• 过去靠近中，无法产对称感
• 息组不对称

对称

自界不存在完对称的生物，但是我们人类以感受到，人为的对称，以塑造出稳定感、高级感、传统的印象。但切一定要持对称两的平衡。

十、哪一个是好看美观的设计？

正确的案例：

• 使用黄金比例元素
• 空隙也使用黄金比例

误案例：

• 图片裁剪比例随
• 间距行都毫无设计感

黄金比例

后老常谈的问题，让版面与照片的宽高比都呈黄金比例。矩形的宽比例1:1.618，活周遭比如金字、植、片、盒、书籍也都黄金比例，另外还白银比例，其比例1:1.414。

总结

我们常设版面时常用见的问题就，出无法喘息的空间设，了怕浪费空间把版面填满、缺乏度的留白，往往会让设显得毫无层次。此外，设元素缺乏整体感，也让设杂乱的原因。通过以的版式案例不让版式清晰易懂，一篇手，版式我。

欢迎关注作者的公众号：「融360RUX」

图片素材作者：Studio–JQ