详解点线面 首页推荐

[复制链接]
优视觉 发表于 2018-12-19 01:13:50 ©版权归原作者所有,如有侵权请联系删除。
连续2个晚上住的地方停电了,所以新的文章又要延迟了。一篇基础老货,敬上。写在前面的话 一个尝试写一篇文章,既是对自己的一个总结,也希望对大家有一些帮助。主要写给一些初学者,如果你大神...请绕道。哈哈...平面设计作为设计领域里面的一大块,是非常值得我们学习的领域。不知道大家对平面构成熟悉不熟悉,如果是平面设计专业的想必都知道,平面构成、色彩构成、立体构成。它们都是现代视觉传达艺术设计的基础。大家都知道,点线面是平面设计中的基础,基础知识对设计师后期的成长是起到至关重要的。再好的表现技法、形式,如果有没有了设计的基础和准则,都是有问题的。今天我们来一起聊聊平面构成的基础知识&日常设计的运用。部分案列来源网络,多有得罪请恕罪O(∩_∩)O哈哈~
要讲的内容1-点/线/面的特征&设计中的应用           2-常见的几种平面构成在日常设计中的应用   3-自我提升
一、点线面的基本作用点——点是点缀、丰富画面气氛的元素线——线是连接页面、引导视觉、丰富画面面——面是信息的载体、分割画面
9eb1f80b387d683f791beea25df18d68.jpg



点有哪些特征?体积小、分散的、远的、大空间对比下小的、密集的。看看生活中的点。
55141cdbd5e3bb04c036ace80fecef3e.jpg

1-围棋                                                              2-星空
bd05b1f84f0cd4e48a49f4e920d623d4.jpg

3雨滴                                                               4-铃铛

点的变化01
feb7141e99675e0ad91ed40f9c8a5bfe.jpg

点的形态特征不用,给人的视觉感受也不同。
41105db5bb54f0fac8d7d629e972a45d.jpg

点太大太小都会引起视觉感受不同。点越大就成了面,面越小就成了点。
点的变化02
7038645629c249c3fbdd51ed26663bef.jpg

点在画面中的位置和方向很重要,它影响的画面的视觉感受和走向。在对比下相对小的就变成了点.
8601241bfc1cd72c1a3c62ca453e92ba.jpg
点在画面中存在,它的数量多少都会影响视觉感受的强弱。整齐的点越密集就变成了线、点发生一定的变化可以是线也可以是面。

点的设计应用案列01  
98187fb0e39bd74d76b92c91b3a145fd.jpg

图中的橘子面包的实与虚、物体的明与暗对应了点的浓与淡。点不单单是一个原点,有时候实物也可以是点。
案列02
c02c9d483030c7c41888ae9c81a5d38a.jpg

即使同为文字在大小的对比下,越小的就是点。利用点的灵动特征让单一的画面灵活起来。这就是点的对比。
案列03
06298abe0e3cb7cb7787491a19f79a35.jpg
即使没有绿点的情况下页面也依然高大上,当时加上小小的绿色亮点之后,让画面提升了视觉感受,让页面更透、层次更丰富。
案列04
a2017f519b95547b3a96e31a119825d9.jpg

活跃气氛的飘絮去掉之后,画面的氛围感失去了。即使还有一些线条带动画面,但是氛围感弱化了。
案列05
e15f63efcd8581b870d3c705275d37ce.jpg

说一说1.有对比就有点   2.点不是单独存在的   3.点用来丰富画面和层次4.点可以让你的页面轻飘起来,也可以让你的页面有速度感......除了这些点的作用还有很多,多观察会看到更多。
线有哪些特征  细、长、弯曲、斜生活中的线
a0d250e93e1384fd05025c25ac134c80.jpg

平面设计中的线

8a0e339fc9558e9e4fee58457431a1f7.jpg


线的变化
e23f2f3bade1e89ca1887c35a8823d07.jpg

点线面之间的过渡关系线是具有位置,长但不宽不厚。它是点的移动轨迹,是面边缘面与面的交界从造型的含义上面讲,线只能以一定的宽度表现。点线面三者可以用过自身的变化切换为对方。当线在画面上加粗一定程度,那么我们就会把它看成面。点线面不是绝对存在的,是相对存在。 无形的线和有形的线设计中无形的线-案例01
391f6672d29269aad3f692a549ac46c9.jpg
我们先来看看排版中的线,很明显3个案例中都没有几何线。所以我对它们的定义是无形的线。看下面
695945bcd68fec01a9ad2b5d913d3c07.jpg

看黑色条,我们不难发现。文字的长度、高度、也对应了几何线的变化。为什么我们经常排版起来难看,因为没有粗细、长短的对比。线可以是单独的一条线,也可以是某个元素。点可以是文字,线也可以是。
设计中无形的线-案列02
2997de25b3a7a960fe2cae41ca6f617a.jpg

看到其中的线了吗?如果没有看到,看下图。
f3e5091116533d5051a121ecdf10b732.jpg

通过白线不难发现,画面中的线——视线。人物的视线引导我们把视觉转向文字
设计中无形的线-案列03画面中有形的线
332af183ceb6b7f39ce9ec57a3b6477a.jpg

从案例中,清晰的线条让画面有速度感、层次感、丰富板式。 线的常见应用
66391a50ed9f33e91ad274dc9e3f1190.jpg
                  信息分类                              引导视觉                             强调重要性
2bd059af067d24a1778a5ff25cd0802c.jpg
线是对设计的补充、装饰丰富画面,可柔美、可速度、可静止,千万不要为了加线而加线,这样无疑是画蛇添足。还有很多线的应用就不一一举例了,只要仔细观察就明白了。

面有哪些特征不规则、几何形、偶然性生活中的面
d2de7b649d4d3a8e32d96f22e30c2ec6.jpg

面的变化
5045b8cb66d8c146e9dd441e07f737fe.jpg
面在几何学中是线的移动轨迹,点线面是相对存在的。

面的种类01
081700ed30b1a0fd32a10ab5f9fa3aa5.jpg

直线形的面具有直线表现的视觉感受特征,列如:正方形安定、有序简洁。  曲线的面
8906ea7c3f78576faae42efe492269c8.jpg

给人随意、舒适、柔美的感受,正圆过于完美则显得呆板,而扁圆呈现出一种变化的曲线,美感更好。另外残缺也不失一种美
面的种类02

506f604a014a44b5d4402c9a6f4f6cb8.jpg

自由曲线的面个性鲜明、随意,带给人优雅、柔美和温暖的感受
4ae7547179872387df494b6a6e37a969.jpg

偶然的面用特殊的方式构成的意外的形态,非常独特的视觉效果。例如墨迹、水花、泼洒的咖啡等
无形的面和有形的面
040cfc8b57932f1d22e6e4b69888b582.jpg

找到面了吗?没有、看下面。
a7e671e0a72053d87b25b87d826b551c.jpg
从案例上面画的黑色块中我们不难发现,人、物体将我们的画面一分为二。面积超过页面的50%,这些物体、人、或者某个元素在画面中的面积比例超过了50%,则为面。并且不像几何面那么的清晰,所以我把它称之为无形的面。

设计中有形的面
8ec5a362f609a81220c5e781a5b2969b.jpg

从案例上面画的黑色块中我们不难发现,几何的面把我们的画面分割,得到层次感。另外面也可以作为信息的载体,让文字在画面中更清晰的表现。
  一起看看优秀设计中的点线面

e896b06377426cc3cb0c12d6d86d145e.jpg

案列01-用彩色铅笔排成的线,太美。如果彩虹一般。所以当某个元素变成线,也是一个不错的创意。


ee110b0bd2a77eae73ab183803b3f7d4.jpg

案列02-用线引导视觉,点也有若隐若现的变化。层次关系明显。


0fbb4361f11ce9092737bf626f039755.jpg

案列03-斜切面分割画面,打破传统的面,使画面动感足并且符合页面主题。  回顾点线面 点——画面的气氛点缀、丰富层次,有对比大小就有点线——引导视觉走向、链接信息面——画面层次分割、信息的载体 点线面是互通的,是相对存在的。也不失单独存在的。   
二、几种构成在设计中的应用01-发射构成02-近视构成03-空间构成 发射构成
507aa548a5fc879866c6814a1400f3e0.jpg

1-发射——指同由放射中心出发,作向四周辐射构成的图形2-主要有向心式、同心式、离心式3-发射构成的特点是给人的视觉冲击力大。
99b7b66c54e24819507a7f0b563c3105.jpg

海报使用虚线圆,像四周扩散
发射构成的版面形式
86f3236d9664c7c8f1ff7682068e2831.jpg

82ec8858c5bfb100bfdc881ced4c2e4c.jpg
案列01-案列中心以圆形向外发射扩展,分割画面。


292f779ea223ba779a18dbe2a70d3a02.jpg


14617099eb03d1503f64da70b08b8e70.jpg

案列02-发射构成不仅体现在板式上面,在字体、物体上面也可以表现出发射。效果更加强烈。
近视构成
c6e61053799d85351085a15af1a6a3ba.jpg
1-近视——彼此之间相似,远看如出一辙,而且变化各异。
2-自然中这种近视的形态非常多3-近视构成是个体现画面创意感不错的方式,同时失去了主体。

613b8d4b70a00320ed1b84956efea7d6.jpg

海报使用不同相似的任务组成让人眼前一亮,同时失去主体。
近视构成的版面形式
77191417b65d313df6da7b18a75280e3.jpg

57753c2ebd327cd1265dc462779ff632.jpg
案列中的近视构成让画面变的不具一格,同时也失去了主体。只能靠文字来理解意思。

空间构成
bf23d23dd306be172f953bf161f036ea.jpg

1-平面构成中的空间主要是指在画面中形成的视觉有现实的错觉。2-空间的表现可以用,点、线的渐变形式完成也可以形与形的重叠实现等。3-特别组合的空间也是个不错的创意。

8f1da3356d747f164e347eee95cb1fae.jpg

海报用文字组合形成一个简单的空间,给人不一样的感受。是不是挺有创意感觉。
近视构成的版面形式
1e91da0dfa51bea8c1febeb223677038.jpg

案列中组合起来的空间,让人眼前一亮,有新意又耐看。
三、自我提升多观察、多思考、多做观察——观察优秀作品中的点、线、面、色、光、质、排版等要素思考——理解为什么要这么做,这么做的好处多做——做好和做了是2个选择,取决于自己

到这里这次的分享就此结束了,谢谢大家

----------------我是分割线----------------
本文为不沉的骨头原创,转载需要带上以下内容。3Q
209615198d23cd1610f44b410252bf6c.jpg

欢迎关注“三根设计骨”
一个分享设计干货的地方


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 分享达人

    分享精品资源累计达到15篇
  • 推荐设计师

    优视觉推荐设计师
  • 推荐讲师

    优视觉推荐讲师

关注0

粉丝19

作品9611

发布作品
官方客服QQ

2987964658

周一至周日9:00-18:00

反馈建议

2987964658@qq.com 在线QQ咨询

扫描二维码关注我们