设计基础平面构成中的点线面(课堂)课件

设计基础--平面设计中的点线面1设计基础--平面设计中的点线面1点线面是平面设计中的基础，基础知识对设计师后期的成长是起到至关重要的。再好的表现技法、形式，如果有没有了设计的基础和准则，都是有问题的。

内容提要

1-点/线/面的特征&设计中的应用

2-常见的几种平面构成在日常设计中的应用

3-自我提升2点线面是平面设计中的基础，基础知识对设计师后期一、点线面的基本作用

点——点是点缀、丰富画面气氛的元素（下图左1）

线——线是连接页面、引导视觉、丰富画面（下图中）

面——面是信息的载体、分割画面（下图右1）3一、点线面的基本作用

点——点是点缀、丰富画面气氛的元素（下一、点有哪些特征？

体积小、分散的、远的、大空间对比下小的、密集的。

看看生活中的点：4一、点有哪些特征？

体积小、分散的、远的、大空间对比下小的、点的变化-1点的形态特征不同，给人的视觉感受也不同。点太大太小都会引起视觉感受不同。点越大就成了面，面越小就成了点。5点的变化-1点的形态特征不同，给人的视觉感受也不同。点太大太点的变化-2点在画面中的位置和方向很重要，它影响的画面的视觉感受和走向。在对比下相对小的就变成了点。点在画面中存在，它的数量多少都会影响视觉感受的强弱。整齐的点越密集就变成了线。点发生一定的变化可以是线也可以是面。6点的变化-2点在画面中的位置和方向很重要，它影响的画面的视觉点的设计应用图中的橘子面包的实与虚、物体的明与暗对应了点的浓与淡。点不单单是一个原点，有时候实物也可以是点7点的设计应用图中的橘子面包的实与虚、物体的明与暗对应了点的浓点的设计应用即使同为文字在大小的对比下，越小的就是点。利用点的灵动特征让单一的画面灵活起来。这就是点的对比。8点的设计应用即使同为文字在大小的对比下，越小的就是点。利用点点的设计应用即使没有绿点的情况下页面也依然高大上，当时加上小小的绿色亮点之后，让画面提升了视觉感受，让页面更透、层次更丰富。9点的设计应用即使没有绿点的情况下页面也依然高大上，当时加上小点的设计应用活跃气氛的飘絮去掉之后，画面的氛围感失去了。即使还有一些线条带动画面，但是氛围感弱化了。10点的设计应用活跃气氛的飘絮去掉之后，画面的氛围感失去了。即使111112121有对比就有点

2点不是单独存在的

3点用来丰富画面和层次

4点可以让你的页面轻飘起来，也可以让你的页面有速度感131有对比就有点

2点不是单独存在的

3点用来丰富画面和层次

二、线有哪些特征？

细、长、弯曲、斜生活中的线14二、线有哪些特征？

细、长、弯曲、斜生活中的线14平面设计中的线：15平面设计中的线：15线的变化：16线的变化：16点线面之间的过渡关系线是具有位置，长但不宽不厚。它是点的移动轨迹，是面边缘面与面的交界从造型的含义上面讲，线只能以一定的宽度表现。点线面三者可以用过自身的变化切换为对方。当线在画面上加粗一定程度，那么我们就会把它看成面。点线面不是绝对存在的，是相对存在。17点线面之间的过渡关系17无形的线和有形的线我们先来看看排版中的线，很明显3个案例中都没有几何线。所以我对它们的定义是无形的线。18无形的线和有形的线我们先来看看排版中的线，很明显3个案例中都无形的线和有形的线

看黑色条，我们不难发现。文字的长度、高度、也对应了几何线的变化。为什么我们经常排版起来难看，因为没有粗细、长短的对比。线可以是单独的一条线，也可以是某个元素。点可以是文字，线也可以是。19无形的线和有形的线看黑色条，我们不难发现。文字的长度、无形的线和有形的线从案例中，清晰的线条让画面有速度感、层次感、丰富板式。20无形的线和有形的线从案例中，清晰的线条让画面有速度感、层次感线的常见应用信息分类（左1）；引导视觉（中间）；强调重要性（右1）；21线的常见应用212222三、面有哪些特征？不规则、几何形、偶然性生活中的面：23三、面有哪些特征？生活中的面：23面的变化面在几何学中是线的移动轨迹，点线面是相对存在的。24面的变化面在几何学中是线的移动轨迹，点线面是相对存在的。24面的种类-1△直线形的面具有直线表现的视觉感受特征，列如：正方形安定、有序简洁。25面的种类-1△直线形的面25面的种类-1△曲线的面给人随意、舒适、柔美的感受，正圆过于完美则显得呆板，而扁圆呈现出一种变化的曲线，美感更好。另外残缺也不失一种美26面的种类-1△曲线的面26面的种类-2△自由曲线的面个性鲜明、随意，带给人优雅、柔美和温暖的感受。27面的种类-2△自由曲线的面27面的种类-2△偶然的面用特殊的方式构成的意外的形态，非常独特的视觉效果。例如墨迹、水花、泼洒的咖啡等28面的种类-2△偶然的面28无形的面和有形的面29无形的面和有形的面29无形的面和有形的面

从案例上面画的黑色块中我们不难发现，人、物体将我们的画面一分为二。面积超过页面的50%，这些物体、人、或者某个元素在画面中的面积比例超过了50%，则为面。并且不像几何面那么的清晰，所以我把它称之为无形的面30无形的面和有形的面从案例上面画的黑色块中我设计中有形的面从案例上面画的黑色块中我们不难发现，几何的面把我们的画面分割，得到层次感。另外面也可以作为信息的载体，让文字在画面中更清晰的表现。31设计中有形的面从案例上面画的黑色块中我们不难发现，几何的面把优秀设计中的点线面32优秀设计中的点线面32用彩色铅笔排成的线，太美。如果彩虹一般。所以当某个元素变成线，也是一个不错的创意。33用彩色铅笔排成的线，太美。如果彩虹一般。所以当某个元素变成线用线引导视觉，点也有若隐若现的变化。层次关系明显。34用线引导视觉，点也有若隐若现的变化。层次关系明显。34斜切面分割画面，打破传统的面，使画面动感足并且符合页面主题。35斜切面分割画面，打破传统的面，使画面动感足并且符合页面主题。回顾点线面点——画面的气氛点缀、丰富层次，有对比大小就有点线——引导视觉走向、链接信息面——画面层次分割、信息的载体点线面是互通的，是相对存在的。也不失单独存在的。36回顾点线面点线面是互通的，是相对存在的。也不失单独存在的。3二、几种构成在设计中的应用01-发射构成37二、几种构成在设计中的应用3738383939近视构成40近视构成40空间构成1-平面构成中的空间主要是指在画面中形成的视觉有现实的错觉。2-空间的表现可以用，点、线的渐变形式完成也可以形与形的重叠实现等。3-特别组合的空间也是个不错的创意。41空间构成1-平面构成中的空间主要是指在画面中形成的视觉有现实4242三、自我提升多观察、多思考、多做观察——观察优秀作品中的点、线、面、色、光、质、排版等要素思考——理解为什么要这么做，这么做的好处多做——做好和做了是2个选择，取决于自己43三、自我提升43设计基础--平面设计中的点线面44设计基础--平面设计中的点线面1点线面是平面设计中的基础，基础知识对设计师后期的成长是起到至关重要的。再好的表现技法、形式，如果有没有了设计的基础和准则，都是有问题的。

内容提要

1-点/线/面的特征&设计中的应用

2-常见的几种平面构成在日常设计中的应用

3-自我提升45点线面是平面设计中的基础，基础知识对设计师后期一、点线面的基本作用

点——点是点缀、丰富画面气氛的元素（下图左1）

线——线是连接页面、引导视觉、丰富画面（下图中）

面——面是信息的载体、分割画面（下图右1）46一、点线面的基本作用

点——点是点缀、丰富画面气氛的元素（下一、点有哪些特征？

体积小、分散的、远的、大空间对比下小的、密集的。

看看生活中的点：47一、点有哪些特征？

体积小、分散的、远的、大空间对比下小的、点的变化-1点的形态特征不同，给人的视觉感受也不同。点太大太小都会引起视觉感受不同。点越大就成了面，面越小就成了点。48点的变化-1点的形态特征不同，给人的视觉感受也不同。点太大太点的变化-2点在画面中的位置和方向很重要，它影响的画面的视觉感受和走向。在对比下相对小的就变成了点。点在画面中存在，它的数量多少都会影响视觉感受的强弱。整齐的点越密集就变成了线。点发生一定的变化可以是线也可以是面。49点的变化-2点在画面中的位置和方向很重要，它影响的画面的视觉点的设计应用图中的橘子面包的实与虚、物体的明与暗对应了点的浓与淡。点不单单是一个原点，有时候实物也可以是点50点的设计应用图中的橘子面包的实与虚、物体的明与暗对应了点的浓点的设计应用即使同为文字在大小的对比下，越小的就是点。利用点的灵动特征让单一的画面灵活起来。这就是点的对比。51点的设计应用即使同为文字在大小的对比下，越小的就是点。利用点点的设计应用即使没有绿点的情况下页面也依然高大上，当时加上小小的绿色亮点之后，让画面提升了视觉感受，让页面更透、层次更丰富。52点的设计应用即使没有绿点的情况下页面也依然高大上，当时加上小点的设计应用活跃气氛的飘絮去掉之后，画面的氛围感失去了。即使还有一些线条带动画面，但是氛围感弱化了。53点的设计应用活跃气氛的飘絮去掉之后，画面的氛围感失去了。即使541155121有对比就有点

2点不是单独存在的

3点用来丰富画面和层次

4点可以让你的页面轻飘起来，也可以让你的页面有速度感561有对比就有点

2点不是单独存在的

3点用来丰富画面和层次

二、线有哪些特征？

细、长、弯曲、斜生活中的线57二、线有哪些特征？

细、长、弯曲、斜生活中的线14平面设计中的线：58平面设计中的线：15线的变化：59线的变化：16点线面之间的过渡关系线是具有位置，长但不宽不厚。它是点的移动轨迹，是面边缘面与面的交界从造型的含义上面讲，线只能以一定的宽度表现。点线面三者可以用过自身的变化切换为对方。当线在画面上加粗一定程度，那么我们就会把它看成面。点线面不是绝对存在的，是相对存在。60点线面之间的过渡关系17无形的线和有形的线我们先来看看排版中的线，很明显3个案例中都没有几何线。所以我对它们的定义是无形的线。61无形的线和有形的线我们先来看看排版中的线，很明显3个案例中都无形的线和有形的线

看黑色条，我们不难发现。文字的长度、高度、也对应了几何线的变化。为什么我们经常排版起来难看，因为没有粗细、长短的对比。线可以是单独的一条线，也可以是某个元素。点可以是文字，线也可以是。62无形的线和有形的线看黑色条，我们不难发现。文字的长度、无形的线和有形的线从案例中，清晰的线条让画面有速度感、层次感、丰富板式。63无形的线和有形的线从案例中，清晰的线条让画面有速度感、层次感线的常见应用信息分类（左1）；引导视觉（中间）；强调重要性（右1）；64线的常见应用216522三、面有哪些特征？不规则、几何形、偶然性生活中的面：66三、面有哪些特征？生活中的面：23面的变化面在几何学中是线的移动轨迹，点线面是相对存在的。67面的变化面在几何学中是线的移动轨迹，点线面是相对存在的。24面的种类-1△直线形的面具有直线表现的视觉感受特征，列如：正方形安定、有序简洁。68面的种类-1△直线形的面25面的种类-1△曲线的面给人随意、舒适、柔美的感受，正圆过于完美则显得呆板，而扁圆呈现出一种变化的曲线，美感更好。另外残缺也不失一种美69面的种类-1△曲线的面26面的种类-2△自由曲线的面个性鲜明、随意，带给人优雅、柔美和温暖的感受。70面的种类-2△自由曲线的面27面的种类-2△偶然的面用特殊的方式构成的意外的形态，非常独特的视觉效果。例如墨迹、水花、泼洒的咖啡等71面的种类-2△偶然的面28无形的面和有形的面72无形的面和有形的面29无形的面和有形的面

从案例上面画的黑色块中我们不难发现，人、物体将我们的画面一分为二。面积超过页面的50%，这些物体、人、或者某个元素在画面中的面积比例超过了50%，则为面。并且不像几何面那么的清晰，所以我把它称之为无形的面73无形的面和有形的面从案例上面画的黑色块中我设计中有形的面从案例上面画的黑色块中我们不难发现，几何的面把我们的画面分割，得到层次感。另外面也可以作为信息的载体，让文字在画面中更清晰的表现。74设计中有形的面从案例上面画的黑色块中我们不难发现，几何的面把优秀设计中的点线面75优秀设计中的点线面32用彩色铅笔排成的线，太美。如果彩虹一般。所以当某个元素变