- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
非遗电子读物版式设计——点、线、面
一、界面中的版式设计
在了解界面设计艺术语言之前有必要讲清楚的一点是:界面设计与传统的平面设计之间的异同。其一,从视觉传达方面来说二者有很大的相似之处;其二,更为重要的是二者的不同之处,界面设计不同于平面设计,界面设计不是一成不变的信息,也不单是被动的接收信息,而是可以具有动态的视觉效果、可变的信息、听觉上的反馈以及有趣的交互。电子读物界面设计是传统平面设计的视觉传达效果运用和互动媒体技术实现的有机结合。
自然界的万物形态都是由点、线、面构成的。同样,在电子读物界面的视觉构成中,点、线、面既是最基本的造型元素,又是最重要的表现手段。界面设计实际上就是如何经营好这三大元素之间的关系,在我们确定电子读物界面主体形象的位置、动态时,点线面将是需要最先考虑的因素。只有合理的安排好点线面之间的关系,才能设计出具有最佳视觉效果的界面,充分的表达出界面最终的诉求,这是合格设计师必须做到的。
点、线、面具有不同的情感特征,我们要善于采用不同的组合去体现不同的情感诉求。界面中的一个按钮是一个点,一个文字也是是一个点。 几个字符的连续排列形成线,几个小图标的排列也是线。而多个字符的聚在一起就形成了面,多个图像的排列也是面。在构成中,点、线、面是必不可缺的三大元素,在界面设计中同样如此,而且点、线、面相互依存,相互作用,可以组合成各种各样的视觉形象,千变万化的视觉空间。
二、点
1.点的基本特征
康定斯基认为:“点是最简洁的形态”。而且点也是一切形态的基础。点有位置而不具有大小,因此,点是具有空间位置的视觉单位。它没有上下左右的连接性与方向性。点只有位置、大小、但没有方向,点的移动轨迹形成线,线的扩张移动形成面,因此,面是线移动的轨迹。
点的基本特性是聚集。任何一个点都可以成为视觉的中心。点是相对较小而集中的形。现实中的点有大小,必然也有一定的形状。点可以是任何形状,不同形状的点在画面中给人不同的感觉。点可分为规则形态和不规则形态两类。其中规则的形态有常见的圆形、椭圆形、三角形、方形,规则多边形等。常见的不规则的点是由不规则的线构成,形象自由随意,给人以灵动多边之感。如图3-1所示。
图3-1 不规则的点
不规则点在中国书法中体现得尤为明显。现代设计将书法作为造型手段巧妙的应用于设计中,即体现了历史文化的底蕴,同时又有现代设计生动、活泼的个性。如图3-2所示不规则点在界面设计中的应用,画面有韵味又不失活泼之感。
图3-2不规则点在界面设计中的应用
2.点在界面设计中的含义和作用
(1)点在界面设计中的含义
界面设计中的“点”的基本含义与构成中“点”的基本含义基本是相同的,所不同的是其外延不同,它不仅包含静止画面中“点”的特性,而且还包含运动中“点”的特性。我们也可理解为点的形式和内容在运动画面中的应用。并给人们心理上和视觉上所造成的影响。如图3-3、图3-4所示的同一界面中的点在不同时间段的不同界面效果。
图3-3界面中的点
图3-4界面中的点
在界面设计中,点也是相对线和面而存在的视觉元素。一个单独而细小的形象可以称之为点。点是相比较而言的,比如太阳在整个宇宙中是一个点,画面中的一个汉字是一个点;相对微小单纯的视觉形象也是一个点,如一个按钮,一个图标,一个LOGO等等。 在界面设计,同样点有很多形态,它可以是圆的、方的、不规则的、甚至是动态的。界面设计中往往需要有数量不等,形状各异的点来构成。点的形状、方向、大小、位置、聚集、虚实、发散、动态、质感的变化能够给观者带来不同的心理感受。
(1)点在界面设计中的作用
1)点是视觉的中心,能凝聚视线,引起视觉注意,具有集中、提示、强调的作用。
(2)点具有定位性
由于点在视觉上具有收缩性,可以把人视觉向点的中心集中,具有一种“向心力”,引起观者更大的关注,具有定位功能。
(3)点作为微小的元素,可以在界面中起到点缀作用。
(4)点的空间位置
点在界面中位置的不同,给人不同的心理感受。点在画面中间部分给人一种安定、安全、平稳、平静、集中、庄严和严肃的心理感受。
如果在画面下方,会有一种稳定、压抑之感。
如果在画面上方,会在心理上产生一种动感和轻飘感。
如果在左侧的对角线附近,就会在心理上有一种向下的运动感,并且会向右边展开。
如果在右侧的对角线附近,那么将是一个动静关系配合最完美的位置。会产生既丰富又不杂乱的视觉效果,形成和谐统一的位置对比关系,还能产生一种象征含义,把观众的心带到一种至美的境界。
(5)点与点之间的关系
近距离放置的两个点,由于张力的原因会产生线的感觉。而且面积较小的点会被较大的点吸引,从视觉上产生由小向大移动的感觉。
点的连续性能形成线化,由点组成的虚线有刚、柔、曲、直的性格,具有引导方
您可能关注的文档
- 动物病理 水肿 7、水肿.docx
- 动物防疫与检疫技术 专业技术标准 畜禽环境术语.doc
- 发动机拆装实训 活塞连杆组的拆装与检测 项目五齿轮链和凸轮轴拆装与检测.docx
- 发动机机械系统故障诊断与修理 任务2.2曲轴飞轮组检修 2.2曲轴飞轮组学生手册.doc
- 发动机机械系统检修 柴油滤清器 柴油滤清器.docx
- 发动机机械系统检修 电子教案-配气机构总装 配气机构总装.docx
- 发动机机械系统检修 喷油泵 喷 油 泵.docx
- 发动机机械系统检修 汽油喷射式供给系概述 汽油喷射式供给系概述.docx
- 发酵过程控制技术 02-14发酵罐泡沫的控制 引导文-发酵罐泡沫的控制.doc
- 发酵过程控制技术 03-04酵母细胞大小的测量 引导文-酵母细胞大小的测量.doc
- 中国国家标准 GB/T 18233.4-2024信息技术 用户建筑群通用布缆 第4部分:住宅.pdf
- GB/T 18233.4-2024信息技术 用户建筑群通用布缆 第4部分:住宅.pdf
- GB/T 18978.210-2024人-系统交互工效学 第210部分:以人为中心的交互系统设计.pdf
- 《GB/T 18978.210-2024人-系统交互工效学 第210部分:以人为中心的交互系统设计》.pdf
- 中国国家标准 GB/T 18978.210-2024人-系统交互工效学 第210部分:以人为中心的交互系统设计.pdf
- GB/T 16649.2-2024识别卡 集成电路卡 第2部分:带触点的卡 触点的尺寸和位置.pdf
- 《GB/T 16649.2-2024识别卡 集成电路卡 第2部分:带触点的卡 触点的尺寸和位置》.pdf
- 中国国家标准 GB/T 16649.2-2024识别卡 集成电路卡 第2部分:带触点的卡 触点的尺寸和位置.pdf
- GB/T 17889.4-2024梯子 第4部分:铰链梯.pdf
- 《GB/T 17889.4-2024梯子 第4部分:铰链梯》.pdf
文档评论(0)