如何理解和掌握平面设计中的“点线面”的概念?

回复 星标
更多
336138000<336138000> 2023-07-24 18:36 江西 南昌 显示全部楼层

如何理解和掌握平面设计中的“点线面”的概念?

点线面,是几何学的概念,也是平面设计中最重要的构成元素。一个恶搞字母、一个数字可以理解为一个点;一行文字、一行空白可以理解为一条线;一段文字、一块空白,一个色块,则可以理解为面。它们相互依存,相互作用,结合处各种各样的形态,可以构建出千变万化的作品。下面,康石石分别解答点、线、面在平面设计中的概念与应用。

点的概念与应用

一、什么是点

就几何学的意义而言,点是可见的最小单元形式,无所谓方向、大小和形状。

平面设计中的点,由于大小、形态、位置不同,所产生的视觉效果也不同,心理作用也不同

  • 圆形:平稳,饱满的,浑厚有力量。
  • 方形:平稳,端庄,大方感,踏实,可依靠
  • 三角形或菱形:有指向性,在感情上是偏倚的,有目的性。菱形比三角形对称,在平衡中寻求个性
  • 其他不规则图形:显得富有自己的个性,独立,张扬。在规则的图形里非常显眼,往往用于丰富画面

2634600

点在空间的位置也会引起不同的心理反应,悬浮的点与下沉的点所带来的心理感受是截然不同的。

  • 居下:沉淀感、安静而低调,不容易被发现
  • 居上:符合人们视觉阅读顺序
  • 居中:平稳、稳定、集中感强
  • 黄金分割点:更能吸引人注意,版式更具有构图形式感

2634600

因此,在平面设计中要准确运用点的各种特性为设计服务。点的有序构成产生律动的美;自由构成的点通过大小疏密的变化,产生活泼自由的美。

1. 单点

点以不同形式排列,在与空间的互相作用下,产生不同的视觉效果。

下图中,①在视觉里起到了点的作用,以一个单点的形式出现在画面右下角,显得安静而低调。

②画面大量留白,以此与点形成对比,赋予了画面强烈的平静感。

2634600

2. 分散点

运用剪切、分解等基本手法,打破了整体图像对象。形成零散的分散点,能使画面产生独特的视觉效果,而点在分三中也不失整体感。

图片来源:Pinterest

2634600

图片来源:http://huaban.com/pins/251832586/

2634600

3. 密集点

密集点的运用能使视点更集中,达到吸引眼球的目的,有节奏地排列密集点,给人一种视觉均衡感。

图片来源:huaban.com/pins/4123786

2634600

图片来源:http://huaban.com/pins/9450778/

2634600

4. 自由点

自由点的运用更为灵活,其自由地结合表现出随意的散落感,容易使版面显得活泼生动。在平面设计中可以运用自由点协调画面各个元素,让各个元素产生更强烈的联系。

图片来源:http://huaban.com/pins/251832440/

2634600

二、点在平面设计中的运用

1.点的线化

点的线化其实是在点元素自身的张力作用下表现出来的“两点之间形成线段” 的观念,使我们在看到两点之后,总会在心理上产生一种线条的连接感,在平面设计中可以利用这种心理感受来进行创作。

图片来源:http://huaban.com/pins/884976924/

2634600

2. 点的面化

1)独立点的面化

点的面化可以使足够大的点本身形成一个面。如下图所示,足够大的面更能让平面作品产生更强的视觉张力。

图片来源:http://huaban.com/pins/74309950/

2634600

2)密集排列点的面化

点的面化也可以通过多数点密集排列形成一个虚平面。下图通过密集点组成更大面积的点,扩大版式张力的同时,也丰富了版式的层次与组合形式感。

图片来源:http://huaban.com/pins/5728846/

2634600

线的概念与应用

一、什么是线

就几何学的意义而言,几何学所表示的线是没有粗细只有长短方向。

在平面设计中,如果说点是静止的,那么线就是点运动的轨迹。它具有位置、长度、宽度、方向、形状和性格等属性。线还具有丰富的表现形态,有有形与无形,弯曲与笔直,硬边与柔边,实线与虚线,粗线与细线,深线与浅线,不同的线会产生不同的视觉感受。

下图中有细线有粗线,也有向左向右的扩散线。总的来说,线条的分割性能能让平面作品中的元素具有主次清晰的空间感;方向性能让作品具有很强的引导线功能;粗线不同的线条也能使作品给人带来细腻和刚硬的不同感受。

图片来源:http://huaban.com/pins/35324398/

2634600

1. 线的形态

1)细线与粗线

细线具有纤细的形态和柔软的质感,在视觉上给人细腻的感觉。

图片来源:http://huaban.com/pins/4399865/

2634600

粗线拥有比细线更鲜明、更直观的视觉形象,还具有引导视线的功能。

图片来源:img.hb.aicdn.com/98276b

2634600

2)长线和短线

设计者可以利用线条的修长感打造延伸效果。

图片来源:huaban.com/pins/1523944

2634600

短线相比长线更精致细腻。

图片来源:img.hb.aicdn.com/2d39d9

2634600

2. 线的类型

1)直线:垂直、水平、斜线、平行直线、交叉直线、折线等。

  • 平行线:直线平行排列,可以营造作品的整体感,使其达到视觉统一,并赋予运动感
图片来源:huaban.com/go/?

2634600

  • 垂直:容易感受到端庄的视觉氛围,在视觉上加以肯定感
图片来源:img.hb.aicdn.com/a8b4b1

2634600

  • 斜线:斜线在方向上呈现失衡感,给人饱满的视觉活力
图片来源:huaban.com/pins/7432853

2634600

图片来源:huaban.com/pins/7250958

2634600

2)曲线:弧线、漩涡线、封闭式曲线

  • 封闭式曲线:下图中,封闭式圆形弧线结合字体,使得字体更加漂移富有变化。同时也将版式分割出了圆形空间,使作品更加灵活
图片来源:huaban.com/pins/5622336/

2634600

  • 弧线:下图中,上方的弧线让作品更加灵动,曲线延绵的流畅感给人一种向外扩张的延伸效果,左下角小弧线与上方弧线相呼应。

2634600

3)装饰线:各种箭头带符号的线,有形状的线、虚线

结合文字的造型,下面的平面设计作品中使用了虚线和带符号的线,丰富了版面元素,使整体更富有变化与形式美感。

图片来源:huaban.com/pins/1065919

2634600

二、线在平面设计中的运用

1. 线的分割

图片来源:huaban.com/pins/5442809

2634600

2. 线条不同质感的表现

图片来源:huaban.com/pins/7419821

2634600

图片来源:huaban.com/pins/7419826

2634600

面的概念与应用

就几何意义而言,面是线的移动轨迹收尾相接而形成的,具有长度、宽度,却没有厚度。

在平面设计中,面的形态是多种多样的,不同形态的面具有不同的情感。同时,也具有分割的功能和作用。设计构成的面除了包含几何意义的面,根据面的结构特点,还包括有机面、自然面和偶然面。

1. 几何面

  • 直线形面:如直线般规整、硬朗,使人联想到男性,给人安定与秩序感
  • 曲线形面:如曲线般造型柔软,容易联想到女性,给人轻松与灵动感
  • 直线与曲线结合面:如装饰线,造型多变活泼

在平面设计中,几何面能起到协调与融合其他元素的作用。下图在平面设计排版中,综合运用了几何面,使版式富有变化,却又显得不会太凌乱。

图片来源:img.hb.aicdn.com/3fba43

2634600

2. 有机面

指自然形成或人工合成的物体形态,如植物、动物、机械等,具有强烈的象征意义和代表性。在平面设计中运用有机面,使作品更加形象具体,突出版式的主题。

图片来源:huaban.com/go/?

2634600

3. 自由形体面

通过对图像要素自由排列或者手绘方式,以不同的外观形成不同规则的面,给人以生动、灵活的感受。

图片来源:huaban.com/go/?

2634600

4. 偶然面

通过自然或人为偶然形成的面,如通过喷洒、腐蚀、融化、喷溅等手段,便可以形成偶然的面,在结构上有不可复制的意外感,还具有一定的美感。

图片来源:img.hb.aicdn.com/b13cc1

2634600

最后,康石石提醒大家,平面设计,不是规定出一种版式格式,放上字体,摆上图片就可以完成的,还需要使设计作品达到对比与统一,突出主题,并体现艺术性与功能性。

以上望有帮助,欢迎交流

——————————————————————

2634600

此帖已被锁定,无法回复
新窗口打开 关闭