解析平面构成

作者: 夏天的米茶 | 来源:发表于2017-04-17 23:34 被阅读0次

解析平面构成
平面构成
平面构成
平面构成
设计基础三大构成
构成
年薪100万UI设计师！需看设计书籍之3大构成！
平面设计的版面构成解析
平面设计的三大构成基础，平面设计三大构成要素
平面构成-手绘

前言

平面构成对设计师来说，是必备的技能。特别是对于非科班的设计师来说，没有理论的支持，刚开始设计是比较迷茫的，别人甚至会怀疑你会不会设计。那就让我们好好整理学习下平面构成，也为设计打下坚实的基础。

今天我从下几点开始这篇文章：

1. 平面构成的概念及概述

2.平面构成的分类及特点

3.平面构成设计的元素

4.平面构成中基本形与骨格

5.面构成的形象

6.平面构成的形式

关于4大排版原则

首先，学设计经常听到的4大排版原则：亲密性、对齐、对比、重复。之前光听听就觉得好厉害的样子，现在再让我们回顾下黄金4大排版原则。

【亲密性】

含义：将相关项组织在一起。在一个页面上，位置接近就意味存在着关联。因此相关的项应当靠近，归组在一起。

作用：分组；留白。

方法：

1) 如果页面太过拥挤，那就适当缩小字号后再将段落拉开，然后通过添加编号或者通过首字增大将区分得更明显；

2) 当条目比较多时，将内容分栏或者列表；

3) 通过设置相同的颜色，观众可以自然而然地从首字读到后面的句子。

【对齐】

含义：每个元素都应当与页面上的另一个元素有某种视觉联系。

原则：a一般情况下，页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本，一定要让这些文本以某种方式对齐！

b 如果设计中的对齐很明确，那么可以有意识打破对齐，但一定要表现出这是有意的。

方法：找准一条明确的对齐线，并用它来对齐。

分类：

1) 右对齐/左对齐：充分利用亲密性，并结合明确的右对齐或左对齐。

2) 居中对齐

a) 文本居中，文本块不居中；

b) 将文本放在页面上方，增加紧张性；

c) 在居中布局中设置一种非常随意、有趣的字体。

其他对齐

a) 文本行水平摆放，则按其基线对齐；

b) 如有图片元素，将其边界与页面边界对齐；

c) 与版心线对齐；

d) 元素之间对齐。元素之间是通过“看不见的线”实现对齐的，这些对齐参考线可以是直线或规则的曲线；

e) 对齐到网格。

【对比】

含义：如果页面上的元素不相同，那就干脆让它们截然不同，以吸引读者眼球。

方法：首先划分层次，多打几个回车将统一层次的要点分成多个并列的条目，然后使用不同的字号区分层次，最后使用点、线、面等修饰元素突出重点。

分类：

1) 文字的对比

a) 字号对比。在字号的对比上不必保守，大胆使用强烈的字号变化效果往往更好。

b) 反白。反白是使用底部色块修饰文字。色块能够强烈地增大文字的视觉比重，效果非常明显。矩形色块很常见，但太平稳，而使用贴布条等图形元素来替代会更有新意。

c) 方向对比：

·向右上倾斜的字体产生一种前进的力量，向右下倾斜则相反；

·水平文字与瘦高文本列的对比；

·不要在角落里放有角度的字体。

2) 图片的对比：局部放大、背景黑白、虚化、局部遮盖。

【重复】

让视觉要素在整个作品中重复，能够实现整个PPT风格的统一，包括统一颜色方案、字体字号、文本行距、项目符号、图表风格、对齐方式、图片风格，或者一种特别的字体。

【排版的过程】

1. 亲密性。将信息按逻辑进行分组，确定这些组之间的关系，并通过组之间的亲密性来显示这些关系。

2. 对齐。在页面上组织文本和图片时，要建立并维护明确的对齐。

3. 对比。除非你已经决定要建立一个非常协调的设计，否则就应该建立强烈对比，吸引读者的视线。

4. 重复。为建立重复，可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复，再看看是否适合加大重复力度。

一、平面构成的概念及概述

这里我们从3个方向开始讲解:

1 构成

2 平面构成的概念

3 平面构成的发展

构成

将形态要素或各种各样的形态和材料作为素材，按照视觉化的力学和精神力学的循序进行组合排列。组合的过程就是构成的过程，不断分解并加以不断组合排列，就会产生诸多的构成形式。

平面构成的概念

将不同的基本形单元，按照一定的规则在平面上组合成一个全新的图案，在二维空间中确定图与图之间的界限，传达美的形象。平面构成一般只采用黑白两色，目的是为了便于研究和表现形态自身的情感力量。

平面构成的发展

现代设计是在20世纪20年代中期进入成熟阶段的，它的标志就是包豪斯学院派的成立。包豪斯（Bauhaus）——由格罗佩斯创办的一所设计学府,它所强调的是设计第一，功能第二，同时注意新材料、新技术应用于设计，抛弃传统限制，认为艺术应与技术统一。

二、平面构成的分类及特点

1.分类

a 自然形态的构成

b 抽象形态的构成

c 纯形态的构成

2. 特点

a 它以直觉为基础强调客观现实的构成规律。

b 它强调高度自觉的理性活动，通过集中、突出的艺术概括来表现鲜明的个性，是一种自觉的，有意识的再创造的过程。

三、平面构成设计的元素

概念元素：是在头脑里存在的点、线、面、体。

视觉元素：是将概念元素体现在实际设计中，包括大小、形状、色彩、肌理等。

关系元素：是把视觉元素在画面上进行组织、排列，是形成一个画面的依据完成视觉传达的目的。包括方向、位置、空间、重心等。

实用元素：是指设计所表达的内容、目的和功能。

四、平面构成中基本形与骨格

基本形：设计由一组重复的或彼此有关联的“形”构成，这些形称之为基本形。基本形由一组相同或相似的形象组成，在构成内部起到统一的作用。基本形设计以简为宜。

基本形的各种排列：(也就是图形的排列，有点像大家熟悉的各类软件的布尔运算见图)

基本形的各种排列

分离，面与面之间互补接触，始终保持若干距离。

相切，面与面在互相靠近的情况下，边缘发生接触。

覆叠，面与面靠近时，由接触更近一步，成为覆叠，有前后之分。

透叠，面与免交叠时，交叠部分产生透明感觉，形象前后之分并不明显。

结合，面与面互相交叠而无前后之分，可以联合成为一个多元化的形象。

减缺，面与面覆叠时，在前面的形象并不画出来，只出现后面的减缺形象。

差叠，面与面交叠部分产生出一个新的形象，其他不交叠的部分消失不见。

重合，(重叠) 面与面完全重叠，成为一个独立的形象。

形的错视(见图)：

形的错视

1.缪勒—莱依尔错视

图中两条线是等长的，由于上下线段两端的箭头方向相反，上线段的箭头占据的空间大，所以上面的线显的较长。

2.垂直线与水平线的错视

大多数人往往把垂直线看的比水平线要长，这是高估的错觉。在水平线长度为8-10mm时，这种错觉最大。

3.对比错视

高个子和矮个子在一起，高的会显的越高，矮的会显的越矮。

4.透视错视

图中的两条线是相等的。看起来下面的要短，是因为透视的错觉。

5.黑白错视

图中黑白线段，由于白线段明度大，具有膨胀的现象，所以看以来比黑线段长。

6.正方形的错视

标准的正方形左右的边看上去大于上下的边。

7.由于图形结构的影响而产生的错视

图中组成三、四、五边形的边长都相等，但由于周长和面积的不同，产生边长的不同。

骨格最大的功用是将形象在空间或框架里作各种不同的编排，使形象有秩序地排列，构成不同的形状与气氛。骨格既起管辖编排形象的作用，也给形象以空间阔窄的功能。

骨格分规律性、非规律性、有作用性和无作用性几类。

有规律性骨格以严谨的数字方式构成精确的骨格线。基本形依骨格排列，具有强烈的秩序感。主要有重复、近似、渐变、发射和特异等构成。

规律性骨格有水平线和垂直线两个主要元素。若将骨格线在其阔窄、方向或线质上加以变化，可以得出各种不同的骨格排列形状。

非规律性骨格没有严谨的骨格线，构成方式自由生动。如密集、渐变、近似构成。

五、面构成的形象

形 --> 概念的形（抽象）

--> 现象的形（具象）--> 自然形（有机形、无机形）

--> 人为形（有机形、无机形）

点的形象：细小、简单点的大小、数量、空间及排列的形式方向使构成作品产生不同的心理效应。可形成活跃、轻巧等不同表现效果。

线的形象：宽度窄、长度显著

线的形态有直线和曲线两种，设计线构成，关键在于把握线形态的性格表现。

线的性格：

垂直线：赋予生命力、力度感、伸展感。

水平线：稳定感、平静、呆板。

斜线：运动感、动向、方向感强。

折线：方向变化丰富、易形成空间感。几何曲线：弹力、紧张度强，体现规则美。

自由曲线：自由、潇洒、自如、随意、优美。

细线：精致、挺拔、锐利。

粗线：壮实、敦厚。

线的表达要点：以长短、粗细、疏密、方向、肌理、形状、线形组合的不同来创造线的形象，表现不同线的个性，反映不同的心理效应。

面的形象：

几何形：特点：明快、单纯、规整、秩序。（如书本、电视等）

有机形：特点：生机、膨胀、优美、弹性。（如水滴、鹅卵石）不规则形：自由形、偶然形。具有一定的情态、情趣。

徒手形、意外形等。

体的形象，在平面上是一种幻觉形象，是一种特殊的空间形式。

正负形象，图在前，底子在后为正，反之为负。

面的形态表现通过形与形的组合进行创造。

点、线、面综合构成：在平面构成中，点、线、面是最基本的形态，这种最基本的形态的相互结合与作用形成了点线面的多种表现形式。点、线、面的表现力极强，既可以表现抽象，也可以表现具象，是平面构成的三大要素。

六、平面构成的形式

重复构成

重复是指在一个画面中使用一个形象或两个以上相同的基本形进行平均的、有规律的排列组合。可利用相同重复骨格来进行形象、方向、位置、色彩、大小的重复构成。

重复构成的基本形可采用具象形、抽象形、几何形等组合基本形。

重复的分类：

1，形象的重复，基本形形状一样，可有色彩（黑白灰）、方向的变化。

2，大小重复，大小相同，形状、色彩、方向可找变化。

3，方向的重复。

4，位置的重复。

5，中心的重复。

大小重复，形状的重复

中心的重复

近似构成：

自然界中近似形很多，如某种树的叶子，同种类的小鸟等，他们的造型都有近似的性质。

近似构成是重复构成的轻度变化，是同中求异。是基本形的形象产生局部的变化，但又不失大型相似的特点。

近似构成

特异构成

特异现象是指规律的突破，是各别的要素显得突出而引人注目。特异构成是具有比较性的，夹杂于规律性之中。特异部分不应数量过多，应选择放在画面中比较显著的位置，形成视觉的焦点。打破单调格局，使人惊奇。

特异构成基本采用基本形的特异和骨格线的特异两种类型。无论哪种类型都必须注意特异构成对形状类型的不同要求。

特异构成

特异构成

渐变构成：

渐变现象是日常生活中常有的视觉感受，如近大远小、火车铁轨有宽变窄等。渐变的视觉效果具有强烈的透视感与空间的延伸感。平面构成中的渐变是指基本形或骨格逐渐地、规律性地、循序地无限变化。这种变化是以节奏感强和韵律感好为前提。所以在渐变构成中，基本形或骨格线的变化，其节奏与韵律感的好坏是至关重要的。变化如果太快就会失去连贯性，循序感就会消失；变化如果太慢，则又会产生重复感，缺少空间透视效果。注意：采用具象图形、渐变骨格、几何图形来表现渐变要注意节奏的连续性、循序感。也可利用图地转换。（每一个形象都可以由完整至残缺、由简单至复杂、由具想至抽象、渐变成其他任何形象。）