编排设计 第二章 第六节 版面设计的视觉流程幻灯片.ppt

D.反复视觉流程 反复视觉流程是指网页中相同或相似的视觉要素，作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。 指相同或相似的视觉要素作规律、秩序、节奏的逐次运动。 规则排列的小图片具有秩序美 E.导向视觉流程 导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使网页重点突出、条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。 通过诱导元素，主动引导读者视线向一定方向顺序运动， 直到引出主题。 1. 文字导向 “请按这里”、“点击进入”等文字，是通过语义的表达产生理念上的导向作用。另外，也可以对文字进行图形化处理，对浏览者产生自觉的视觉导向作用。 2. 手势导向 手势导向比文字导向更容易理解，且更具有一种亲和力。 用卡通人物作手势导向 3. 形象导向 同手势导向一样容易理解，较常采用的形象为箭头。 形象导向，简洁明确 4. 视线导向 一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。 页面中的图像将视线引向画面以外 2.6 散点视觉流程 散点视觉流程，是指在分散处理视觉元素的编排方式。它强调感性、自由性、随机性、偶合性。 版式中，图与图，图与文字间呈分散状态编排。 其视觉流程为：视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程 严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。 自由的视觉元素组合成明确的主题 运用散点和曲线所形成的柔和的视觉主题 四种最常见的画面理性分割 版式设计时，应考虑到将重要信息或视觉流程的停留点 安排在注目价值高的位置，这就是优选的最佳视域。 作为个性化的视觉元素，拼贴剪纸式的文字分别占据了三个点，吸引视线在它们之间流动 人们阅读材料时习惯按照从左到右，从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯，设计时可以把重要信息放在页面的左上角或页面顶部，如公司的标志、必威体育精装版消息等，然后按重要性依次放置其他内容。 　 　重要的信息应该让浏览者最容易发现，而不是深藏在多层链接之后。 浏览者的眼睛首先看到的是页面的左上角 四 、视觉流程的实现 赫尔辛基设计 周2012海报欣赏 5、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。 ? 6、组合在一起具有相似性的因素，具有引导视线流动的作用，如形状的相似，大小的相似，色彩的相似，位置的相似等。 可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。 视觉流程可以从理性与感性，方向关系的流程与散构关系的流程来分析。 方向关系的流程强调逻辑，注重版面清晰地脉络，似乎有一条主线、一股气韵贯穿版面，使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干和树枝一样和谐。方向关系流程较散构关系流程更具有理性色彩。 前五项流程均为具有方向和理性的流程。 三、视觉流程的形式 三、视觉流程的形式 1.视觉流程的筹划 视觉流程是编排设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。 视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析。 2 视觉流程类型 视觉流程主要包括以下几种类型： A.线型视觉流程 B.曲线视觉流程 C.焦点视觉流程 D.反复视觉流程 E.导向视觉流程 F.散点视觉流程 G.最佳视域 A.线型视觉流程 线型视觉流程，分为直线视觉流程和曲线视觉流程两类。 1、直线视觉流程 使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式： 竖向视觉流程：给人坚定、直观的感觉。 明确、简洁的竖向视觉流程 横向视觉流程：有稳定、恬静之感。 横向的视觉流程，向人们传达出稳重、可信的视觉语言 斜向视觉流程：以不稳定的动势引起注意。 斜向视觉流程，使页面产生动感 斜向——不稳定的动态引起注意 B. 曲线视觉流程 曲线视觉