赞助商
立即赞助

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

平面设计3年前 (2021)更新 流光
2.5K 0 0

编者按:什么是点线面?线有哪些作用?本文为你结了线基础知识,适合平面设计的零基础手阅读。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

设计的过程,或者形式的探讨,始终绕开的就是对于点线面的研究,看平面构成的定义:视觉元素在二次元的平面上,按照美的视觉效果,的原,进行编和组合,它是性和逻辑推来创形象、研究形象与形象之间的列的方法,是性与感性相结合的产物。任何在设计中呈现的元素,我们都可归纳到点线面的范畴,然后对者的反复组合列,形成设计语言,形式,美感。核心:元素与元素之间的列系,进而有元素在一起体现的构成形式。

像下图所示,线最终形成了结构——设计作品秩序,这是支架,所有元素在此骨架上有序排列。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

文章目录

  • 线
  • 案例

体积、散、远的、运动;大空间对比下的、密集的。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

1. 点的变化

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

点在画面中存在,通大小,虚,浓淡,少的关系变化,影响视感受的强弱。变化以形成也以形成面,或者依旧是点的变化。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

原点的大与小,虚与,浓与淡。相比红,黄是淡;同为红,渐变为虚。

2. 小结

有对比就有点;点不是单独存在的;点用来富画面和次。

线

具有位置。它是点的移动轨迹,是面与面的界。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

1. 线的变化

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

线的存在表现形式是微妙的,点的密集形成的轨迹可视为线,同颜色的面形成交界可存在线。同时线足够短时,又可变为点,线的粗又转为面。因此,点线面是绝对存在的,是相对存在。

下阐述线两个要特质,形线和有形线。

形线

我认为这尤为要,其实幅运设计作品,基本上都括图像和文,而文本身在画可以理解为,过这些组合,词组和句子形成了线(文长度、高度),很多时候是这些线决定了画核心。

为什么我们经常排版来难看,就是因为没有粗细、长短的对比。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

字形成隐形的;不同大小,粗细,颜的组合,形成的粗细变化,分割画面,进而形成有序的节奏。

视

无形的中还有一种很重要的表现形式——视。很重要,很时内容设计的期望就是自引导用户去阅读。人物的视引导我们把视转向文字。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

有形线

晰线条让画有速度感、层感、丰富版。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

2. 线的应用

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

3. 小结

不同的线能够创造不同的感受;引导视觉;控制好线的使用,不线线,造画面的组织混乱。

几何学中线的移动轨迹。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

面对画面行分割,得到层次感。也可以作信息的载体,让文字画面中清晰表。

面可以为:何形的面和不规则的面。

1. 何形的面

方、圆、三角、多边形等何形状,这些面可以传递有序、简洁、稳定、速度等视觉心理受。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

2. 不规则的面

实(人、墨迹、水花),不规则多形,应用方式广泛。其中规则面对画面行分割后,剩余空间本身也形了一种面,可以理解一种负形的形式。对负空间的设,对于整体画面的风格层次感的提升很关键,也需多的研究体会。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

3. 小结

大面积,视的重心;整信息的依托。

案例

通上面的示例介绍,我们应该以建立对点面的基础认识。下图是对点面在呈现信息内容时,承担的职能意义。接下来让我们更深地研究和分析。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

上图例子我们先观察,像前结样:,信息模块载体,构画基础。上图例子过大背景区分,颜色与图形交织分布,信息骨架此立。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

这个设计继续进分析。线,加强视线引导,强化/区分模块关系。看上图所示:标题作为形线,成为模块区分标识。在纵上自然引导视线下移。

个例子仔细分析,并没有所谓明显的点元素的出现,想想点的总结:点,打破节奏,增加氛围。点的戏份不也不重,隐含在每个模块中去构建信息。

通过这简单例子的分析,家否对之点线面的总结一的理解呢?再强调一遍:

  • 面,信息模块的载,构建画面的基础;
  • 线,加强视线的引导,强化/区分模块关系;
  • 点,破节奏,增加氛围。

再看几例子:

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

线,加强视线的引导,强化/区分模块关系。图内信息比较庞杂,设选择白色背景,并不利于模块信息的区分。那了达到区分,标题的设就很关键,所以如右图所示,标题统一主题色处理,字形线加强线的感觉,达到区分引导内信息。这一根无形的线联信息。

再下面的案例,大家可以有形的线,清晰的串了内容的上下关系,视觉引导。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

下来再点的案例,下图的计通过圆(点的形式出现)的串,在起装饰的同,也成功引导了视线移动,将息有效的组织起来。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

通过上述种种图片的案例析,大家对点线面是否有了新的认识,再附上本文最开始的图片,大家现在能理解了吗?

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

今的享为大家简阐述了点线面形式,以及在实际计过程中的展示形式和义,这是点线面第一部的内容。

之后会给大带来第二分的容,是自己在实际工作中总结的点线面的具体使方法。像上图示,点线面构成了设计的结构骨架,然后在此基础上丰富呈现信息。 那怎么在拿到一个营需求后,剖析拆分一份信息,点线面的原搭建画面呢?我总结了一个方法,叫做「土木工程法」,一之言,将在篇章与大一起讨论。

平面新手来收!超详细的「点/线/面」基础知识全方位科普(上)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

创意字体排版既是 2020 年的主要平面设计的趋势,也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言,优秀的创意字...
字体排版
下半年,往往是电商设计师最繁忙的季节,双11、双12、双旦节等重量级节日接踵而来。 不过,有意思的是,与双11、双12活动...
中国风
组成能力的3个要素 我记得有一次在公司的一个晋升答辩中,有位评委问一个前同事:你有什么优势?给我一个理由为什么要晋升你...
竞争力
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计
@做设计的面条 :我最近收到了很多工作1-3年的面粉们发来的求助,他们有的将简历和作品集发出去后就石沉了大海,有的好不容易...
做设计的面条
构图攻略前两期分享了“上下构图”和“左右构图”的使用方法,这两种构图是视觉效果相对比较均衡稳定的构图形式: 当想要设计更...
倾斜构图
上次推送的几篇关于文字组合海报,受到了广泛好评。说明大家还是都比较喜欢这种简单直接的小妙招~ 贴心的小优这次又给大家送...
图文排版
面试考核的标准是什么?我们要如何规避一些常见问题,让我们的面试更加分呢。 根据我和几位大厂HR朋友的招聘经验,给大家梳...
求职面试