第三章版式的视觉流程

第三章版式的视觉流程•阅读平面广告的习惯：从左到右，从上到下，随着由左上演着弧线向右下方流动的过程线，其注意值逐渐递减。•图形、色彩量的紧张感对视线的吸引，产生视线的不断移动和变化，这就形成了视觉的运动。•视觉的运动具有线性的特点，设计师可以参考人的这种视觉经验，在版式的设计中，将多种视觉信息进行有序组织，通过诱导媒介，形成一个有机的统一体，发挥最大的信息传达功能。•版面的构成形式是根据文字、图形、空间、比例等因素和特定的需要，按照美感原则进行组织、构成和编排，使版面具有一定的视觉美感，适合视觉习惯，即视觉流程。•现代版式设计的基本原则是将重要的信息安排在注意力和价值高的位置，不同的视觉流程安排，会带来版面设计整体形式主题旋律的改变，从而表达或传达不同的效果。•视觉流程具有很强的方向性。第一节单向视觉流程•指是用简明清晰的流动线来安排整个版面的编排。•特点：令版面显得简洁有力、视觉冲击力强。•单向视觉流程使版面的流动线更为简明，直接地诉求主题内容。•按照方向分为横向、竖向、斜向和曲线形。•横向是沿着版面的中轴将图片或文字做水平方向的排列。这种安宁而平静的构图，其观看视线会依横式的水平线左右移动，给人以平衡、恬静、平和质感。第一节单向视觉流程图1-2采用横向视觉流程，构成稳定、平和的画面，给人稳定、恬静之感，营造了静谧的空间。•竖向具有稳定性，是一种强固的构图，视线依直式的中轴线上下移动。•给人以有力、坚定、直观质感。•斜向形打破了横向和竖向的稳定，可视线做不稳定的流动，活跃了版面的气氛，具有了一定的动态感受。图11采用斜向和曲向视觉流程，以不稳定的动态引起注意，给人以动感和韵律。•曲线流程是相对于直线的一种形式，有一定的弧度，包括曲线、折线、弧线等，可根据其角度自然流动。清晰的曲线造型可以形成回旋的视觉流程。这种流程方式虽然不如直线视觉流程直接简明，但因其流畅的美感，更加灵活、有韵律，能增加版式设计的动感、节奏感和美感。•曲线视觉流程微妙而复杂，可概括为弧线型“C”和回旋型“S”图14“c”形弧线形视觉流程，使页面具有很强的扩张性和方向感。图16“S”形视觉流程由两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，使页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊的部分，使画面柔和而时尚。•单项视觉流程是一种最简单、最普遍和最容易掌握的流程方法，运用到版式设计中具有简洁、直观、突出等效果。第二节最佳视域•最佳视域是指版面所要表达的重点位置，也就是人们注重画面的最中心的位置。•根据其吸引力大小，依次为左上部、右上部、左下部、右下部，所以平面左上部和上中部可以称为“最佳视域”。•人们在看一个画面时总有一个最佳视域，这个最佳视域一般是最佳焦点的周围一个直径为画面宽度六分之五的放射状平缓递减区域。•设计者在版式设计中也应该考虑到这个因素，将重要信息尽量置于这个最佳视域，安排在最醒目的位置。图19-20充分利用中心偏上的最佳视域，利用文字或是图案形成视觉中心，第一时间吸引视线，传达重要信息。•心理学家葛斯泰在研究画面视觉规律时，结论为上侧的视觉诉求力强于右侧。画面左上部和中上部的最佳视域是最优选的方位。所以平面广告中突出的信息、标题和商品名称等，一般编排在这些方位上。图18将文字有力地编排于版面的上方，即版面的最佳视域，强化了重心，给人以深刻印象。•在画面中心线上安排三个等距离的焦点，当人的视线在这三个焦点来回移动时，会发现一个焦点（中心线上部三分之一处）最引人注目，这就是画面的最佳“焦点”方案。图21画面中心线上部的三分之一处为最佳焦点，放置文字或图形，形成视觉中心。图26作品的焦点在版面的三分之一，不同的视觉元素组合在一起形成视觉中心。•视觉中心一般是通过特殊性来区别于其他视觉元素，起到吸引视觉、引导传达的效果。•如跳跃的色彩、夸张的图形，以为文字的字体、大小、位置的独特性等都能起到吸引视线的作用。第三节重心视觉流程•重心视觉流程是指视觉会沿着形象方向与力度的伸展来变换、运动，如表现向心力或重力的视线运动。•一个版面自有其重心，而重心视觉流程最显著的特点就是强烈的形象或文字读据版面的某部分甚至整个版面，占据着重要地位，使人第一眼看上去就具有很明确的视觉主题。•在平面构图中，任何形体的中心位置都和视觉的安定有紧密的关系。人的视觉安定与造型的形式美的关系比较复杂，人的视线接触画面时，视线常常迅速由左上角到左下角，再通过中心部分至右上角，经右下角回到画面最吸引视线的中心视圈停留下来，这个中心点就是视觉的重心。•画面轮廓的变化，图形的聚散，色彩或明暗的分布等都可以对视觉重心产生影响。•在版面设计上，一般应考虑视觉重心，这个中心一般在屏幕的中央，或者在中间偏上的部位。重要图片和文字可以安排在这个部位，重心以外的地方安排哪些稍微次要的内容，这样在版面上就突出了重点，坐到了主次有别。•我们看到这类设计时，视觉流程首先是从版面重心开始，然后顺着形象的方向与力度的倾向来发展视线的进程，继而扩展到其他各个部分。第三节重心视觉流程图27以大画面的图形作诉求重点，充斥整个版面，强调版面视觉重心的作用，突出醒目图31通过众多具象的人物形象与不同的文字造型，形成面积、形状及颜色之间的强烈对比，营造出富有趣味的空间及远近效果。图32版面利用大面积的色块形成了明确的重心，主题突出，给予我们很好的观看顺序。•重心型版式产生视觉焦点，使主题更为鲜明、突出和强烈。不仅是图文编排的位置对比，图形本身的朝向也会使画面中的动态暗示得到加强，在方向、角度上的不同安排会形成视觉中心的稳定或不稳定的感觉，可根据需要有序地传达广告的信息。•概念：反复视觉流程是指在版面设计中，相同或相似的视觉元素按照一定的规律有机地组合在一起，可使视线有序地构成规律，沿着一定的方向流动，引导观者的视线反复浏览。•特点：不如单向和重心流程强烈，但更富于韵律和秩序美。这种视觉流程适合与需要安排许多份量相同的视觉元素，如介绍一组产品、系列事物等。•在版面上做反复流程重复的可以是图片，也可以是标题或标志等。重复又强调的作用，别重复的部分可以给人留下深刻的印象。在做重复时，要注意节奏与韵律，不能流于呆板。这些要素既可以是相同的，也可以是相似的，都具有一定的数量，达到统一中求变化。图33重复、整齐的编排，给人以强烈的节奏感、秩序感及力量感，也是一种方向性的引导，同时传达画面的精神内涵。重复整齐的编排，给人以强烈的节奏感和秩序感。图36在重复的图形中，有意违反秩序，出现文字要素，以打破规律性，使版面产生趣味、醒目的视觉效果。•反复流程也可以使构成要素在秩序的关系里，有意违反秩序，使少数、个别的要素线的突出，以打破规律性。由于这种局部的少量的突变，突破了常规的单调性与雷同性，成为版面趣味中心，产生醒目、生动感人的视觉效果，具有强烈的韵律感和秩序美。图37-38单纯的视觉元素，版面图片的秩序化反复构成，具有一种韵律的节奏感。使视觉效果强烈，传达到位。•反复视觉流程使画面形象的连续性给人以安定感、整齐感、秩序化和规律的统一感。做规律、秩序、节奏的逐次运动可使视线向远处深入，让观者感受到空间感和节奏感。这种流程方式能丰富版面设计的内容，也能形成一种有规律的韵律美。•导向性视觉流程，是通过诱导性视觉元素，主动引导读者视线按一定的方向流动，按照由主及次的顺序，把版面个构成要素依次串联起来，形成一个有机整体，使浏览者的视线集中到所要传达的主要信息上。借助诱导因素来视线的。诱导因素有虚有实表现多样，如文字导向、手势导向、形象导向以及是视线导向等。•文字导向：通过语义的表达产生理念上的导向作用。也可以对文字进行诗性化处理，对浏览者产生自觉的视觉导向作用。第五节导向性视觉流程图39文字导向采用从左到右的视觉导向，引导我们有序、清晰的阅读画面，画面显得稳定坚固。•手势导向：通过知识性的箭头、手指或具有实感的线条来引导视线，手势导向比文字导向更容易理解，且更具有一种亲和力。图40手势导向利用手势方向引导观者视线，形成很好的视觉流程。•形象导向和视线导向往往以图片中人或物的朝向来引导观者的视线，如人物的目光方向，一个座椅的朝向等。图43形象导向和视线导向，强调特殊图形文字，简洁明确，继而给与我们清晰的视觉流程。•另外，特殊的突出的形状，也可以吸引受众的视线，并给出明确的方向指示。图44-45采用特殊导向型标记引导，给人比较明朗的阅读顺序。•散点视觉流程：指版面中各元素之间形成一种分散、没有明显方向性的编排设计，是打破常规的秩序与规律，以强调感性、随意性、自由性为特点的表现形式。•适用于广告内容比较多的画面构成，视线可根据构成的情况，产生不同的流动方式，是一种平衡稳定的构成形式。•散点视觉流程没有固定的视觉流动线，强调空间和动感，追求新奇、刺激的心态，常表现为一种叫随意的编排形式。•散点视觉流程不如其他视觉流程严谨、快捷、明朗，但生动有趣，给人一种轻松随意和慢节奏的感受。•在编排时，将构成要素在版面上做不规则的排放，能形成随意轻松的视觉效果。注意统一气氛，进行色彩或图形的相似处理，避免杂乱无章。同时又要突出主体符合视觉流程规律，这样方能取得最佳的诉求效果。图46图形与文字排列轻松自然，点、线、面关系亲切而随和，节奏缓慢，沉稳、变化而又生动有趣。图48分散的图片结合文字，运用散点和分割所形成的视觉主题，在整个版面中错落有致，形成轻松活泼、富有动感和现代感的气氛。图49版面中有意通过大小不同文字作多角度的错落排列，并且利用图与底进行巧妙交错，强烈而新颖地传达了爵士乐的独特魅力。图50通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。图51通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。•散点视觉流程与一般严谨、理性、庄重、规则的设计正好相反，这种形态时常给人随意、感性、自由、生动、轻松、活泼之感，并且产生空间感和动感，也许正是因为这一点，散点视觉流程的编排方式正日趋流行。作业•运用视觉流程规律，结合视觉元素设计产品招贴两幅。•运动散点视觉流程规律，设计个性网页版面。优秀版式设计作品赏析具有趣味的横向视觉流程，向人们传达出稳重、可信的视觉信息。视线由左至右的横向视觉流程，节奏平静有变化。在最佳视域范围内强调主题，一目了然，重点突出，量少而质精粹。动物形状与文字巧妙结合使画面更加生动。有失平衡的排列，稳定之中产生节奏，强烈的对比，产生一种活泼的气氛，借留白增加趣味。单向视觉流程引导观者的视线，显现出一种动态的韵律，大片平涂的蓝色使丰富的立体的白色图案更引人注目，突出主题。•黑白图形及文字，形成点、线、面的趣味对比，简洁明了地表达主题。•整幅版面都是形态各异的兔子，是画面有一种气势，形成画面的重心，而兔子的眼睛却不是红色的，具有防红眼功能的佳能相机。关注残疾人，每一坡度，每一台阶，需要每个人的力量，近半的留白给观者思考的空间，斜向的视觉流程，使画面具有力量感。左右对称的构图达到一种稳定状态，连贯、大方、体现出一种理性之维。左右任务的迥异形成有趣的对比，文字处于视域中心，点明重点。爱因斯坦;左脑理性，右脑性感——奔驰。•近乎整版都以头发覆盖，只在三分之一处露出双眸，打造阿拉伯美女，吸引眼球——洗发水广告。•图形与文字的同构，构成新的视觉效果，文字的方向、大小、色彩的变化与对比，为版面增添一份趣味性与装饰性。图形与文字似在嬉戏玩耍，是版面形成横向或者C向的视觉流程，生动有趣。经典传承，至臻完美，以经济优化的方式帮助应对全球变暖——法国航空公司。•不同角度倾斜的文字占据着画面绝对位置，较有视觉冲击力，与底部小面及的图形形成了戏剧性的效果。•随意有力的涂鸦，形成了占据整幅版面的块面，画面给人强烈的特殊视觉感受，也能体会到设计师的创作热情。缤纷的彩色，有趣的文字，不规则图形使网页具有层次感和空间感，洋溢着青春之风。丰富的人物面部表情，箭头的指向性，都成为吸引读者的重要元素之一，并且引导读者的阅读流程。