原标题:【干货】设计中的点线面到底有什么用?

兄弟们

姐妹们

大家好

之前写完配色之后准备写下版式,版式当中的最基础的莫过于点线面了,之前有一个粉丝留言问,为什么会有点线面这个概念啊?我当时看到就啧啧称奇,这个问题问的实在太棒了!

为什么会有点线面这个概念?点线面到底是什么?

点线面就是画面中最基础的3个构成元素。是画面的骨架。

点线面的组合会让画面更有美感。让画面更生动活跃。说白了,就是让你的设计能装逼!

你看看下图,一个普通的煎饼果子,加上点和线就直接牛逼了…调性立马上去了

你肯定知道汉字的构成是横批竖捺等笔画,英语是26个字母,音乐的构成元素是

Do rui mi fa suo la xi ,对于设计和美术而言,点线面就是画面最基础的构成元素,所以无论你使用何种设计表现技法,画面中最基本骨架点线面元素是不会变的。

好比人的脸长千奇百怪的都有,但是每人都有五官,人脸都是五官组成。

无印良品的系列海报想必大家都看过,无印良品设计的最大特点是极简。这也是他们的品牌价值观去除了一切不必要的加工和装饰,简单到只剩下素材和功能本身。

对于海报设计来说,想到传递无印良品的价值观,精简到极致,就只剩下点线面了。你明白了没? 点线面就是画面的骨架,最基础的构成元素。

点线面的概念是谁提出来的呢?

就是下面这位

康定斯基。俄国的艺术家。据说有一天晚上康定斯基打量自己的一幅油画,由于灯光昏暗,只能看到画面大体的线条和色调,虽然主题难以辨认,但是依然有一种魔力的美感,后来康定斯基开始花时间去研究了…在后来康定斯基从几何学的基础上提出了点线面这一概念,通过这三个元素的不同组合成为绘画的构成元素。说白了就是画面的骨架,同时将点线面作为一种观察方法和解构作者设计意图的方法。

点线面之间有什么关系?

点连成线,线连成面。

不知道你看到这句话会不会想到中国的一本古书《道德经》,道德经里有这么一句话,道生一,一生二,二生三,三生万物。点线面与这个道理是完全相通的。所以任何优秀设计最后解构倒推到基本的元素就是点线面。

为什么画面当中一定会有点线面呢?点线面到底各起到什么作用?

你想象一下你站在岸边望着大海,大海上什么都没有,一望无际,就你就觉得这个海略显单调单一。假如你看到大海上有一艘游轮,游轮上方还有几只海鸥,天上还飘着几朵白云,是不是整个画面就有了对比,就丰富起来了。

你看看下面两张对比图,包含点和线(椰树和太阳)的图是不是就比左边的图更有意境,画面更加丰富耐看。

在摄影中也是一样,你看下下面第一张图没有点和线,孤零零的就很单调,第二种图有了周围一些物体的衬托,画面就有了层次感,有了氛围。

那么点线面每个元素自身有什么意义和作用呢?

对于电商设计而言,点等同于点缀、装饰、页面上的小图标等等。点主要起到装饰画面,营造气氛的功能。运用点缀的时候要注意大小的变化。

线最常见2个功能,一个是丰富画面,让画面看起来更精致,另一个就是引导信息或者区隔信息。下面这个图就用了很多线(竖排英文),使得画面看起来很精致。

下面这个活动时间轴就是很常见的利用线去串联引导信息。就像铁路一样,把每一站连接起来。

下面这个导视牌则是利用线把不同的信息区隔开,就像一条马路一样隔开不同地方。为什么会给你产生这种的心里感觉?因为设计就是源于生活。

最后说下面。 假如在一个海报中,面就是代表主产品。假如在一个长页面上,面就会起到信息分组的作用。比如一个手表页面,男款手表一个背景色块,女款手表一个背景色块。同一个色块说明你们属于同一组属性。

下面这个活动模块,一个色块就是一个面,就代表一个活动内容。

最常见的面,除了矩形之外,还有三角形和圆形。三角形的面会给人锋利,运动,男性的味道。圆形的曲面会给人女性柔美的味道。

下面这个图,倾斜的三角色块就给带来运动,动感的调性。

含有圆弧的曲线的页面则会给人带来柔美的的感觉。

总结下:其实点线面理论最大的作用是一种思维方式,推理方式。教你透过优秀的作品看懂原作者的设计思路、作品的设计骨架,从点线面三个维度去分析,看看自己的作品缺少哪个层面的元素,以便自己更好的改进。

实际工作中,很多朋友的作品要么缺少点,要么缺少线。

你看看下面这根薯条,加上一堆看不懂的点和线,就有一种牛逼哄哄的感觉…

国外有很多设计,没有绚丽的特效合成,只是通过点线面配合网格系统就可以实现很有逼格的调性。

当你觉的自己的作品总是差点感觉时,不妨通过点线面的维度去分析揣摩优秀的设计作品,找到自身不足,持续的改进自己,把自己修炼成想要成为的模样。

责任编辑:

点线面的意义_【干货】设计中的点线面到底有什么用?相关推荐

  1. UI设计培训之设计中的点线面-面

    想要学好UI设计,从事UI设计工作,那么理论基础知识一定要会,今天小编为大家整理的就是关于UI设计中的点线面-面,在平面构成三要素中面是相对占空间最大的元素,在设计中也包含和表现更加强烈的情感色彩,有 ...

  2. 【UI设计培训基础知识】设计中的点线面-线

    UI设计所要学习的知识有很多,想要在后期的工作中稳稳当当,基础知识一定要扎实,下面就是小编为大家整理的一份关于UI设计培训基础知识的相关内容,主要讲的是设计中的点线面-线,来看看下面的详细资料吧. 点 ...

  3. 版式设计中的点线面总结

    版式设计中的点线面总结 (写作时间:4月27日 作者:陈铭军) 版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段,表面上看,它是一种关于编排的学问:实际上,它不仅是一种技能,更实现了技术与艺 ...

  4. 平面设计计算机考试试卷分析,干货 | 设计类校考到底考什么?

    原标题:干货 | 设计类校考到底考什么? 有很多想要考设计类院校的同学们 都特别想了解设计类院校的信息 小编今天给大家揭秘 设计类院校到底考什么? 以及最新的全国各院校历年设计考题 注意: 以下文中的 ...

  5. 电源设计中电源输出端到底需要放多少电容?

    电源设计中电源输出端到底需要放多少电容? 目标阻抗 电容与电流的关系 实例计算 负载角度 目标阻抗角度 大部分的硬件设计都是存在较大冗余的.其实和软件类似,随着版本的迭代,新人换旧人,你已经不知道这个 ...

  6. 点线面的意义_论文:点线面在设计中的运用

    论文:点线面在设计中的运用 点.线.面是构成平面设计的三大基本元素.点不是传统意义中的一个固定概念,在平面设计中将所有的元素都可以视为点,只是其形态各有不同.线在视觉导视中具有一定的指向性,平面设计可 ...

  7. 点线面的意义_点线面在绘画中的意义

    论绘画中的点线面 龙源期刊网 http://www.qikan.com.cn 论绘画中的点线面 作者:郭俣 来源:<文艺生活· 文海艺苑>2014 年第 08 期 摘 要:艺术工作者应该给 ...

  8. 点线面的意义_浅析点线面在平面设计中作用与意义.doc

    浅析点线面在平面设计中作用与意义 浅析点线面在平面设计中作用与意义 [摘 要]形态语言千姿万态,但平面形态要素可归结为点.线.面,通常称之为"视觉三要素".点.线.面纯属感觉存在, ...

  9. 产品设计中的点线面法则

    上一篇文章主要讲的是如何从零搭建起一个信息系统的方法,但实际上甚少有产品人员会参与到系统搭建的工作,因为系统架构往往是在产品的初期,大部分的情况下都是已经搭建好的系统再去根据不同的需求增加不同的流程或 ...

最新文章

  1. 2017-2018-1 20155204 《信息安全系统设计基础》第十一周学习总结
  2. linux驱动:TI+DM8127+GPIO(三)之omap_hwmod中添加GPIO资源
  3. 【3-12】数据库子查询及聚合函数
  4. D - 数据结构实验之排序四:寻找大富翁
  5. 如何翻译英文PDF?如何翻译英文word文档?
  6. [react] 请说说什么是useRef?
  7. hdu4405:概率dp
  8. 母函数——找单词(hdu2082)
  9. Linux技术研究-基础篇(启动和自动挂载)
  10. python刚出来多少薪资-作为Python程序员,薪资一般是多少?
  11. 【优化算法】混沌游戏优化 (CGO)【含Matlab源码 1010期】
  12. 计算机应用第四单元,计算机应用基础基础模块教案 第四单元 Word 2010文字处理软件.docx...
  13. 【面试经历】问题总结
  14. JS eval json unexpected token :
  15. linux 4k 桌面壁纸,10个值得珍藏的4K高清壁纸网站推荐
  16. Python自动化体系学习思维导图、知识点整理
  17. Matlab之图像空间变换(六)
  18. 周期性行业是什么意思_周期性股票是什么意思 周期性股票的特征有哪些
  19. 数模转换器(DAC)——百度百科
  20. MATLAB text的“关键字”

热门文章

  1. Sencha Cmd包
  2. UVA 10163 Storage Keepers (01背包DP + 二分)
  3. Node.js Web 模块(客户端 服务端实例)
  4. 雷达信号处理基础-历史和源来
  5. iPhone 设备目录结构
  6. [强网杯 2019]随便注 —— 堆叠注入
  7. 轻断食过程中的身体变化
  8. nvidia驱动程序下载类型怎么选?
  9. 英语手记——持续更新
  10. JAVA语言对接报警类语音通知接口demo示例