格物者专栏 《100点创新设计方法》系列

点线

Point and line

怎么做：将数个零散的设计点进行关联，最后形成完整的设计。

为什么这么做：一个好的设计一定是整体的，单个的某些元素设计得很突出，而其他设计元素与之没有联系点，会让人觉得设计的不完整。

设计师在设计中要注意统一，包括颜色、细节、造型等等方面的整体性。

本文名为“点线”，却不是常规的一点一线意思，而是一个完整的设计作品是由点线构成的，点线是设计的基础。

设计和其他事情都一样，要做好一定要具有完整性。一个方案，单有一个很炫的初步创意其是不行的，一定要落到实处，设计图的完整性、细致性都要做得好，这个设计才算合格。一个好的设计一定是每一样都做的完整，每一项都经过设计师的深思熟虑，而最终呈现的是一个集科学和设计于一身的艺术。艺术的高低暂且不谈，只有当一个设计师的全面能力非常成熟了，才足以做出一个合格的作品。所以设计师不仅要能做“大”设计，更要能做“小”设计。

有些人认为点线面属于很基础的平面设计的知识，不屑深度的研究；而事实上这样基础的知识才是一个设计作品的灵魂所在，套用网络上流行的一句话：“好看的外表千篇一律，有趣的灵魂万里挑一”，要把点线面的知识恰当的融入到我们的设计作品中，提升整体的设计感，来探讨一下点线面在设计中应该如何运用？

说道点线面就不得不提平面设计中的3大基础构成：平面构成，立体构成，色彩构成。这当中的平面构成就是指的点、线、面。在设计上，按照一定的美学原理，对它们进行合理的分解、组合、重构、变化，进行编排和组合，从而创造出理想的形态的组合形式。

设计中的点可以理解为：在画面整体元素中面积较小且装饰性很强的元素可视为点状元素；

设计中的线可以理解为：画面整体中面积不大且具有一定装饰性、连贯性的元素可视为线状元素；

设计中的面可以理解为：画面整体中面积较大且整体性很强的元素，往往是一个画面的主体，可视为面；

点、线、面在一个作品中往往不是独立存在的，下面详细的对点线面进行分析。

设计中的点

很多细小的形象可以理解为点，它可以是一个圆、一个矩形、一个三角形或其他任意形态。点在本质上是最简洁的形态，是造型的基本元素之一。它具有一定的面积和形状，是视觉设计最小的单位。画面中的点由于大小、形态、位置不同，所产生的视觉及心理效果都是不同的。能不能成为「点」，并不是它本身的大小所决定的，而是由它的大小和周围元素的大小两者之间的比例所决定的。点是力的中心。

点的形状

方形：平稳，端庄，踏实的，可依靠。

圆形：平稳，饱满的，浑厚有力量。

三角形或菱形：有指向性，在感情上是偏倚的，有目的性，菱形比三角形对称，在平衡中寻求个性。

其他不规则的图形：富有个性，独立，张扬，在规则的图形里非常显眼，往往用于丰富画面。

点的空间位置

居下：沉淀感、安静而低调，不容易被发现。

居上：符合人们视觉阅读顺序。

居中：平稳、稳定、集中感强。

黄金分割点：更能吸引人注意，版式更具有构图形式感。

多个点的形态特征

1.分散点：运用剪切、分解等基本手法，打破了整体图像对象，形成零散的分散点，而点在分散中也不失整体感。

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

3.自由点：自由点的运用更为灵活，其自由地结合表现出随意的散落感，使版面更加活泼生动。在版式设计中可以运用自由点协调画面各个元素，让元素之间产生强烈的联系。点少，重在点的形态；点多，重在排列形式。

设计中的线

如果说「点」是静止的，那么「线」就是点的移动轨迹。当点的长度和宽度形成非常悬殊的对比的时候，也能形成线。设计中的线条有引导视觉、串联主题、突出主题、分割整体、修饰、分类的作用；而非几何线条即我们所说的类似点的组合形式或者隐形的线条，其实在设计中同样也能起到上述所说的作用，那么我们应该如何灵活的运用呢？通过线条把原本杂乱的多条信息串联为一个整体，同时也起到了引导用户阅读的作用！同样的道理，如果画面想要分割信息时，一样可以用到线条，切记一句话：需要什么就用什么！

线的特点

从数学上来说，线不具有面积只有形态和位置。

从构成的角度来看，具有长短、宽度的线，随着线的宽度的增加，就会使人感觉到面，但如它周围的都是线的群体，那么宽度较大的线也会认为是粗线。

线的特征

分割性：让作品中的元素具有主次清晰的空间感。

方向性：让作品具有很强的引导线功能。

粗细差异：使作品给人带来细腻和刚硬的不同感受。

线的分类

直线：明快、力量、速度感和紧张感。

曲线：优雅、流动、柔和感和节奏感。

粗线：厚重、醒目、有力，视觉引导效果更直观。

细线：纤细、锐利、微弱，给人细腻感。

长线：修长，具有延伸的版式效果。

短线：果断、精致。

线的类型

1.直线：垂直、水平、斜线、平行直线、交叉直线、折线等。

【平行线】直线平行排列，可以营造版式的整体感，使版面达到视觉统一，并赋予版式运动感。

【垂直】容易感受到端庄的视觉氛围，视觉上加以肯定感。

【斜线】斜线在方向上呈现失衡感，给人饱满的视觉活力，使版式更加平衡。

2.曲线：弧线、漩涡线、封闭式曲线。

【封闭式曲线】封闭式圆形弧线结合字体，使得字体更加漂移富有变化，同时也给版式分割出来了圆形空间，显得更加灵活。

【弧线】弧线让版式更加灵动，曲线延绵的流畅感给版式带来了向外扩张的延伸效果。

【装饰线】各种箭头，带符号的线，有形状的线、虚线。丰富版面元素，使版式的整体更富有变化与形式美感。

线的组合

规则组合：在平面构成中，线为构成要素，若用粗细等同的直线平等设置，按照数学中固定的数列进行构成。这类构成图形在造型上比较能够得到统一、有秩序，但变化较少显得机械性，因而比较单调和缺少感情。

不规则组合：用粗细长短各不相同的线条按某种结构自由的排列。这一类的构成图像，画面较活泼而富有感情(由于画时手法或者笔法不同产生很多偶然的效果)。

规则+不规则组合：按照某种固定的形式进行线的组合，然后加以部分变化，使其产生不同的造型方式，这一类组合能使构成变得丰富而有创意。

设计中的面

面是线移动的轨迹，点的密集或者扩大、线的聚集和闭合，都会生出面。面是构成各种可视形态的最最基本的形。

面的特点

在平面构成中，面是具有长度、宽度和形状的实体，它给人以明确、突出的感觉。各种不同的线闭合，构成了各种不同形状性质的面。

面与点、线相比的基本特征就是所占据的空间面积比较大，通常来说，对于点、线、面的确定，主要是依据具体形态在整体空间中所发挥的作用。

面的形态分类与应用

几何形的面：表现规则、平稳、较为理性的视觉效果。几何形的面又分为直线型、圆形、曲线形、三角形。

①直线型：具有直线所表现的心理特征，有安定、秩序感、稳定、僵硬、直板的特征。使人联想到男性，给人安定与秩序感。

②圆形：圆是最经典的中心对称图形，也是最平衡的曲线形，圆具有向心集中和流动等视觉特征，是完整圆满的象征。

③曲线形：具有柔软、轻松、饱满的象征，容易联想到女性，给人轻松与灵动感。

④三角形：平放的时候具有稳定感，倒置的时候会产生极不安定的紧张感，三角形还容易产生出强烈的方向感。

有机形的面：是柔和、自然、抽象的形态。不能通过数学的方式求得，是自然法则的表现。不同外形的物体以面的形式出现以后，会给人更为生动、厚实的视觉效果。是自然的流露，具有淳朴和充满生命力的情感象征。

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

人造的面：有较为理性的人文特点。它是人为创造的自由构成形，可以随意运用各种自由的线来构成形态。具有很强的造型特征和个性表现，给人随意、亲切的感性特征。

设计中的面很多时候都是主体的载体，因为面较于点、线而言，其面积更大，更加稳重；而设计中面的形式也可以有很多种，比如：几何的面、文字、规则与不规则的形状等等，而面在设计中的作用很多时候都充当着主角。

设计中点线面并不是独立存在的，它们之间互有关联，我们在使用这些技巧时一定要明白为什么使用，它能给作品带来哪些好处；工作中要先学会分析自己的作品，找到其不足之处，对症下药，不能为了使用而使用，一定是因为需要才使用，学会灵活运用所谓的技巧！

专栏作家

许方雷

格物者创始人

“格物”精神倡导者，推究事物原理

近年来，探索“创业”与“创意”，文化与商业融合。设计作品多次获得日本、中国大陆及中国台湾等国内外设计奖项。作为中国设计平台联盟发起人之一，致力于推动中国原创设计产业，专注“工业设计”。

《100点创新设计方法》，是格物者通过案例总结和方法归纳，总结出的100个设计小方法，新华出版社出版，是一本方便携带的口袋书，让你在路上，在闲暇时，利用琐碎的时间来品味的方法创意书籍，可以直接应用到你的创意工作中，随意翻开一页，都是一个方法，让你俘获灵感，100点创意妙招，我们送你啦！

ISBN：978-7-5166-1195-1

中国版本图书馆CIP数据核字（2014）第210136号

专栏内容刊发在国家知识产权局主管《创意世界》杂志期刊，未经授权，请勿转载

更多《100点创新设计方法》文章：

1.《100点创新设计方法》系列 —— 释放天性 The release of nature

2.《100点创新设计方法》系列 —— 用更加生动的方法 With a more vivid method

3.《100点创新设计方法》系列 —— 饥饿法 Hunger

4.《100点创新设计方法》系列 —— 参考资料书籍或网络 Referenced books or websites

5.《100点创新设计方法》系列 —— 关键词法 The key words

6.《100点创新设计方法》系列 —— 便签法 Sticky notes

7.《100点创新设计方法》系列 —— 目录法 Directory

8.《100点创新设计方法》系列 —— 剪辑法 Clip

9.《100点创新设计方法》系列 —— 记录观察法 Record and observation

10.《100点创新设计方法》系列 —— 照片法Photos

11.《100点创新设计方法》系列 —— 录音法 The recording

12.《100点创新设计方法》系列 —— 音乐法 Music

13.《100点创新设计方法》系列 —— 头脑风暴 Brainstorming

14.《100点创新设计方法》系列 —— 分享 - 格物者设计分享 Share

15.《100点创新设计方法》系列 —— 直觉 Intuition

16.《100点创新设计方法》系列 —— 联想-异形异物 Associating

17.《100点创新设计方法》系列 —— 臆想 Imagine

18.《100点创新设计方法》系列 —— 产品体验 The product experience

19.《100点创新设计方法》系列 —— 偏好 Preferences

20.《100点创新设计方法》系列 —— 公司进化定位 Company’s evolving positing

21.《100点创新设计方法》系列 —— 历史文化典故 History,culture and stories

22.《100点创新设计方法》系列 —— 文化禁区Cultural taboos

23.《100点创新设计方法》系列 —— 情感设计 Affectional design

24.《100点创新设计方法》系列 —— 行为习惯 Behavior and habits

25.《100点创新设计方法》系列 —— 不要无意义的修饰 No meaningless ornament

26.《100点创新设计方法》系列 —— 打破常规 Break the routine

27.《100点创新设计方法》系列 —— 图案纹理 Pattern texture

28.《100点创新设计方法》系列 —— 图形演变 Graphic evolution

29.《100点创新设计方法》系列 —— 自然环境 The natural environment

30.《100点创新设计方法》系列 —— 仿生仿物 Copy the shape of living things

31.《100点创新设计方法》系列 —— 颜色刺激 Color stimulus

32.《100点创新设计方法》系列 —— 功能的加减 Adding or subtracting functions

33.《100点创新设计方法》系列 —— 产品跨界 The transboundary of product