- 版式设计的空间构成!不可或缺“线”!
- 来源:设计智造
文/王彬 版面的设计元素包括文字、线、照片、图形等,由于这些设计要素在形状、色彩、大小、虚实、长短等方面存在着能够创造出不同视觉空间的差异性,若将这些基本的设计元素进行不同的组合,并通过合理的设计编排处理,便可以在二维平面中创造出具有强烈冲击力、复杂多变的视觉空间感。
作为一个重要的版面设计元素,线介于点与面之间,是最具情感表现力的设计元素。不同的线有着自己独特的个性与情感,线的长短、宽窄、方向、形状、位置、曲直都决定着一个版面的基本形象特征。例如:斜线不稳定,竖线严肃,焦点线有透视感,交叉线有紧张感;实线具有明确感,虚线具有不确定性;粗线清晰单纯、直接固执,而细线轻柔优雅、婉转流畅,能完美的诠释动态。
线除了具有情感表现力以外,还具有流动性、方向性、延续性和远近感,而这些感受能够带来视觉上的空间深度和广度,使二维版面形成三维空间思维。如果设计师能够在版面设计中很好地运用线,就会获得更多更好的设计效果。
版式设计中的“图底”关系的产生,正是线作用的结果,是线条在版面中分割所致。在平面设计的版式编排中,这种“图底”关系也可被称为“实空间”与“虚空间”。一般情况下,任何物象的存在都占据着一定的空间,人们便习惯于将物象本身叫做“实空间”,相应的物象之外的空间叫做“虚空间”或是“空白空间”。
在平面设计中,版面中的虚空间更是构成整体设计的一个重要部分,它不能被简单地认为是设计的背景,如果能将空白的虚空间安排得当,设计的整体效果则会成倍提高。虚空间运用得好,有时甚至会成为设计中最突出、最令人瞩目的部分。在版面中不能只看到图形、字组,而忽略由这些图文围合成的空白。空白对图文起到衬托的作用,使观者的视线得以集中,进而提高版面的“间隔醒目价值”,提升版面的品质。
人们在阅读的时候会习惯自上而下、自左而右、自疏而密,这些都是人们自身生理机能的本能反应。正如我们在阅读的时候会从书本中感受到一种从左至右、自上而下的空气流动,而这种流动感恰恰与视觉流程方向一致,它们时而舒婉流畅,时而欢快雀跃,时而停留;它们时分、时合,或汇拢成静静的一片,或分散为涓涓细流从字里行间穿行而过,这就是版面中的空白。
在版面设计中,空白空间可以引导观者按照一定的顺序进行阅读,这种视觉流程的无声胜有声的工具并不需要额外的标注,空白空间就像是一条条道路,使我们能够顺利地游走在版面之上,能够有效引导画面中的视线,强化页面信息。在版面中,空白的疏密、形状、方向、大小等关系都会影响版面的质量和水平,决定了版面空间的排列及视觉流程的走向,影响着读者的视觉心理。
由此可见,空白空间可以使版面看起来更加有序,能够强化信息的传递。但如果只是为了追求效果,而忽略了信息传达的空间运用,就会削弱设计作品的完整性和合理性,从而失去了设计的意义。设计应该是实用性和审美性的统一,设计师应该使用简洁的视觉要素进行版面的空间处理,让版面更加有趣和有吸引力。
在版式编排中,线的内涵得到了进一步的延伸,由纯粹的形体轮廓线、结构线扩展到版面空间的分割线。这些线可以是看得见的线,具备着线的最基本特征;也可以是看不见的线,不直接表现为线的特征,而是呈现出线的势态,形成势态之线。无论是哪一种线,都是线在版式设计中的体现,同样具备延伸和拓展版面空间的作用。
线在版面中的分割可以分为两种:
①是对版面进行二维的、平面的分割,即横向分割。在版面中,编排文字、图片或图形,便有意无意地产生了分割的问题,将版面分割成不同的视觉区域。横向分割可以使复杂的版面结构更加统一协调;
②是对版面进行三维的、空间的分割,即纵向分割。纵向分割是对版面进行具有空间意味的纵深分割,使二维的平面产生三维空间的效果,使版面形成近景、中景、远景的划分,从而产生空间的虚实变化,人们把版面中的这种层次称为“三分法”。
三分法可以使版面主次分明,避免了主次不分、杂乱无章的状况。但是设计师也要明白过多的层次也会影响版面单纯、清晰的气质,简练的少层次的分割往往更受欢迎。这两种分割形式往往同时存在于每一个版面中,无论哪一种分割都是用线将版面空间进行划分。
版式设计的最终目的是使版面具有良好的易读性和悦目的审美性,从而达到最佳的诉求效果。这就要求设计师在进行版面设计的时候要把握内容与形式的统一,协调整体的布局,即处理好图与图、字与图、字与字之间的组织构成关系。线作为版式中抽象的视觉要素之一,它与点、面有机地相互呼应作用在版面中。
我们所说的版式中的线,包括可视的、能直接用眼看到的有形的线,还包括无法用眼睛直接看到的线,即无形的线,它是通过时间的变化在版面中所产生的线。无形的线就是视觉在版面上的一种流动轨迹,我们称之为视觉导线。视觉导线是一种空间的运动,是视觉随各元素在空间中沿一定轨迹运动的过程。
单向视觉导线就是视线随着各视觉要素的引导,形成版面中的一条单向的虚线。这里的单向线就是指直线,即不同方向的直线。由此产生横向视觉导线、竖向视觉导线和斜向视觉导线,我们最常见到的横排的印刷品都是横向导线的典范,反之,采取竖编排的版面中产生的都是竖向视觉导线。单向视觉导线给人单纯、简明的视觉感受。
与单向视觉导线的简单明了相比较,曲线视觉导线则显得更为丰富多变,使视线在版面中形成一条弯曲的视觉流线。曲线视觉流程可以分为几何曲线视觉导线和自由曲线视觉导线。几何曲线的视觉导线给人理性的、严谨的视觉性格感受,自由曲线的视觉导线给人一种轻松、优雅和趣味的性格感受。
导向视觉导线可以使版面中的视觉要素在其引导下进行有序的流动,是一种具有主动性的视觉导线。箭头、手势、文字、视线等指示性的视觉符号使版式的重点突出、条理清晰,当观者面对这样的版面时就会很自然地顺着其所指示的方向进行阅读观看。
与以上规律的视觉导线不同的是散点视觉导线,版面中视觉各元素的相互作用缺乏规律性,各元素之间是自由、偶然、感性的构成。视觉各元素既各自为政,又相互吸引、相互排斥从而形成了一种无明确焦点的视觉导线。这种视觉导线的特点是生动灵活。采取散点视觉导线的设计,画面看似凌乱,但是设计师通过调整图片的大小、位置等,依然可以使观者按照一定的顺序进行阅读。
① 官方头条号:设计智造 顶级创意设计师必备
② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!
设计
-
- 「MHD妙合分享」巴塞尔大学附属儿童医院标识设计
- Irb-zurich标识设计公司受委托为瑞士巴塞尔大学附属儿童医院(UKBB)新大楼进行标识设计、导视设计和图形设计。
- MHD妙合
-
- 纸艺|尾巴大大的小松鼠
- 小朋友们经常去景区或者动物园,也许会见到窜上窜下、可爱的小松鼠,它们有大大的尾巴,小小的耳朵,非常惹人喜爱。那么,今天的教程就教小朋友用废旧纸筒做出一个可爱的小松鼠。所需材料:卫生纸筒,棕色卡纸及其他
- 幼师梦
-
- 折纸手工|三只小猪和他们的房子
- 为三只可爱的小猪建造一个属于他们自己的家吧。所需材料:白色卡纸,蜡笔,剪刀,竹签,胶棒等。以下为小猪的打印模板,按照已有的纹理折叠,一直可爱的小猪就出来了,然后根据自己的喜好进行上色。(一)(二)(三
- 幼师梦
-
- 字体设计的合集,每一张都好多灵感
- 今天欣赏一组字体设计,虽然只有几张图片,但是每张图片有很多内容哟~非常值得借鉴收集。让我们快来欣赏一下吧~
- 设食计
-
- PS天空背景的这6个细节 你不会不知道吧?
- P图,是每一个平面设计师必备技能,看着大神的PS作品,很多刚入门的设计师也会有一种大试身手的冲动。然而台上一分钟,台下十年功,出色的设计师除了技能过硬之外,对图像和画面的触觉也相当重要,于是,关于这方
- CAD设计一点通
-
- 想知道如何设计自己的专属logo吗?其实很简单
- 每个人都疑惑零基础学UI设计难吗?能学会吗?其实一点也不难,每个人都能学会今天就要给大家分享零基础学员作品logo设计作品展示别看一个个简单的logo学员们所花费的心血不亚于一张三折页从构思、理念、创
- 华信智原天津IT达人
-
- 美食、宠物、APP……艺术生的小学期果然不一样!
- 2018年7月18日-27日,机械学院工业设计系成功举办了“智慧生活与用户体验工作坊”。此次工作坊为工业设计系人工智能与创新设计系列课程一部分,面向16级工业设计专业学生,由王雪皎老师与李淳老师担任任
- 北科大青年
-
- Fortuna Düsseldorf 1895 Sports-品牌形象设计欣赏
- Fortuna Düsseldorf 1895 Sports - 品牌形象设计欣赏生命在于运动,以火红的颜色来唤起人们对运动的热爱,干净简洁设计,更耐人寻味,传播效用更持久有效。
- FORMER品牌设计
-
- 剖析!平面海报的视知觉
- 文/孙晨晨 众所周知,平面海报给人视觉上的认知,是由文字、图形、色彩三要素构成,这些因素是人们视网膜成像的原因,然而平面海报何以打动受众而迅速传达功能?其实就是通过人的知觉来感应,知觉是高于视觉的一种
- 设计智造
-
- 版式设计的空间构成!不可或缺“线”!
- 文/王彬 版面的设计元素包括文字、线、照片、图形等,由于这些设计要素在形状、色彩、大小、虚实、长短等方面存在着能够创造出不同视觉空间的差异性,若将这些基本的设计元素进行不同的组合,并通过合理的设计编排
- 设计智造
-
- logo设计中不得不知的9大“窍门”!
- 你设计的logo还令客户满意么?如果还没找到logo设计的“窍门”,那就继续看下去吧……1、破碎的字母以Scala标志为例。Scala是一家向用户强调能够帮助他们提升业务能力的基金咨询公司。该公司的品
- PS视觉设计
-
- 艺术签名设计,看看你能留名吗?
- 昨日艺术签名抽写:赵国华胡刚吴清凯苏祥学李艳洁宋天祺车海涛许文彬杨西阳欢迎大家点赞关注评论,每天免费抽写!
- 南枫艺术签名
-
- 这座大楼可装、可卸、可拆、可建,你见过吗?
- CMRU管理与学术大楼CMRU Admin and Academic Block / M9 Design Studio来自建筑事务所的描述:建筑位于Bangalore郊区的新校区内,建筑师受邀负责设计
- 专筑网
-
- 万彩脑图大师-可缩放演示的炫酷3D思维导图软件「限免」
- 万彩脑图大师是一款可以缩放演示的炫酷的3D思维导图软件,功能齐全,风格多样,可随意添加任何媒体元素,轻松做出炫酷又有创意的动态思维导图。大家都知道,平时用思维导图软件,完成制作后导出来,就是一个图片,
- 瞅瞅吧
-
- 世界最便宜的大厦和最扭曲的建筑,52层高,360度扭曲,大开眼界
- 中国许多地方城市化的特征之一就是有高楼大厦的建成。在许多大城市里面,摩天大楼总是随处可见的,这些高楼大厦可能是一个地方的标志,也可能是一些企业的办公场所,甚至是一些人们娱乐,吃喝玩乐的地方。高楼大厦除
- 石头侃房