
1.3.3 构图的设计法则
构图是指画面中的元素的构成方式,一般来说,一个画面中都会有主体,该主体是传达信息的最重要的图形。主体可以是一个,也可以是多个,可以是事物,也可以是场景。主体以何种构图方式出现在画面中是设计的关键所在。下面介绍几种常见的、典型的构图方式。
1.满屏方式
满屏方式是指画面被图形充满,它主要以图像为诉求对象,文字作为辅助对象压屏在任意位置。这种方式的视觉效果比较直观、强烈,是一种比较常见的形式,也常被称作特写表现方式,就是将元素的局部放大以充满屏幕,如图1-17所示。

图 1-17
2.主体居中方式
主体居中方式是一种典型的突出主体的方式,它是将主体放置在画面中间或黄金分割处,以吸引受众的视线。如果主体较大,则会产生较强的视觉冲击力,如图1-18所示。

图 1-18
3.分割方式
分割方式是指构成元素将整个画面分成上下或左右等不同的部分,使用这种方式分割后的画面会有一种比较强的对比感,如地平线、海平面或对立的两个部分等。上下的方式可以构成一种横向式的构图,给人以舒展、安静、含蓄的感觉;左右的方式会形成一种比较稳定的视觉感觉,如图1-19所示。

图 1-19
4.曲线方式
曲线方式的构图是将元素以曲线的形式进行编排所得到的构成结果。该方式是一种比较活泼的构图方式,它有较强的动感,能让画面更有韵味、节奏感和曲线美,该构图大概有S形、O形和C形等方式,使用这种方式也可以进行画面的分割处理,如图1-20所示。

图 1-20
5.散点方式
散点构图是指画面中的要素呈自由分散的编排,这种散状的排列强调感性、自由随机性,也可以强调空间感和动感。这种方式的构图会使受众很难找到视觉的主体,视线只能随这些散状的元素自由随机地移动,不过这种方式会给人比较生动有趣和随意轻松的感觉,如图1-21所示。

图 1-21
6.三角形方式
三角形的构图富于变化,三角形的尖角和直线比圆润的弧线具有更加年轻前卫、动感强烈的特点。同时,三角形是一种最具安全稳定的形态,但是斜三角则会给人动感和不稳定的感觉,如图1-22所示。

图 1-22
7.一角方式
一角方式是三角形构图的一个特殊形式,这是一种比较大胆的方式,它对设计创意的要求比较高。该形式的构图会有大面积的留白,在视觉上开阔放松,而且自然感强,会给人留下想象的空间,如图1-23所示。

图 1-23
8.包围方式
包围方式的构图一般比较有新意,其包围的中心一般是视觉中心,周围的元素有向中心指向的作用,如图1-24所示。

图 1-24