5.6变异与秩序

一、变异与秩序的概念

1.变异

变异是一种在整体效果中的局部突变。其中突变的内容通常是版面中最引人注目的焦点。变异可根据大小、 方向、色彩等方面的变化而产生。

2.秩序

秩序是指版面设计中有组织美的编排，能体现出版式的条理性和科学性。版面的组成元素有很多，其中包含文字的、图形的及线条的，秩序就从这些要素中产生，使版面中的各个元素有规律性地表达，具有井然有序的视觉结构。

变异与秩序可使版面体现岀有秩序、明了感和良好的视觉效果；反之，就会杂乱不堪，造成视觉传达的障碍。

二、变异与秩序的应用

变异与秩序的内涵包含对齐、对称、韵律、均衡、比例及多样统一等。对齐和对称是让设计作品更加有秩序的方法，有助于提高作品的规整性和统一性。熟练而准确地运用变异与秩序的表达形式，可以使画面升华得更加有趣且更具有设计感。

秩序美是版式设计的灵魂，体现出了版面的条理性 和科学性。在秩序美中融入变异的构成原理，可以使版面呈现出一种活泼、灵动的视觉效果。如图所示 的雀巢咖啡广告，作品中融入了均衡与重复的构成方式, 看似均衡的排列中又有细节的变异，使画面不会单调 古板。在有秩序地摆放咖啡杯的同时，汤匙角度渐渐改变，在右下角出现了产品的包装，让人眼前一亮，记忆深刻。

除了传统纸媒，新媒体如网页的版式设计也越来越考究。网页具有自己的特性，包括交互性、技术性、 多媒体性及呈现的媒介尺寸及色彩更丰富等，致使网页版式设计更复杂，更困难，更有挑战性。当然，万变不离其宗，排版依然要遵循平面构成的基本原则，如本节所说到的变异与秩序，这个方式被很好地运用到网 页排版中。下面根据几个比较受年轻人及设计师喜爱的网页版式进行分析。

首先，可以通过对字号、字体、笔画粗细、间距、行距等属性的控制来体现出内容的层次与结构, 图所示的案例就很好地呈现出了这个方式的特点，由色彩和形状的分割很清晰地看到一个大致的排版, 版面有秩序且整体美观，将内容分门别类地区分开来。

Pinterest网页，如下图，引领了瀑布流排版的流行风潮，网站一经推出就受到了诸多业界人士的肯定与好评。该网页采用瀑布的形式展现每一个图片内容，用户无须翻页，只需转动鼠标滚轮不停地往下划，新的图片便会不断自动加载在页面底端依序进行展示。尽管也有文字的描述和评论，但却很巧妙地利用视觉层级，让人第一时间只感觉到图，所以并不会感到视觉疲劳。看似只是一个一个的矩形，但每一部分内容的高度根据内容多少而不确定，使布局发生了一些相对的变异，但整体布局依然具有秩序性。

知识拓展

蒙德里安 子画

蒙德里安是荷兰著名画家，如图所示。他是抽象风格派最核心的人物之一，对后代的建筑与设计等有着深远的影响。他的早期绘画从学院派写实主义起步，受到过印象主义、象征主义、表现主义等风格的影响。蒙德里安从一开始便对形体构成的因素感兴趣，这在其画中可以清楚地反映出来。

早期，蒙德里安画过写实的人物和风景画，后来逐渐把树木的形态简化成水平线与垂直线的纯粹抽 象构成，创造出了秩序与均衡之美。蒙德里安非常崇拜直线美，他认为透过直角可以静观万物内部的安宁。蒙德里安是几何抽象画派的先驱，提倡自己的艺术“新造型主义”，认为艺术应根本地脱离自然的外在 形式，追求人神统一的绝对境界，以表现抽象精神为目的，即如今人们所知的“纯粹抽象”。在经历过写实等表现手法之后，蒙德里安发现了新的个人表现形式，它更接近线与色彩的构成，也就是我们常看到的“格 子画”。这种形式被认为是蒙德里安早期风格的延伸和浓缩。格子画线条抽象，色块的填充和直线交错，简简单单的红、黄、蓝和大大小小 的格子组合在一起，给人以强烈的视觉冲击。 蒙德里安努力探寻比例与分割的关系，设计格子的形状大小和色彩搭配，使之不乏秩序与理性，做到画面的均衡和美感。大量的黄金分割与饱和度的契合使画面达到一种平衡，可以延 伸出无数种变化的美感，如图所示。

渐渐地，蒙德里安强烈地受到了神智学的 影响，在他的作品中常常会出现关于生与死、 沉睡与觉醒、不可见的灵性之类的主题。基本上，蒙德里安同当时的许多艺术家们一样，希望自己的绘画超越时代，通往未来人类的处境, 通向永恒。某次蒙德里安将自己的展览作品印成明信片，却发现自己所用的代表性颜色（红、黄、蓝） 灰度过于相近，在黑白印刷的明信片上看起来不甚美观，便迅速修改了自己的作品，将灰度拉开差异，此事可以体现印刷技术对于艺术家的影响。在此之后，他的几种主色一直保持着灰度的区别。当我们现在提到蒙德里安时，留给大多数人的印象便是他经典的格子画，此后依然有许多人遵循这种秩序之美。

蒙德里安https://v.qq.com/x/page/a0834zl8fkg.html