图文混排（四）.pptVIP

图文混排 WEB版式设计的视觉流程 主讲：赵娅琼 版式设计视觉流程 概述 视觉流程：在特定的视觉空间，由于视觉元素的变化组合，使视线沿着一定的轨迹运动的过程。 原理 上部——轻松、漂浮、积极高昴 下部——压抑、沉重、消沉、限制、低矮、稳定 左侧——轻便、自由、舒展、富于活力 右侧——紧促、局限却又庄重 视线流动规律 1、当某一视觉信息具有较强的刺激度时，就容易为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。 2、当人们的视觉对信息产生注意后，视觉信息在形态和构成上具有强烈的个性，形成周围环境的相异性，因而能进一步引起人们的视觉兴趣，在物象内按一定顺序进行流动，并接受其信息。 3、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。 5、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在左上方或右下方。 6、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。 7、组合在一起具有相似性的因素，具有引导视线流动的作用，如形状的相似，大小的相似，色彩的相似，位置的相似等。 可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。 版式视觉流程类型 线性视觉流程 焦点视觉流程 反复视觉流程 导向视觉流程 散点视觉流程 线性视觉流程 直线：流动线简明、简洁、视冲强 竖向：坚定、直观 横向：稳定、恬静 斜向：动感、视冲强、注目度高 Z形、T形：形式美感强，创意独特 曲线：韵味和曲线美 C形：饱满、扩张、有一定的方向感 S形：增强深度和动感； 波形：动感，韵律美，稳重。 自由形：生动活泼，节奏和韵律美； 竖向视觉流程 直线视觉流程 横向视觉流程 线性 斜向视觉流程 C形 曲线视觉流程 S形 波形 自由形 线性视觉流程——竖向 线性视觉流程——竖向 线性视觉流程——横向 线性视觉流程——横向 线性视觉流程——横向 焦点视觉注流程横向 焦点视觉注流程——斜向 线性视觉流程—— Z形 线性视觉流程—— Z形 线性视觉流程——Z形 线性视觉流程——T形 线性视觉流程——波形 线性视觉流程——波形 线性视觉流程——C形 线性视觉流程——C形 线性视觉流程—— C形 线性视觉流程——S形 线性视觉流程——自由形 焦点视觉流程 概念：从版面的焦点开始，顺沿形象的方向与力度的倾向来发展的一种视线进程。 表现形式：向心与离心 特点：主题鲜明，形式活泼 关键：A-焦点的设计；B-运动形式的安排 焦点在版式中的应用： 1、让主要形象或文字独占页面的某一个位置或完全充斥整个版面；达到焦点建造 2、通过有别于其它视觉元素的处理方式处理主要形象或文字，达到吸引视觉。 强调图片语言，色彩的对比，独特字体，大小、位置空间 焦点视觉流程——向心 焦点视觉流程——向心 焦点视觉流程——向心 焦点视觉流程——离心 反复视觉流程 反复视觉流程 反复视觉流程 反复视觉流程 反复视觉流程 导向视觉流程 导向视觉流程 导向视觉流程 导向视觉流程 导向视觉流程 导向视觉流程 散点视觉流程 指版面图与图、图与文字间成自由分散状态的编排。强调感性、自由随机性、偶合性、空间感和动感。追求新奇、刺激的心态，常表现为较随意的编排形式。 它的阅读过程不如直线、弧线等流程快捷，但更生动有趣。也许这正是版面刻意追求的轻松随意与慢节奏的效果，这种方式在国外平面设计中十分流行。 散点视觉流程 散点视觉流程 视觉元素对版式设视流的影响 点、线子对视觉流程的影响 点对视觉流程的影响 A：点的大小、比例与版面的相对关系