版式设计课件4a

课程负责人：00000?版式设计?课程小组版式设计4设计的视觉流程

4．1设计引导着视觉流程

视觉流程是一种视觉空间的运动，是受众阅读信息的先后过程，它引导读者的视线进入一个组织有序，主次清楚、条理清晰、传达迅速、流畅的视觉信息空间中，并按设计者的意图接受信息。组织适宜的视觉流程，追求形式上的完美那么是版式设计成功与否的关键。视觉流程通常可分为单向视觉流程、曲线视觉流程、异向视觉流程、反复视觉流程、重心视觉流程、散点视觉流程等几种形式。视觉流程设计的根本原那么●逻辑性强成功的视觉流程，应该符合人们的认识思维开展的逻辑顺序，自然、合理、畅快，并有着创意性的传达。●可读性高成功的视觉流程，画面上各传达要素，在一定的限度内应目力所及，可读性高。编排设计要严格把握画面上各要素的间隙大小的节奏感。间隙大，节奏慢，显得大气，视觉流程舒展。但间隙过分大就会失去气韵，彼此不能照应。间隙小(特别文稿)，节奏强而有力，视觉流程快。但间隙过分小，看读性就低。●战略性明成功的视觉流程，应与与所传达信息的内涵相一致，如：独特的销售意念；独特的竞争意念；独特的表现形式等；重点醒目、简洁、易懂、完整，最大限度地发挥媒体的优点等。视觉流程设计的根本方法●抓住重点要在瞬息间抓住人们的视线，引起人们的惊觉和关注，首先画面要有刺激性的重点。设计时，牢牢抓住这一重点(如动人的情感、新奇的形态、迷人的色彩、鲜明的夸张等)不放，并布置在最突出的空间范围内。●信息简明将图形、文稿、色彩等各视觉传达要素，依据战略性内涵，作严谨的功能处理，以求到达信息简明，流程简化，传达迅速的效果。●印象留存留存印象的根本方法是强化形象，突出标题，企业名置于视觉流程的末尾，给人们最后的回音。强化形象，突出标题左页因平均对待，导致主次不明，难以很好地传达信息。右页重点突出，层次清楚，有较强的视觉冲击力。●导向明确为了使视觉流程简捷、有力，往往要借助视线的明确导向，如人的朝向、手势、动势、眼神、文字排列趋向、线条或色块的趋向等，使视觉传达要素主次清楚地串联起来，焦点集中，重点突出。强化形象，突出标题，导向明确。4.1.1视觉中心与视觉流程

视觉中心与一般几何的中心有所不同，从视觉阅读的心理分析上来看，我们往往把版面中心偏上的位置称之为视觉中心。如果将编排设计所要表达的主要信息安排在这一区域，再把其它次要信息按照一定的逻辑关系与形式美的法那么进行编排设计就会出现良好的效果。在一纵长形画面的中心线上．同时划出三条等距的平行线．使在中心线上出现三个等距的焦点．当人们的视线在这三个焦点上来回移动时，发现第一个焦点——中心线上部l／3处最为引人注目，它便是画面的最正确“焦点〞。最正确焦点“最正确视域〞系指画面上最引人注目的区域。画面视觉规律为上侧的视觉诉求力强于下侧．左侧的视觉诉求力强于右侧。因此，画面左上部和中上部称“最正确视域〞。平面广告中突出的信息〔标题和商品名等〕，一般编排在这些方位上，大多数报刊的刊名也均编排此方位上。最正确视域在最正确焦点的周围，有着一个放射状的平缓递减区域．直径为画面宽度的5／6许，这是画面的“最正确视域〞区最正确视域区主题文字和图片编排在视觉中心的位置上，其他的信息依次向下排列，通过色彩的变化，使版面建立阅读层次。

文字的色彩减弱，加强了视觉中心图片的视觉效果，形成了简单的视觉流程。

在视觉中心以上，采用特写的图片方式，反映细部信息，整个版面信息按照由上而下的编排，使信息传达清晰而有序。

4．1.2阅读习惯与视觉流程

利用阅读习惯进行视觉流程的设计，一个常规的视觉流程设计方法，人们在阅读的过程中，通常的阅读习惯是按从左至右，从上至下的顺序进行；认为出版物的每页是相互关联的；临近者相关连，而远距离那么意味着分开；大而深的是重要的，小而浅是次要的；拥挤必须和空白平衡；任何事物都有形状，包括空白空间。根据这种习惯．在编排中将信息按主次分序排列，使内容表达一目了然。这种编排方式或许被认为缺乏新意．但通过对文字和色彩的处理，设计的新面貌仍然会展现出来．人们阅读平面广告，其视线有着一种自然的流动习惯，普遍都是由左到右，由上到下，由左上沿着弧形线向右下方流动的过程线，其注意值逐渐递减。在此流动线上的各点，都会比流动线外的任何点明显，这流动线称“视觉流程〞。习惯上的视觉流程以上是习惯上的视觉流程的一般规律，“视觉流程〞不是不可以改变的，通过巧妙的编排，视线的流向是可以改变的，如：平行线，可使视线左右流动；垂直线可使视线上下流动；倾斜线可使视线不稳定流动。邻近性：外表位置接近的被看成是相关的。上图中的要素〔说明文字和图片〕可看成是不相关的两组。而以下图中每幅说明文字都与它的图片恰当得连接在一起。标志图形放在版面上方．其它信息按照主次关系．通过字体大小、色彩等差异由上至下有序地罗列，使信息一目了然。

主题插图画是根据人的阅读习惯的方向进行绘制的，文字通过大小、色彩、疏密等比照，构成了充满变化的形式美感．同样也建立了阅读层次。通过文字大小的差异．统一采用具有现代感的等线体．在空间上进行合理的分割．非常理性地将信息层次分开．令读者轻松地阅读信息。4．1．3比照构成与视觉流程

在编排设计中利用比照的手法来突出主题，改变读者常规的阅读习惯，从而使读者沿着设计的视觉流程依次阅读。比照产生层次，这种层次也就是设计者为阅读者设计的视觉流程。比照的方式有很多，如：通过形态、大小、疏密、色彩、字体等比照关系来强调主次。还有通过加大主题与周边的留白来突出主题形象，这样可以摆脱设计的平庸和刻板的表现。在编排设计中采用了疏密、大小、明度的比照方式，使信息的主题突出，井依照文字色彩的明度关系进行有序阅读。强烈的比照有助于建立品牌形象，文字采用了横排和竖排，区分了信息的主次．也丰富了版面的构成形式。通过色彩和大小的比照．使信息主次一目了然。简单的视觉元素．构成了丰富的视觉效果。4．1．4照应构成与视觉流程

所谓照应就是协同一致。设计中的照应构成元素有：文字、字体、字号、对齐、方向和图形、形态的大小以及色彩的照应，它是创立视觉流程的又一重要手段。利用共性带来的相互照应，使读者习惯性地将具有共性的视觉元素联系到一起，阅读时自觉跳跃地获取相同信息，在视觉流程有很强的先后上引导性。版式结构与版面中心的标识形成照应，使读者很轻易地记住了重要的信息，并产生深刻的印象。版面中心类似标志图形的构成，令读者不经意地将它们联系到一起，活泼了版面也防止了复杂。．蓝色的小方块在构成上起到了照应的作用，同时也发布了重要的信息，白色的文字平衡了整个版面也丰富了版面的层次。4．1．5信息群组与视觉流程

信息群组就是要求在编排设计中，将所要传达的不同信息，通过群组分成几个层次，并按照主次进行富有创意的编排。其目的是防止在信息传达和阅读的视觉流程上产生混乱，使之井然有序。在编排的构成方面，可把群组中的元素在视觉上作一定的比照，如疏密、强弱；或在空间关系上进行创意组合，如透叠、复叠、连接，也可以通过色彩来进行调和、照应。使得群组之间的关系具有整体性和层次感。将不同造型的酒杯，通过错落有致的编排，并采用透叠的方式、对信息进行有机地重组，

既传递了信息又增强了编排设计的美感。

有关信息的图片，采用局部重叠的方式有秩序地排列，使群组之间的关系形成整体性。在同一版面编排设计中，采用了系列构成的手法，使不同的信息表达形式到达了统一，方便了读者的阅读。4．2视觉流程的设计形式

4．2．1单向视觉流程

单向视觉流程使版面的流动线更加简明，一般按照视觉习惯从左到右或从上到下，由主到次具有逻辑性地、有次序地排列，引导读者快速地阅读。这种流程也可具体分为：横向视觉流程、斜向视觉流程、竖向视觉流程。横向给人以稳定、恬静之感，斜向以不稳定的动态而引人关注，竖向会给人带来坚决、直观的感受。琴弦的斜向构成使版面设计产生了动感，斜向的视觉流程，增添了阅读的趣味性。版面的主体图片和文字均构成多层次的水平视觉流程，到达了轻松阅读的设计效果。信息分主次按自上而下的程序排列，主题突出，层次清楚，上下分割彩块加强了竖向流程的视觉效果。4．2．2曲线视觉流程

将编排设计中的各视觉要素随弧线或旋线进行运动化的编排构成，称之为曲线视觉流程，这种具有韵味、节奏和曲线美等形式的构成，给人以优雅柔美的感受，可营造轻松随意的阅读气氛。在版面上增加深度和动感。文字和图形采取重复的弧线和渐变地变化，且有韵味和节奏感，视觉流程作弧线的运动，在平面中增加了深度和动感。

主题文字参差不齐的编排构成，引导着视觉作曲线的运动，加强了版面的节奏感也增加了阅读的趣味性。

先调整图片的大小，使其具有节奏的变化，然后作曲线的编排，引导着读者的视线进行阅读。4．2．3导向视觉流程

通过点、线、箭头或具体形象的方向性等元素，由主及次地引导读者视线向一定方向顺序运动，这种方式能整合整个版面，使之成为一个整体，并使版面条理清晰、重点突出，而在信息传达方面井然有序。

箭头的导向提示了阅读的顺序，昭示着有更重要的信息等待你去阅读，同时对信息的串连起到很好的作用。这种图形编排结构的信息连接手法，易于引导读者循环地进行阅读，使得编排非常具有条理性。点有节奏的变化，提醒着读者首先对主题的观注，文字组成的斜线与跳动的点产生照应，将主体文字连成了一个整体，有一种由动到静的视觉感受。4．2．4反复视觉流程

将相同或相似的视觉要素作规律、秩序，有节奏的编排处理，这种视觉流程的设计方法，我们称之为反复视觉流程。它的主要构成特征是具有韵律和秩序的美。但视觉冲击力上没有单向、曲线和重心流程强烈，应用得不好会产生平淡的感觉。

相同的外形作规整的编排，重心偏移的构成方式打破了设计平淡的局面，视觉流程简单并具有冲击力。重复的图形强调了主题的意义，为编排设计带来了秩序的美，比照的色彩拉开了与文字的层次，也就规定了它的视觉流程。这幅作品的视觉流程很明显是从图片开始的，并且将文字编置在与图片具有同样个性的框架内，强调了反复构成的特点。

4．2．5重心视觉流程

这里提的重心指的是视觉心理的重心，设计师可以将主要形象或文字，通过夸张、比照、特异的处理手法独据版面的某一个部位，其重心的位置根据创意设计的构思而定。视觉流程的过程，首先是以版面的重点开始，然后顺沿着主体，重心形象的方向与力度的倾向来开展视线的进程。而向心、离心的视觉运动，同样也是重心视觉流程的设计方法。它们的主要构成特点是：主题鲜明突出、一目了然，具有强烈的视觉感召力。通过图形对主题进行夸张的表现．强调了视觉流程的重心．在视觉冲击上有势不可挡之势。在视觉重心上设置产品的照片．然后依次编排注册商标和产品价格．视觉流程井然有序。

文字的错位构成减弱了它的阅读性．而图片设置以空胜满，强化了版面的重心．在视觉流程上不会导致混乱。4．2．6散点视觉流程

在编排设计中．将图与图、图形与文字呈现