深度解密:设计中的点线面

设计中点线面的知识是很多科班生必学的知识点,也有很多人看过有关点线面的文章却不知如何去应用;有些人认为点线面属于很基础的平面设计的知识,不屑深度的研究;而事实上这样基础的知识才是一个设计作品的灵魂所在,套用网络上流行的一句话:“好看的外表千篇一律,有趣的灵魂万里挑一”,要把点线面的知识恰当的融入到我们的设计作品中,提升整体的设计感;这期就和大家说下点线面在设计中应该如何运用?

点线面如果单从字面上理解其实很简单,就是点状、线状、面状几何图形的形式,用一张图表示可以是这样:

只从这张图中我们不难发现,点状元素的特点是分散的,线状元素特点是具有连贯性,面状元素则是整体感更强,这是基于几何的理解方式,而设计中的点线面并不能完全按照这种方式理解,它们之间看似完全独立的元素,实则存在着很大的关联性:

从这张图中我们可以看出点、线、面存在着相辅相成的作用,线可以是很多点有规律组合成的元素,面也可以看做是由很多线组合成的元素,而点的面积足够大时也可以视作为面;这是点线面之间存在的关系,下面我们回归设计中,如何给点、线、面下个定义呢?

在我看来,

  • 设计中的点可以理解为:在画面整体中元素中面积较小且装饰性很强的元素可视为点状元素;
  • 设计中的线可以理解为:画面整体中面积不大且具有一定装饰性、连贯性的元素可视为线状元素;
  • 面可以理解为:画面整体中面积较大且整体性很强的元素,往往是一个画面的主体,可视为面;

点、线、面在一个作品中往往不是独立存在的,那么在设计中他们的作用是什么?如何运用呢?

点作为面积较小的元素,但是在设计整体中所起到的作用却是至关重要的,其实在现实生活中我们也能见到很多点状元素的应用,比如:

中国菜品讲究色香味俱全,所谓“色”就是指看起来要足够诱人,而这里的葱花就能极大的提升“色”的品质;它也就是我们所说的点状元素,它在整体中除了能起到一定的调味作用外,更多的是整体的一个点缀;在设计中同样也是这个道理,点状元素给予我们更多的是装饰性、丰富画面的作用,比如:

通过对比这些海报我们发现,有点状元素的画面整体更精致,而这里的点状元素也并非都是几何图形里的点,形态也都不尽相同;所以设计中的点可以是:形状、文字、图形、图标、树叶、光效等等,而点在设计中最大的作用就是装饰以及烘托气氛!但是很多人知道理论,不知道如何合理的使用,那么我们应该在什么时候用点状元素最为恰当呢?

一:当画面整体太空且不适合大面积留白时,可以用到点状元素,目的是装饰、填充空白区域,比如:

这里中间的空白区域并不适合留白,因为这里的留白面积偏大,破坏了画面的整体性,那么我们就可以在留白区域添加一定的点状元素,用于填充空白,增强其整体性,同时也能起到很好的点缀、打破板式的作用!

二:当画面整体气氛不够浓烈时,可以用点状元素加以烘托,比如:

画面主体给人的感觉应该是开心,像站在领奖台上的喜悦,但是上面海报虽然用到点状元素,但是给人的感觉氛围不够浓烈,所以我们就可以把点状元素适当的增多,增强整体的气氛,起到了很好的烘托作用!

三:当画面整体太过呆板的时候,可以适当的加一些点状元素活跃板式,比如:

左侧海报给人的感觉太过中规中矩,板式整体有点呆板;而右侧海报则把文案作为画面整体的点状元素的形式排版,使得整体板式更活跃!

四:当画面整体设计感不够强烈时,可以通过点状元素提升整体设计感:

很显然右侧海报的设计感更强,而左侧海报给人感觉太过单薄,而且就是传统的图片加文案,而右侧海报通过添加点状元素,提升了海报整体的逼格,整体的设计感也更强!

设计中的线是具有连贯性的,面积不大的元素,线的形式可以是几何中的线条,也可以是一段文字,或者是很多点组合而成的,关于几何中线条的作用在《设计中线条的妙用,你造吗?》文章中有很详细的介绍,这里就以总结的形式和大家说下:设计中的线条有引导视觉、串联主题、突出主题、分割整体、修饰、分类的作用;而非几何线条即我们所说的类似点的组合形式或者隐形的线条,其实在设计中同样也能起到上述所说的作用,那么我们应该如何灵活的运用呢?

简单的用一句话来说:缺什么补什么;比如画面整体感觉太乱,元素信息整合不够清晰时,那么我们可以用线引导用户阅读,把信息规整:

通过线条把原本杂乱的多条信息串联为一个整体,同时也起到了引导用户阅读的作用!同样的道理,如果画面想要分割信息时,一样可以用到线条,切记一句话:需要什么就用什么!

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

这里的面都是作为主体的载体形式出现的,无论是很直观的面还是隐形的面,单从面积上看它是画面整体最大的,也是整体中最稳重的部分,所以作为画面主体给人的感觉能起到很好的控制全局的作用!

设计中的面也能起到很好的分割作用,把原本层次不够分明的一个整体通过面的形式分割开,比如:

面的分割在网页中是很常见的,通过区分面的形式划分不同的区域,使得整体层次感更强!

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

美工美邦(公众号)

作者:张家彬

(0)

相关推荐

  • 详解点线面(第二篇)线在设计中的运用

    线的运用是方法,是对你设计的一种补充.线的功能性大于装饰性.只有对比才能体现出线,这跟点的道理是一样.不要为加线而加线,这跟不要为设计而设计是一个道理,每一个元素的摆放都是有理由的. 相关文章: 详解 ...

  • 深度解析字体在APP设计中的奥秘

    小编:APP里面文字.图形.色彩是信息传达的三要素,字体则是这三要素中的最重要因素之一. 在用户界面中,每一个单词和字母都至关重要.好的字体等于好的设计.字体成了界设计的基石,而我们设计师,则是这些& ...

  • 充分利用网页设计中的面包屑

    小编:面包屑导航是网页设计中非常重要的一个组成部分,虽然看起来短小精悍,但它的作用却非同小可.那么你知道面包屑导航都有哪些分类,分别的作用是什么吗?面包屑应该在什么时候使用?什么?你还不知道什么是面包 ...

  • 浅谈立体书形式在设计中的应用

    杨绛先生的父亲有一次问杨绛:"阿季,三天不让你看书,你怎么样?" 她说:"不好过." "一星期不让你看书呢?" 她说:"一星期都白 ...

  • 金钟罩铁布衫在设计中的应用

    听说学会金钟罩铁布衫这门神功可以在设计界横着走-- 极限挑战第三季第二期里面讲了很多神功,降龙十八掌.七伤拳.金钟罩铁布衫.吸星大法.蛤蟆神功等个个都是武林绝学,但每个神功都很厉害也都环环相克.这些神 ...

  • 产品设计中的游戏化设计策略

    游戏行业是有巨大商业价值的,腾讯在2018年第一季度的财报就公布日赚2.66亿元,年收入破1000亿.一款好的游戏可以让用户持续数小时,数天,甚至数周一遍又一遍地玩同样的游戏.我并不经常玩游戏,但是, ...

  • 如何在琐碎的 UX 设计中,做出显性价值?

    如何在琐碎的 UX 设计中,做出显性价值?

  • 如何在设计中使用色彩和色度?

    你已经接近你的设计项目的终点了,但最后一步你难倒了:选择一种配色方案. 让我猜一猜:当涉及到设计(任何事情)时,你很难选择正确的颜色? 你已经组织了布局,确定了内容,甚至选择了字体.但是颜色可能会让人 ...

  • 设计中“线条”有什么用?

    有句话叫:"设计无小事",很多看似不起眼的东西却起着至关重要的作用,比如这期要说的线条,很多人对于线条的理解有局限性,比如:线条的形态可以是曲线.直线.折线.粗线.细线.实线.虚线 ...