点线面的意义_如何运用设计中的点线面?
今天小课堂给大家分享设计中的点线面该如何运用?喜欢设计的小伙伴可以关注UP主噢!
一.点的运用
在几何学的意义上点是可见的最小形式单元,是位置的表示形式。无所谓方向、大小、形状。但所为设计构成的点与几何中的点是不同的。只有当它与周围要素进行对比时才可知这个具有具体面积形象是否可以称之为”点”。
康定斯基认为从内在性的角度来看,点是最简洁的形态。
举个例子,下面的网站是一个日本传统的24节气网站,站点设计也非常的传统,用非常简约的线条和少量的元素组合成了一种空灵的美感。
看起来都是文字和线条的交接,看起来并没有所谓的点的组成,但实际上一些文字在视觉里起到了点的作用,如下图所示,右侧标题作为视觉中心,紧密的排列起来的文字形成了一个矩形视觉焦点,而左侧的小文起到平衡视觉的作用。
网站地址:http://www.iseokagenosato.jp/kotonohagusa/
1.不同形状的点往往给人以不同的视觉心理感受
圆形,平稳,在感情上是饱满的,浑厚有力量的。
方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。
三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形对称,在平衡中寻求个性。其他不规则的图形,显得富有自己的个性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。
居中:平静,稳定,集中感
居上:不稳定感
居下:画面有沉淀,安静的感觉,但是不容易被人发现。
在页面三分之二靠上时:吸引人注意往往是视觉的焦点。
还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。
3.当画面中有不同大小的点时,大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受
当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。
例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。三角形的位置在页面的三分之 二靠上,正好在视觉焦点的位置。也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。
二.线的运用
如果说点是静止的,那么线,就是点运动的轨迹。游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。
不同的线有不同的感情性格,线有很强的心理暗示作用。
直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。
不同方向的线条和不同的排列方式也对用户起了不同的引导作用
如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。
中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。
右图是一张获得红点大奖的呼吁节电的海报,画面中简洁的直线并带有向下的方向感,即能引起关灯的共鸣也能将不插电这种概念表达出来。
线还有分割画面的作用,线有连贯性,画面因为它的分割而变得生动有趣,对于阅读顺序有着决定性的作用。
再如下图的网页用中央的一根直线将页面划分为左右文字信息和数据可视化的两个部分。
再如下图版式设计中的曲线运用,贯穿整个页面,打破了整齐的文字排版,打破了乏味的基调。
三.面的运用
面是线的移动至终结而形成的,面有长度、宽度,没有厚度。
面的形态是多种多样的,不同的形态的面,在视觉上表现不同的情感。
直线形的面具有直线所表现的心理特征,有安定、秩序感,男性的性格。
曲线形的面具有柔软、轻松、饱满、女性的象征。
不规则的面如:水和油墨,混合墨洒产生的偶然形等,比较自然生动,有人情味。
第一张图的电影海报中用三角形的面来切割画面,视觉上非常有秩序感且稳定。
用大的几何图形来做设计能把视觉集中到图形上,是切割画面内容最好的方式。
第二张图中的不规则的面切割画面让页面整体比较活泼可爱,和画面的品牌牛奶的气质非常吻合,这样的不规则元素被穿插在整个画面中。
通过这篇文章的分析,点线面会用了嘛?
想学习更多设计小知识、干货的小伙伴可以关注平面设计小课堂,私信“学习”带你们学设计!
点线面的意义_如何运用设计中的点线面?相关推荐
- 点线面的意义_【干货】设计中的点线面到底有什么用?
原标题:[干货]设计中的点线面到底有什么用? 兄弟们 姐妹们 大家好 之前写完配色之后准备写下版式,版式当中的最基础的莫过于点线面了,之前有一个粉丝留言问,为什么会有点线面这个概念啊?我当时看到就啧啧 ...
- 点线面的意义_点线面在绘画中的意义
论绘画中的点线面 龙源期刊网 http://www.qikan.com.cn 论绘画中的点线面 作者:郭俣 来源:<文艺生活· 文海艺苑>2014 年第 08 期 摘 要:艺术工作者应该给 ...
- UI设计培训之设计中的点线面-面
想要学好UI设计,从事UI设计工作,那么理论基础知识一定要会,今天小编为大家整理的就是关于UI设计中的点线面-面,在平面构成三要素中面是相对占空间最大的元素,在设计中也包含和表现更加强烈的情感色彩,有 ...
- 【UI设计培训基础知识】设计中的点线面-线
UI设计所要学习的知识有很多,想要在后期的工作中稳稳当当,基础知识一定要扎实,下面就是小编为大家整理的一份关于UI设计培训基础知识的相关内容,主要讲的是设计中的点线面-线,来看看下面的详细资料吧. 点 ...
- 版式设计中的点线面总结
版式设计中的点线面总结 (写作时间:4月27日 作者:陈铭军) 版式设计是现代设计艺术的重要组成部分,是视觉传达的重要手段,表面上看,它是一种关于编排的学问:实际上,它不仅是一种技能,更实现了技术与艺 ...
- 点线面的意义_论文:点线面在设计中的运用
论文:点线面在设计中的运用 点.线.面是构成平面设计的三大基本元素.点不是传统意义中的一个固定概念,在平面设计中将所有的元素都可以视为点,只是其形态各有不同.线在视觉导视中具有一定的指向性,平面设计可 ...
- 点线面的意义_浅析点线面在平面设计中作用与意义.doc
浅析点线面在平面设计中作用与意义 浅析点线面在平面设计中作用与意义 [摘 要]形态语言千姿万态,但平面形态要素可归结为点.线.面,通常称之为"视觉三要素".点.线.面纯属感觉存在, ...
- 产品设计中的点线面法则
上一篇文章主要讲的是如何从零搭建起一个信息系统的方法,但实际上甚少有产品人员会参与到系统搭建的工作,因为系统架构往往是在产品的初期,大部分的情况下都是已经搭建好的系统再去根据不同的需求增加不同的流程或 ...
- ui设计现状与意义_学UI设计到底好不好?
很多初学者对UI设计师从事的工作不太了解,对UI设计的发展前景还没摸清楚,就陷入不知道自己能否学会,怎么学才好的困境. 下面小编就带大家一探究竟,来个传说中的UI设计师职业大揭秘,希望能帮助正在犹豫要 ...
- 管理沟通中移情的应用_移情在设计中的重要性
管理沟通中移情的应用 One of the most important aspects of any great design is the empathetic understanding of ...
最新文章
- 零基础学习java软件开发攻略
- Centos之压缩和解压缩命令
- Java的新项目学成在线笔记-day6(五)
- Oracle密码过期 怎么修改
- emlog充值插件_常用十大必备Emlog插件
- 计算两个矩阵相乘(Java)
- utuntu 视频 无声
- cogs2514 艺术
- 使用虚拟机搭建ClouderaManager平台,并自动部署一个hadoop集群(CDH)
- [SQL]SQL server 常用代码
- 谈计算机财务管理的相关论文,有关计算机财务管理的思考论文
- 实现人脸手动祛痘效果---OpenCV-Python开发指南(60)
- 从哪些方面评价一款在线客服系统产品
- Android自定义View 实现窗帘控件
- php 半角 全角空格,全角空格和半角空格
- 机械加工中304不锈钢与316不锈钢有什么区别?
- 回应:“MJ广东开校之我见”
- 给chrome浏览器设置壁纸
- Android的RemoteViews
- MinGW和 MinGW-W64的区别
热门文章
- LPDIRECTDRAW7编译错误的解决方法
- String转LocalDateTime
- Spring整合MyBatis之MapperFactoryBean
- Web开发之Cookie
- 探索SQL Server元数据(一)
- 一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](十一)
- IBatisNet -- 保护你的配置文件及映射文件信息
- 手工配置Service的过程中。
- Ajax Session Timeout处理
- 读取wav文件中的音频数据操作