日期:2021-05-20
这是点线面体基础设计,是优秀的数学教案文章,供老师家长们参考学习。
设计的过程,或者形式的探讨,始终绕不开的就是对于点线面的研究,看下平面构成的定义:视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法,是理性与感性相结合的产物。任何在设计中呈现的元素,我们都可以归纳到点线面的范畴,然后对三者的反复组合排列,形成设计语言,形式,美感。核心:元素与元素之间的排列关系,进而所有元素在一起所体现的构成形式。
像下图所示,点线面最终形成了结构——设计作品中的秩序,这是一种支架,所有元素在此骨架上有序排列。
文章目录
点
线
面
案例
点
体积小、分散、远的、运动;大空间对比下小的、密集的。
1. 点的变化
点在画面中存在,通过大小,虚实,浓淡,多少的关系变化,都会影响视觉感受的强弱。这些变化可以形成线也可以形成面,或者依旧是点的变化。
原点的大与小,虚与实,浓与淡。相比红色,黄色是淡;同为红色,渐变为虚。
2. 小结
有对比就有点;点不是单独存在的;点用来丰富画面和层次。
线
线具有位置。它是点的移动轨迹,是面与面的交界。
1. 线的变化
线的存在表现形式是微妙的,点的密集形成的运动轨迹可以视为线,不同颜色的面形成交界也可以存在线。同时线足够短时,又可以变化为点,线的加粗又转化为面。因此,点线面不是绝对存在的,是相对存在。
下面重点阐述线的两个重要特质,无形的线和有形的线。
无形的线
我认为这点尤为重要,其实一幅运营设计作品,基本上都包括图像和文字,而文字本身在画面中可以理解为点,通过这些点的组合,词组和句子就形成了线(文字的长度、高度),很多时候就是这些线决定了画面的核心。
为什么我们经常排版起来难看,就是因为没有粗细、长短的对比。
字形成隐形的线;不同大小,粗细,颜色的组合,形成线的粗细变化,分割画面,进而形成有序的节奏。
视线
无形的线中还有一种很重要的表现形式——视线。很重要,很多时候内容设计的期望就是自然引导用户去阅读。人物的视线引导我们把视觉转向文字。
有形的线
清晰的线条让画面有速度感、层次感、丰富版式。
2. 线的应用
3. 小结
不同的线能够创造不同的感受;引导视觉;控制好线的使用,不要为线而线,造成画面的组织混乱。
面
几何学中线的移动轨迹。
面对画面进行分割,得到层次感。也可以作为信息的载体,让文字在画面中更清晰地表现。
面可以分为:几何形的面和不规则的面。
1. 几何形的面
方、圆、三角、多边形等几何形状,这些面可以传递有序、简洁、稳定、速度等视觉心理感受。
2. 不规则的面
实物(人物、墨迹、水花),不规则多边形等等,应用方式更广泛。其中规则面对画面进行分割后,剩余空间本身也形成了一种面,可以理解为一种正负形的形式。对负空间的设计,对于整体画面的风格和层次感的提升很关键,也需要更多的研究和体会。
3. 小结
大面积,视觉的重心;整体信息的依托。
案例
通过上面的示例介绍,我们应该可以建立起对点线面的基础认识。下图是对点线面在呈现信息内容时,承担的职能意义。接下来让我们更深入地研究和分析。
上图的例子我们先观察面,像之前总结的一样:面,信息模块的载体,构建画面的基础。上图的例子通过大背景的区分,颜色与图形的交织分布,信息骨架就此建立。
对这个设计继续进行分析。线,加强视线的引导,强化/区分模块关系。看上图所示:标题作为无形的线,成为模块区分的标识。在纵向方向上自然引导视线下移。
这个例子仔细分析后,并没有所谓明显的点元素的出现,再想想点的总结:点,打破节奏,增加氛围。点的戏份不多也不重,隐含在每个模块中去构建信息。
通过这个简单例子的分析,大家是否对之前点线面的总结有一定的理解呢?再强调一遍:
面,信息模块的载体,构建画面的基础;
线,加强视线的引导,强化/区分模块关系;
点,打破节奏,增加氛围。
再看几个例子:
线,加强视线的引导,强化/区分模块关系。上图内容信息量比较庞杂,在设计上选择白色大背景,并不利于模块信息的区分。那为了达到区分,标题的设计就很关键,所以如右图所示,标题统一主题色处理,字形成线加强线的感觉,达到区分引导内容信息。这是一根无形的线来串联信息。
再看下面的案例,大家可以看到有形的线,清晰的串联了内容的上下关系,强视觉引导。
接下来再看看点的案例,下图的设计通过圆(点的形式出现)的串联,在起到装饰的同时,也成功引导了视线移动,将信息有效的组织起来。
通过上述种种图片的案例分析,大家对点线面是否有了新的认识,再附上本文最开始的图片,大家现在能理解了吗?
今天的分享为大家简单阐述了点线面形式,以及在实际设计过程中的展示形式和意义,这是点线面第一部分的内容。
平面设计中有3大基础构成:平面构成,立体构成,色彩构成,这也是现代艺术设计学习中必须掌握的基础。今天小A和大家一起来了解平面构成的相关知识。
平面构成
平面构成 是指视觉元素在二次元的平面上变化构成的科学,即将点、线、面等视觉元素,在二维平面上,按照一定的美学原理,对它们进行合理的分解、组合、重构、变化,进行编排和组合,从而创造出理想的形态的组合形式。
构成形式
主要有重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。
构成要素
点的构成形式、线的构成形式、面的构成形式。
无论设计的版面最终有多么的复杂,都可以简化到「点线面」上来
下面分别就点线面的特点及应用逐一讲解
平面中的点
很多细小的形象可以理解为点,它可以是一个圆、一个矩形、一个三角形或其他任意形态。
点在本质上是最简洁的形态,是造型的基本元素之一。它具有一定的面积和形状,是视觉设计最小的单位。
点的特征
画面中的点由于大小、形态、位置不同,所产生的视觉及心理效果都是不同的
点的大小
在平面构成中,点的概念是相对的,在对比中,不但有大小还有形状。就大小而言,越小的「点」,作为「点」的感觉就越强烈。
能不能成为「点」,并不是它本身的大小所决定的,而是由它的大小和周围元素的大小两者之间的比例所决定的。
面积越小的形体越能给人以「点」的感觉;反过来,面积越大的形体,就越容易呈现「面」的感觉。
点的形状
方形:平稳,端庄,大方感,踏实的,可依靠
圆形:平稳,饱满的,浑厚有力量
三角形或菱形:有指向性,在感情上是偏倚的,有目的性,菱形比三角形对称,在平衡中寻求个性
其他不规则的图形:富有个性,独立,张扬,在规则的图形里非常显眼,往往用于丰富画面
点的空间位置
点所处的空间位置不同,所表达的心理效应也是有很大差别的,悬浮的或下沉的点所带来的心理感受截然不同
居下:沉淀感、安静而低调,不容易被发现
居上:符合人们视觉阅读顺序
居中:平稳、稳定、集中感强
黄金分割点:更能吸引人注意,版式更具有构图形式感
点的分布与视觉特征
从作用上来看,点是力的中心
一个点标明位置
在视觉里起到了「点」的作用,以一个单点的形式出现在画面右下角,显得安静而低调
画面大量留白,以此与点形成了对比,赋予了画面强烈的平静感
两个点构成视觉心理连线
三个点可以构成三角连线
多个点的形态特征
多个点可以使注意力分散,画面出现动感
1.分散点
运用剪切、分解等基本手法,打破了整体图像对象,形成零散的分散点,而点在分散中也不失整体感
2.密集点
密集点的运用能使视点更集中,达到吸引眼球的目的
有节奏地排列密集点,给人一种视觉均衡感
3.自由点
自由点的运用更为灵活,其自由地结合表现出随意的散落感,使版面更加活泼生动
在版式设计中可以运用自由点协调画面各个元素,让元素之间产生强烈的联系
点少,重在点的形态;点多,重在排列形式
点的实际应用
点的线化
点的线化是在点元素自身的张力作用下表现出来的「两点之间形成线段」的观念
使我们在看到两点之后,总会在心理上产生一种线条的连接感
点的面化
1.独立点的面化
可以使足够大的点本身形成一个面
2.密集排列点的面化
通过多数点密集排列形成虚平面
平面中的线
如果说「点」是静止的,那么「线」就是点的移动轨迹。当点的长度和宽度形成非常悬殊的对比的时候,也能形成线。
线的特点
从数学上来说,线不具有面积只有形态和位置;在构成中,线是有长短、宽度和面积的。
从构成的角度来看,具有长短、宽度的线,随着线的宽度的增加,就会使人感觉到面的感觉,但如它周围的都是线的群体,那么宽度较大的线也会认为是粗线。
线的特征及分类
线的特征
分割性:让作品中的元素具有主次清晰的空间感
方向性:让作品具有很强的引导线功能
粗细差异:使作品给人带来细腻和刚硬的不同感受
线的分类
直线:明快、力量、速度感和紧张感
曲线:优雅、流动、柔和感和节奏感
粗线:厚重、醒目、有力,视觉引导效果更直观
细线:纤细、锐利、微弱,给人细腻感
长线:修长,具有延伸的版式效果
短线:果断、精致
线的三种类型
1.直线
垂直、水平、斜线、平行直线、交叉直线、折线等
【平行线】
直线平行排列,可以营造版式的整体感,使版面达到视觉统一,并赋予版式运动感
【垂直】
容易感受到端庄的视觉氛围,视觉上加以肯定感
【斜线】
斜线在方向上呈现失衡感,给人饱满的视觉活力,使版式更加平衡
2.曲线
弧线、漩涡线、封闭式曲线
【封闭式曲线】
下图封闭式圆形弧线结合字体,使得字体更加漂移富有变化,同时也给版式分割出来了圆形空间,显得更加灵活
【弧线】
弧线让版式更加灵动,曲线延绵的流畅感给版式带来了向外扩张的延伸效果
【装饰线】
各种箭头,带符号的线,有形状的线、虚线。丰富版面元素,使版式的整体更富有变化与形式美感
线的组合
规则组合
在平面构成中,线为构成要素,若用粗细等同的直线平等设置,按照数学中固定的数列进行构成
特点:
这类构成图形在造型上比较能够得到统一、有秩序,但变化较少显得机械性,因而比较单调和缺少感情。
不规则组合
用粗细长短各不相同的线条按某种结构自由的排列
特点:
这一类的构成图像,画面较活泼而富有感情(由于画时手法或者笔法不同产生很多偶然的效果)。
规则+不规则组合
按照某种固定的形式进行线的组合,然后加以部分变化,使其产生不同的造型方式
特点:
这一类组合能使构成变得丰富而有创意
线的应用
基本作用
线具有连接页面、引导视觉、丰富画面的作用
线可以是单独的一条线,也可以是某个元素
点可以是文字,线也可以是
常见应用
信息分类(左1);引导视觉(中间);强调重要性(右1)
无形的线和有形的线
无形的线
画面中的线——视线,引导我们把视觉转向文字
有形的线
清晰的线条让画面有速度感、层次感、丰富板式
线是对设计的补充、装饰丰富画面,可柔美、可速度、可静止
千万不要为了加线而加线,这样无疑是画蛇添足
平面中的面
面是线移动的轨迹,点的密集或者扩大、线的聚集和闭合,都会生出面。面是构成各种可视形态的最最基本的形。
面的特点
在平面构成中,面是具有长度、宽度和形状的实体,它在轮廓线的闭合内,给人以明确、突出的感觉。各种不同的线的闭合,构成了各种不同形状性质的面。
面与点、线相比的基本特征就是所占据的空间面积比较大,通常来说,对于点、线、面的确定,主要是依据具体形态在整体空间中所发挥的作用。
点,以点的位置为主;线,以线的长度和方向性为主;面,则是以其面积比较大的特征为主。
面的形态分类与应用
几何形的面
几何形的面,表现规则、平稳、较为理性的视觉效果。几何形的面又分为直线型、圆形、曲线形、三角形
直线型
具有直线所表现的心理特征,有安定、秩序感、稳定、僵硬、直板的特征。使人联想到男性,给人安定与秩序感
圆形
圆是最经典的中心对称图形,也是最平衡的曲线形,圆具有向心集中和流动等视觉特征,是完整圆满的象征。
曲线形
具有柔软、轻松、饱满的象征,容易联想到女性,给人轻松与灵动感
三角形
平放的时候具有稳定感,倒置的时候会产生极不安定的紧张感。三角形以点的形态出现的时候,反而有种灵动的感觉。三角形还容易产生出强烈的方向感。
有机形的面
有机形的面,得出柔和、自然、抽象的形态。
不能通过数学的方式求得有机的形态,就是表现自然法则的形态。不同外形的物体以面的形式出现以后,会给人以更为生动、厚实的视觉效果。是自然的流露,具有淳朴和充满生命力的情感象征。
偶然的面
通过自然或人为偶然形成的面,如通过喷洒、腐蚀、融化、喷溅等手段,便可以形成偶然的面
在结构上有不可复制的意外感,还具有一定的美感,自由、活泼而富有哲理性
点、线、面是平面设计的基础,基础知识是设计师后期成长的关键。无论表演技巧和形式有多好,如果没有设计,的基础和标准,就会有问题。今天,让我们来谈谈平面构成的基本知识和设计的日常使用。源网络中列出了一些案例。请原谅我冒犯了你这么多O(_)O哈哈~
内容大纲
1点/线/面特性应用于设计2-普通平面构成应用于日常设计3-自我完善
一、点线面的基本作用
点——点是点缀,元素丰富画面氛围(下图左1)线——连接页面,引导视觉,丰富画面(下图)平面——是信息的载体
点有哪些特征?
体积小,分散,距离远,在大空间密集。看看生活中的点:
不同的点有不同的形态特征,给人不同的视觉感受。
太大或太小的点会导致不同的视觉感受。点越大,表面越大;表面越小,点越小。要点变更-2
Copyright 2010-2019 Qinzibuy.com 【亲亲园丁】 版权所有 备案编号:粤ICP备14102101号