版式的视觉流程学习教案

1、会计学1版式版式(bnsh)的视觉流程的视觉流程第一页，共115页。第1页/共114页第二页，共115页。第2页/共114页第三页，共115页。第3页/共114页第四页，共115页。第4页/共114页第五页，共115页。第5页/共114页第六页，共115页。 第一节 单向(dn xin)视觉流程图图1-2采用横向视觉流程，构成稳定、平和采用横向视觉流程，构成稳定、平和(pngh)的画面，给人稳定、恬静之的画面，给人稳定、恬静之感，营造了静谧的空间。感，营造了静谧的空间。 第6页/共114页第七页，共115页。第7页/共114页第八页，共115页。第8页/共114页第九页，共115页。第9页/共

2、114页第十页，共115页。图图11 采用斜向和曲向视觉流程采用斜向和曲向视觉流程(lichng)，以不稳定的动态引起注意，给人以动感和韵律。，以不稳定的动态引起注意，给人以动感和韵律。 第10页/共114页第十一页，共115页。n概括为弧线型概括为弧线型“C”和回旋型和回旋型“S”第11页/共114页第十二页，共115页。图图14“c” 形弧线形视觉流程，使页面形弧线形视觉流程，使页面(y min)具有很强的扩张性和方向感。具有很强的扩张性和方向感。第12页/共114页第十三页，共115页。图图16“S” 形视觉流程由两个形视觉流程由两个(lin )相反的弧线产生矛盾回旋，在平面中增加深度和

3、动感，使页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊的部分，使画面柔和而时尚。相反的弧线产生矛盾回旋，在平面中增加深度和动感，使页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊的部分，使画面柔和而时尚。 第13页/共114页第十四页，共115页。第14页/共114页第十五页，共115页。第15页/共114页第十六页，共115页。第16页/共114页第十七页，共115页。第17页/共114页第十八页，共115页。图图19-20充分利用中心偏上的最佳视域，利用文字或是图案形成视觉中心，第一时间充分利用中心偏上的最佳视域，利用文字或是图案形成视觉中心，

4、第一时间(shjin)吸引视线，传达重要信息。吸引视线，传达重要信息。第18页/共114页第十九页，共115页。第19页/共114页第二十页，共115页。图图18将文字有力地编排于版面的上方将文字有力地编排于版面的上方(shn fn)，即版面的最佳视域，强化了重心，给人以深刻印象。，即版面的最佳视域，强化了重心，给人以深刻印象。第20页/共114页第二十一页，共115页。第21页/共114页第二十二页，共115页。图图21画面中心线上部的三分之一处为最佳焦点，放置文字画面中心线上部的三分之一处为最佳焦点，放置文字(wnz)或图形，形成视觉中心。或图形，形成视觉中心。第22页/共114页第二十三

5、页，共115页。图图26作品的焦点在版面作品的焦点在版面(bnmin)的三分之一，不同的三分之一，不同的视觉元素组合在的视觉元素组合在一起形成视觉中心一起形成视觉中心。第23页/共114页第二十四页，共115页。第24页/共114页第二十五页，共115页。第25页/共114页第二十六页，共115页。第26页/共114页第二十七页，共115页。后顺着形象的方向与力度的倾后顺着形象的方向与力度的倾向来发展视线的进程，继而扩向来发展视线的进程，继而扩展到其他各个部分。展到其他各个部分。第27页/共114页第二十八页，共115页。 第三节 重心(zhngxn)视觉流程图图27 以大画面的图形以大画面的

6、图形作诉求重点，充作诉求重点，充斥整个版面，强斥整个版面，强调版面视觉重心调版面视觉重心的作用的作用(zuyng)，突出醒目，突出醒目 第28页/共114页第二十九页，共115页。第29页/共114页第三十页，共115页。图图31通过众多具象的人物形通过众多具象的人物形象与不同的文字造型，象与不同的文字造型，形成面积、形状形成面积、形状(xngzhun)及颜色之间及颜色之间的强烈对比，营造出富的强烈对比，营造出富有趣味的空间及远近效有趣味的空间及远近效果。果。第30页/共114页第三十一页，共115页。图图32版面利用版面利用(lyng)大面积的大面积的色块形成了明确的重心，色块形成了明确的重

7、心，主题突出，给予我们很好主题突出，给予我们很好的观看顺序。的观看顺序。第31页/共114页第三十二页，共115页。第32页/共114页第三十三页，共115页。第33页/共114页第三十四页，共115页。第34页/共114页第三十五页，共115页。第35页/共114页第三十六页，共115页。图图33重复重复(chngf)、整齐的编排，给人以强烈的节奏、整齐的编排，给人以强烈的节奏感、秩序感及力量感，也是一种方向性的引导，感、秩序感及力量感，也是一种方向性的引导，同时传达画面的精神内涵。同时传达画面的精神内涵。第36页/共114页第三十七页，共115页。重复整齐的编排，给人以强烈重复整齐的编排，

8、给人以强烈(qin li)的节奏感的节奏感和秩序感。和秩序感。第37页/共114页第三十八页，共115页。图图36在重复的图形中，有意在重复的图形中，有意违反秩序，出现文字要违反秩序，出现文字要素，以打破素，以打破(d p)规律规律性，使版面产生趣味、性，使版面产生趣味、醒目的视觉效果。醒目的视觉效果。第38页/共114页第三十九页，共115页。第39页/共114页第四十页，共115页。图图37-38单纯的视觉元素，版面图片的秩序化反复构成，具有一种韵律单纯的视觉元素，版面图片的秩序化反复构成，具有一种韵律(ynl)的节奏感。使视觉效果强烈，传达到位。的节奏感。使视觉效果强烈，传达到位。第40

9、页/共114页第四十一页，共115页。第41页/共114页第四十二页，共115页。第42页/共114页第四十三页，共115页。第43页/共114页第四十四页，共115页。第44页/共114页第四十五页，共115页。 第五节 导向性视觉(shju)流程图图39文字导向采用文字导向采用(ciyng)从左到右的视觉导向，引导我们有序从左到右的视觉导向，引导我们有序、清晰的阅读画面，画面显得稳定坚固。、清晰的阅读画面，画面显得稳定坚固。第45页/共114页第四十六页，共115页。第46页/共114页第四十七页，共115页。图图40手势导向利用手势方向手势导向利用手势方向引导观者视线，形成很引导观者视线

10、，形成很好的视觉好的视觉(shju)流程。流程。 第47页/共114页第四十八页，共115页。第48页/共114页第四十九页，共115页。图图43形象导向和视线导向形象导向和视线导向，强调特殊图形文字，强调特殊图形文字，简洁，简洁(jinji)明确，明确，继而给与我们清晰的继而给与我们清晰的视觉流程。视觉流程。第49页/共114页第五十页，共115页。第50页/共114页第五十一页，共115页。图图44-45采用特殊导向型标记引导采用特殊导向型标记引导(yndo)，给人比较明朗的阅读顺序。，给人比较明朗的阅读顺序。第51页/共114页第五十二页，共115页。第52页/共114页第五十三页，共1

11、15页。第53页/共114页第五十四页，共115页。第54页/共114页第五十五页，共115页。图图46图形与文字排列图形与文字排列轻松自然，点、轻松自然，点、线、面关系亲切线、面关系亲切而随和而随和(su he)，节奏缓慢，沉稳节奏缓慢，沉稳、变化而又生动、变化而又生动有趣。有趣。第55页/共114页第五十六页，共115页。图图48分散的图片结合文字，运用散点和分割分散的图片结合文字，运用散点和分割(fng)所形成的视觉主题所形成的视觉主题，在整个版面中错落有致，形成轻松活泼、富有动感和现代感的，在整个版面中错落有致，形成轻松活泼、富有动感和现代感的气氛。气氛。第56页/共114页第五十七页

12、，共115页。图图49版面中有意通过大小不同版面中有意通过大小不同文字作多角度的错落排列文字作多角度的错落排列，并且利用图与底进行，并且利用图与底进行(jnxng)巧妙交错，强烈巧妙交错，强烈而新颖地传达了爵士乐的而新颖地传达了爵士乐的独特魅力。独特魅力。第57页/共114页第五十八页，共115页。图图50通过大小不同文字通过大小不同文字和图形作满版的随和图形作满版的随意排列，潇洒意排列，潇洒(xios)随意，给人随意，给人以轻快、活泼、诙以轻快、活泼、诙谐情趣的气氛。谐情趣的气氛。第58页/共114页第五十九页，共115页。图图51通过大小不同文字和图形作满版通过大小不同文字和图形作满版的随

13、意排列，潇洒随意，给人以的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣轻快、活泼、诙谐情趣(qngq)的气氛。的气氛。第59页/共114页第六十页，共115页。第60页/共114页第六十一页，共115页。第61页/共114页第六十二页，共115页。 优秀版式设计作品(zupn)赏析具有趣味的横向视觉流程具有趣味的横向视觉流程(lichng)，向人们传达出稳重、，向人们传达出稳重、可信的视觉信息。可信的视觉信息。第62页/共114页第六十三页，共115页。第63页/共114页第六十四页，共115页。第64页/共114页第六十五页，共115页。第65页/共114页第六十六页，共115页。有失平衡

14、的排列，稳定之中产生节奏，强烈的对比有失平衡的排列，稳定之中产生节奏，强烈的对比(dub)，产生一种活泼的气氛，借留白增加趣味。产生一种活泼的气氛，借留白增加趣味。第66页/共114页第六十七页，共115页。单向视觉流程引导观者的视线单向视觉流程引导观者的视线(shxin)，显现出一种动态的韵律，大片平涂的蓝色使丰富的立体的白色图案更引人注目，突出主题。，显现出一种动态的韵律，大片平涂的蓝色使丰富的立体的白色图案更引人注目，突出主题。第67页/共114页第六十八页，共115页。第68页/共114页第六十九页，共115页。能相机。能相机。第69页/共114页第七十页，共115页。关注关注(gun

15、zh)残疾人，每一坡度，每一台阶，残疾人，每一坡度，每一台阶，需要每个人的力量，近半的留白给观者思考的空需要每个人的力量，近半的留白给观者思考的空间，斜向的视觉流程，使画面具有力量感。间，斜向的视觉流程，使画面具有力量感。第70页/共114页第七十一页，共115页。左右对称的构图达到一种稳定状态，连贯、大方、体现出一种理性之维。左右任左右对称的构图达到一种稳定状态，连贯、大方、体现出一种理性之维。左右任务的迥异形成有趣务的迥异形成有趣(yuq)的对比，文字处于视域中心，点明重点。爱因斯坦的对比，文字处于视域中心，点明重点。爱因斯坦;左左脑理性，右脑性感脑理性，右脑性感奔驰。奔驰。第71页/共1

16、14页第七十二页，共115页。第72页/共114页第七十三页，共115页。第73页/共114页第七十四页，共115页。图形与文字似在嬉戏玩耍，是版面形成横向或者图形与文字似在嬉戏玩耍，是版面形成横向或者C向的视觉向的视觉(shju)流程，生动有趣。经典传承，至臻完美，以经济优化流程，生动有趣。经典传承，至臻完美，以经济优化的方式帮助应对全球变暖的方式帮助应对全球变暖法国航空公司。法国航空公司。第74页/共114页第七十五页，共115页。第75页/共114页第七十六页，共115页。第76页/共114页第七十七页，共115页。缤纷的彩色，有趣的文字，不规则图形使网页缤纷的彩色，有趣的文字，不规则图

17、形使网页(wn y)具有层次感和空间感，洋溢着青春之具有层次感和空间感，洋溢着青春之风。风。第77页/共114页第七十八页，共115页。丰富的人物面部表情，箭头的指向性，都成为吸引读者的重要丰富的人物面部表情，箭头的指向性，都成为吸引读者的重要元素之一，并且引导读者的阅读元素之一，并且引导读者的阅读(yud)流程。流程。第78页/共114页第七十九页，共115页。第79页/共114页第八十页，共115页。第80页/共114页第八十一页，共115页。第81页/共114页第八十二页，共115页。第82页/共114页第八十三页，共115页。第83页/共114页第八十四页，共115页。第84页/共11

18、4页第八十五页，共115页。第85页/共114页第八十六页，共115页。第86页/共114页第八十七页，共115页。第87页/共114页第八十八页，共115页。第88页/共114页第八十九页，共115页。第89页/共114页第九十页，共115页。第90页/共114页第九十一页，共115页。第91页/共114页第九十二页，共115页。第92页/共114页第九十三页，共115页。第93页/共114页第九十四页，共115页。第94页/共114页第九十五页，共115页。第95页/共114页第九十六页，共115页。第96页/共114页第九十七页，共115页。第97页/共114页第九十八页，共115页。第98页/共114页第九十九页，共115页。第99页/共114页第一百页，共115页。第100页/共114页第一百零一页，共115页。第101页/共114页第一百零二页，共115页。第102页/共114页第一百零三页，共115页。第103页/共114页第一百零四页，共115