三大构成

精心整理

精心整理

视觉设计基础三大构成

1.平面设计三大构成元素：点，线，面。

2.点的分类（点是相对的）：大与小，实与空，浓与淡，寡与众，实与虚，

图与文，抽象与具象，光滑与粗糙

3.设计准则：视觉的重量和方向

点的视觉重量（重量即为吸引注意力的程度）

鹤立鸡群，万里从中一点红

?在作品中，每一个要素都发挥着它该有的视觉的力量去吸引用户的

眼睛。这个力量越大，它吸引的目光就越多。同时它还作用于其他的视觉

要素，传递出潜在的视觉移动方向的信息，并且告诉观众接下来该看什么。

我们把这个力称作视觉重量;把它感知视觉方向的力称作视觉方向。

6.视觉重量的几个基本特点：尺寸、颜色、色值、位置、纹理、形状和方

向。

（1）尺寸

大要素的视觉重量比小要素的重（大尺寸更加吸引注意力）。

（2）颜色

暖色更倾向于前景，一般都比较突出，同时暖色比冷色更重。冷色则

往背景方向逐渐远去。红色被认为是最重的颜色，黄色则是最轻的颜色。

（3）色值

深色元素的视觉重量比浅色元素重。

精心整理

精心整理

（4）位置

在一个作品中，处于更高位置的要素一般比更低位置的要素重。位于

中心区域或重要区域的元素更重。

（5）纹理

有纹理叠加的要素比没有纹理的要重。纹理让物体呈现三维的效果，

同时给予它质量和视觉重量。

（6）形状

规则的物体比不规则的物体要重，因为不规则的物体就像是规则的物

体被切掉一部分后得到的。

（7）方向

垂直方向的物体比水平方向的物体重，但最重的是倾斜的物体。

（8）密度

填充更多的元素到空间中，去增加空间的视觉重量。观者将会感受到

更复杂的的组合要素，而非更简单的要素。（密比稀重）

（9）白色空间

纯白的空间看上去没有视觉重量，因为它太空了。任何一个在空白中

的物体似乎都更重了，原因是周围的空间都包围着它。

（10）本身的兴趣

有些事比其他的事物更有趣，更复杂的元素就更有趣，也能吸引更多

的眼球。本身的兴趣也扮演了一个角色，如果在飞机和汽车中更喜欢汽车

的话，那汽车的图片就会更吸引注意力。

（11）深度

精心整理

精心整理

较大的景深给了焦点元素更多的视觉重量（常见表现手法：渐变），

原因是焦距和未焦距区域的对比度

（12）饱和度

饱和度高的颜色比饱和度低的颜色更重

（13）感知物理重量

对比的元素会更加吸引眼球，与周围环境对比的要素将会比他周围的

环境更重。尽管大的元素比小的元素要重，一个小的黑色圆圈周围是大量

的白色空间并且在页面顶部，他比一个大的不规则的冷色的在页面底部的

物体要重。

7.视觉重量设计原则

（1）图形背景

视觉重量可以通过给予图形更多的负重去把背景和图形元素区分开

来。

（2）距离：元素间的空间导致了不同数量的局部空白和物体内部空间

的不同密度

（3）相似和对比

可以用视觉重量去表示它们，有对比的元素会带来巨大的反差和视觉

重量，类似的元素很自然的就会表现出相似性。

（4）焦点

点元素组成的焦点并且会特别有吸引力，它的视觉重量比其他元素都重

（增加质感）

（5）曾经的体验

精心整理

精心整理

浏览者过去的体验会很影响他们认为的当前网页中最吸引眼球的元

素。

（6）视觉方向

视觉方向是对视觉力量的感知。视觉重量是想让观众注意到作品中的

某一部分。

（7）元素的形状

一个元素的形状可以创造一个坐标轴，并且这个坐标轴会提供一个视觉

方向。基本轴通常都是平行方向的视觉元素

（8）元素的位置

（9）特定元素

一个箭头、一个手的指向或者一个眼睛的凝视都暗示了一个具体的方向。

8.作品的总体方向（视觉元素越出众越能吸引眼球）

（1）水平方向会让作品表现出冷静和稳定的感觉

（2）垂直方向会让作品表现出危险、形式感和平衡感

9.线的视觉效应：横线有延伸感；竖线垂直感；斜线灵动感；曲线优美

感

10.两根同样长的直线，视觉上竖线要比横线长；线以一定程度汇集于

是就形成了面

11.线是点到点的轨迹链接；线的分类：直线，曲线，折现，虚线；线

在垂直时候会显得比较长；若干线条编织起来可以形成面；线的粗细变化

也可以形成面的感觉；文字也可以形成线

12.设计中的形按照形成方法可以分为几何形，有机形和偶发形；几何

形是可以用数学方法定义的图形，有机形是可以重复和再现的自由形，是

精心整理

精心整理

几何形的抽象。偶发形不管用何种方法，每次产生的结果都不一样，比如

泼溅，吹原料产生的形态。

17.正负形：

正负形的由来当注视杯子的时候,这就是图形,黑色的部

分就成了背景;但当注视2个头影时,那也成为了图形,而白色的部分就成了

背景。平面正负形是一种艺术图案，它可以给人以幻觉，使人产生两种感

觉，这就是平面正负形的魅力。

18.认识正负形(图与底)

将形体本身称为正形，也称为图；将其周围的“空白”（纯粹的空间）

称为负形，也称为底。

19.在平面空间中，正形与负形是靠彼此界定的，同时又相互作用。正形

是积极向前的，而负形则是消极后退的，一副好的作品，负形也起着至关

重要的作用，如负形的过碎与流动性都会削弱正形的完整性与力度。画面

中出现的任何元素都是一个整体。当正形与负形相互借用，图形的边线隐

含着两种各自不同的明确含义，我们成为边线共用。

点在设计中的运用

1.点在设计中起到增强动感，辅助，强调重点等作用

精心整理

精心整理

2.点线聚集组成面。点的均匀分布形成机理，是画面质感的另一表现手

法。

3.抽离表现手法：

4.点在设计中的运用：渲染气氛提升画面感;为画面增加细节和丰富感；

使用特殊材质来体现点的感觉；事物的衍变过程（渐变）；把特定元

素作为点来使用。

线在设计中的运用

1.线有增强动感，分隔图文信息，方向引导等作用；体现强烈的动感（放

射状）

2.把特定元素进行划分或锁定

3.充当特殊的画面花纹

4.组成面使用

5.增强动感(斜线具有灵动感)

精心整理

精心整理

6.强烈的方向指引感

面在设计中的运用

1.面在设计中有分隔画面，标识重点，镂空画面等作用

2.分隔画面：（1）让图像与信息得到归类；（2）把重要部分进行镂

空；（3）形成独特风格

3.用面表示出画面的重要部分

4.占据画面大空间，使画面平稳大气

5.放置文字等重要信息

重复与特异

重复与特异：特异是规律的突破，在规律性骨骼和基本形的构成内，

变异其中个别骨骼或基本形的特征，以突破规律的单调感，使其形成

鲜明反差，造成动感，增加趣味，即为特异构成。特异的基本手法：

规律转移；大小的特异；方向的特异；色彩的特异；形态的特异。重

复的技巧：1.制作出第一个基本形，利用复制图层、旋转、反相等制

出基本效果，拼合图层、剪切，形成第一个图形。2.复制出多个图形，

并进行重复排列。3.大胆尝试，想出多种制造方案。

对比手法

1.大小对比（更加关注小的）；疏密对比；肌理对比（比如明暗，

光滑与粗糙）；形状对比（正负形，有机形与几何形）；方向

对比；空间对比。

2.