当前位置:文档之家› 版式设计的视觉流程

版式设计的视觉流程


2.6 散点视觉流程
• 散点视觉流程,是指在分散处理视觉元素的编 排方式。它强调感性、自由性、随机性、偶合性。
• 其视觉流程为:视线随各视觉元素作或上或下、或 左或右的自由移动。这种视觉流程不如其他视觉流 程
• 严谨、快捷、明朗,但生动有趣,给人一种轻松随 意和慢节奏的感受。
• 自由的视觉元素组合成明确的主题

2.2 曲线视觉流程
• 曲线视觉流程,是由视觉要素随弧线或回旋线运动 而形成的。它不如直线视觉流程直接简明,但更具 流畅的美感。曲线视觉流程的形式微妙而复杂,可 概括为两种形式:
■弧线形(c形)视觉流程:有扩张感和方向感。 ■回旋形(s形)视觉流程:两个相反的弧线产生矛盾回 旋,在平面中增加深度和动感。
3. 形象导向
形象导向,简洁明确

4. 视线导向 一组人物、动物面向同一方向,会因共同的视线而一致起
人物的视线对着物品,就会引导浏览者的视线集中到 物品上。充分利用视线导向,可以使视觉元素之间的联系 加强,结构更加紧凑。
• 页面中的图像将视线引向画面以外
二. 视觉流程的形式
• 1.视觉流程的筹划 • 视觉流程是版式设计的重要内容,可 以说,视觉流程运用的好坏,是设计者技 巧成熟与否的表现。
• 视觉流程的筹划包括几个重要的因素,下 面就对它们作具体的归纳与分析:
• 2 视觉流程类型
视觉流程主要包括以下几种类型:
单向视觉流程(线型视觉流程) 曲线视觉流程 重心视觉流程(焦点视觉流程) 反复视觉流程 导向视觉流程 散点视觉流程
2.向心:
视觉元素向 版面中心聚 拢的流程。
3.离心: 犹如将石子投入水 中,产生一圈一圈 向外扩散的弧线运 动。 重心的视觉流程使 版面产生强烈的视 觉焦点,使主题更 为鲜明而强烈。
重心视觉流程 违背视觉流程的规律,文字与图形把版面 的重心引向上方或下方、异常出位。但从 整体布局来看,具有一种与众不同、标新 立异的独特魅力。
2.5 导向视觉流程

导向视觉流程,是通过诱导性视觉元素,主 动引导读者视线向一定方向作顺序运动,按照由 主及次的顺序,把页面各构成要素依次串联起来 ,形成一个有机整体。导向视觉流程的应用也很 多见,可以使网页重点突出、条理清晰,发挥最 大的信息传达功能。视觉导向元素有多种,有虚 有实,表现多样。
• 2、视觉流程的节奏性
• 节奏作为一种形式的审美要素,不仅能提 高人们的视觉兴趣,而且在形式结构上也 利于视线的运动。 • 它在构成要素之间位置上要造成一定的节 奏关系,使其有长有短,有急有缓,有疏 有密,有曲有直形成心理的节奏,以提高 观众的阅读兴趣。
• 3、视觉流程的诱导性
• 现代广告的编排设计上,十分重视如 何引导观众的视线流动。设计师可以 通过适当的编排,左右人们的视线, 使其按照设计意图进行顺序流动。用 什么要素捕捉观众的视觉注意力呢?
横向的视觉流程,向人们传达出稳重、可信的视觉语言
作品:《戏剧海报》 作者:冈特.兰博(德国)
作品运用二维空 间与三维空间过渡 与巧妙结合,表现 图形创意思维和独 特的视觉效果。
• 斜向视觉流程:斜向线的版面设计流程以不稳定 的动态引起注意,不仅能有效地烘托主题诉求点, 且视觉流向独特,往往更能吸引人的视线。
• 安排广告人物形象的动势时,一般均让人物形象 的视线朝向于版面之内部,其他手、脚的动态设 计,也要配合视线的方向,做出有运动感的姿势 ,以强调视线的方向,引导观众的视线从人物形 象的脸部开始,顺着手、身的动势一步一步地引 导至广告的诉求重心。如果广告人物形象之视线 朝向于广告版面之外部,则观众的视线流动就会 中断,视觉流程的设计就不能发挥它预期的功能 。
2.1单向视觉流程(线型视觉流程)

线型视觉流程,分为直线视觉流程和曲线视 觉流程两类。
• 1、直线视觉流程 • 使页面的流动线更为简明,直接地诉求主题 内容,有简洁而强烈的视觉效果。直线视觉流程 表现为三种形式:
• 竖向视觉流程:给人坚定、直观的感觉。
明确、简洁的竖向视觉流程
• 横向视觉流程:有稳定、恬静之感。
1 .报纸广告的版式视觉流程
理解和运用版式设计的视觉流程
报纸广告是大家非常熟悉的广告形式。它种类繁杂、发行 面广、时效性强、传播力高、阅读者众。尤其是报纸的连续性, 更能吸引读者逐步加深印象。所以说,报纸是“解释力最强” 的广告媒体。报纸广告的版面大体分为双页跨版、双半页跨版、 整版、半版、四分之一版、三分之一版和其它不同尺寸的广告 版面。 这要根据客户要求的具体内容进行适当的选择。一幅报纸 广告主要由商标、品名、标题、广告语、文案、厂名、图片和 图形等要素构成,设计师的任务就是发挥上述各种要素的机能, 抓住读者的视线,创造出富于个性的版面形式,达到销售商品 和建立品牌形象的目的。
• 5、由于人们的视觉运动是积极主动的,具有很强 的自由选择性,往往是选择所感兴趣的视觉物象, 而忽略其他要素,从而造成视觉流程的不规划性与 不稳定性。 • 6、组合在一起具有相似性的因素,具有引导视线 流动的作用,如形状的相似,大小的相似,色彩的 相似,位置的相似等。 • 可以说视觉流程运用的好坏,是设计师设计技巧是 否成熟的表现。

表达产生理念上的导向作用。另外,也可以对文字进行图 形化处理,对浏览者产生自觉的视觉导向作用。
1. 文字导向 “请按这里”、“点击进入”等文字,是通过语义的

2. 手势导向比文字导向更容易理解,且更具有 一种亲和力。
用卡通人物作手势导向
2、手势导向
同手势导向一样容易理解,较常采用的形象为箭头。
• 弧线形视觉流程,使页面具有很强的扩张性
曲线视觉流程能使构图变得更丰富,形式感更强,例如圆形或弧线形, 给人以节奏韵律、幽雅柔美的感受,营造轻松随意的阅读气氛
2.3 重心的视觉流程
重心是指视觉心理 的重心,重心由三 种概念:
1.以强烈的形象或文 字独居版面某个部位 或完全充斥整版。 其重心的位置因 其具体画面而定。在 视觉流程上,首先是 从版面重心开始,然 后顺沿形象的方向与 力度的倾向来发展视
重要的信息应该让浏览者最容易发现,而 不是深藏在多层链接之后。
浏览者的眼睛首先看到的是页面的左上角
三、视觉流程运动中应注意的事项
• 1、视觉流程的逻辑性
• 首先要符合人们认识的心理顺序和思维活动的 逻辑顺序,故而,广告构成要素的主次顺序应 该与其吻合一致。 • 例如图片所提供的可视性比文字更具直观性, 把它作为广告版面的视觉中心,比较符合人们 在认识过程中先感性后理性的顺序。
十字形视觉流程:
是垂直线和水平线对称的交叉构图。也有斜形交叉的形式。 其视线的主眼点集中于十字的交叉点,使得重点突出。发挥 最大的信息传达功能。
发射式视觉流程:是 以文字或点、线等形象 作为视线诱导,将多种 条件集中于一个主眼点 上,具有多样统一的综 合视觉效果。编排中的 导线表现多样,虚实相 生,富于运动变化。
2.4 反复视觉流程
2.4 反复视觉流程:以相同或相似的序列反复排 列,形成画面形象的连续性,给人以安定感、整齐 感、秩序化和规律的统一感。 2.5 特异视觉流程:是构成要素在秩序的关系里, 有意违反秩序。使少数、个别的要素显得突出,以 打破规律性。由于这种局部的,少量的突变,突破 了常规的单调性与雷同性,成为版面的趣味中心, 产生醒目、生动感人的视觉效果。
• 运用散点和曲线所形成的柔和的视觉主题
文字散构组合打 破次序感,是整 体画面活跃灵动。
作为个性化的视觉元素,拼贴剪纸式的文字分别占据了三个 点,吸引视线在它们之间流动。
最佳视域顺序
最佳焦点
最佳视域区
视觉流程
人们阅读材料时习惯按照从左到右,从 上到下的顺序进行。浏览者的眼睛首先看到 的是页面的左上角,然后逐渐往下看。根据 这一习惯,设计时可以把重要信息放在页面 的左上角或页面顶部,如公司的标志、最新 消息等,然后按重要性依次放置其他内容。
版面设计的视觉流程
一. 视觉流动顺序
二 . 视觉流程的形式
三. 视觉流程运动中的注意事项
• 在视觉心理学家的研究中,发现其下:
• 一条垂直线在页面上,会引导视线作上下的视觉流 动; • 水平线会引导视线向左右的视觉流动; • 斜线比垂直线、水平线有更强的视觉诉求力; • 矩形的视线流动是向四方发射的; • 圆形的视线流动是辐射状的; • 三角形则随着顶角之方向使视线产生流动; • 各种图形从大到小渐层排列时,视线会强烈地按照 排列方向流动。
经验丰富的设计者都对 此非常重视,他们善于运用 这条贯穿页面的主线,设计 易于浏览的页面。 从某个角度讲,视觉流程的 设计结果就是版式。
人们是怎样看图片的? 研究者们发现,我们眼睛浏览图 片时不是处在一种连续不断的扫视之 中,而是有一系列短暂的停顿和跳跃 。这种间断不完全是任意的。记住这 一点,我们应注意下列一些情况。
• 观看这张图的时候,你先看到了什么,后看到了什么?
一. 视线流动规律
• 1、当某一视觉信息具有较强的刺激度时,就容易 为视觉所感知,人的视线就会移动到这里,成为 有意识注意,这是视觉流程的第一阶段。
• 2、当人们的视觉对信息产生注意后,视觉信息在 形态和构成上具有强烈的个性,形成周围环境的 相异性,因而能进一步引起人们的视觉兴趣,在 物象内按一定顺序进行流动,并接受其信息。
• 3、人们的视线总是最先对准刺激力强度最大之 处,然后按照视觉物象各构成要素刺激度由强 到弱的流动,形成一定的顺序。
• 4、视线流动的顺序,还要受到人的生理及心理 的影响。由于眼睛的水平运动比垂直运动快, 因而在视察视觉物象时,容易先注意水平方向 的物象,然后才注意垂直方向的物象。人的眼 睛对于画面左上方的观察力优于右上方,对右 下方的观察力又优于左下方,因而,一般广告 设计均把重要的构成要素安排在左上方或右下 方。
广告设计与视觉流程
相关主题