版式设计的视觉流程解析.pptVIP

在视觉心理学家的研究中，发现其下： 一条垂直线在页面上，会引导视线作上下的视觉流动； 水平线会引导视线向左右的视觉流动； 斜线比垂直线、水平线有更强的视觉诉求力； 矩形的视线流动是向四方发射的； 圆形的视线流动是辐射状的； 三角形则随着顶角之方向使视线产生流动； 各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。 经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。从某个角度讲，视觉流程的设计结果就是版式。 人们是怎样看图片的？ 研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之中，而是有一系列短暂的停顿和跳跃。这种间断不完全是任意的。记住这一点，我们应注意下列一些情况。 观看这张图的时候，你先看到了什么，后看到了什么？ 一. 视线流动规律 1、当某一视觉信息具有较强的刺激度时，就容易为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。 ? 2、当人们的视觉对信息产生注意后，视觉信息在形态和构成上具有强烈的个性，形成周围环境的相异性，因而能进一步引起人们的视觉兴趣，在物象内按一定顺序进行流动，并接受其信息。 3、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。 4、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在左上方或右下方。 5、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。 ? 6、组合在一起具有相似性的因素，具有引导视线流动的作用，如形状的相似，大小的相似，色彩的相似，位置的相似等。 ? 可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。 二. 视觉流程的形式 1.视觉流程的筹划 视觉流程是版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。 视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析: 2 视觉流程类型 视觉流程主要包括以下几种类型： 单向视觉流程（线型视觉流程） 曲线视觉流程 重心视觉流程（焦点视觉流程） 反复视觉流程 导向视觉流程 散点视觉流程 2.1单向视觉流程（线型视觉流程） 线型视觉流程，分为直线视觉流程和曲线视觉流程两类。 1、直线视觉流程 使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式： 竖向视觉流程：给人坚定、直观的感觉。 2.3 重心的视觉流程 重心视觉流程 违背视觉流程的规律，文字与图形把版面的重心引向上方或下方、异常出位。但从整体布局来看，具有一种与众不同、标新立异的独特魅力。 2.4 反复视觉流程 2.5 导向视觉流程 导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用也很多见，可以使网页重点突出、条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。 1. 文字导向 “请按这里”、“点击进入”等文字，是通过语义的表达产生理念上的导向作用。另外，也可以对文字进行图形化处理，对浏览者产生自觉的视觉导向作用。 2、手势导向 2. 手势导向比文字导向更容易理解，且更具有一种亲和力。 3. 形象导向 同手势导向一样容易理解，较常采用的形象为箭头。 4. 视线导向 一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。 2.6 散点视觉流程 散点视觉流程，是指在分散处理视觉元素的编排方式。它强调感性、自由性、随机性、偶合性。 其视觉流程为：视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程 严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。 三、视觉流程运动中应注意的事项 1、视觉流程的逻辑性 ? 首先要符合人们认识的心理