版式设计的视觉流程课件

PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程版式设计的视觉流程2022/10/1版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT在视觉心理学家的研究中，发现其下在视觉心理学家的研究中，发现其下：一条垂直线在页面上，会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 经验丰富的设计者都对此非常重视，他们善于运用这条贯穿页面的主线，设计易于浏览的页面。从某个角度讲，视觉流程的设计结果就是版式。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 人们是怎样看图片的？人们是怎样看图片的？研究者们发现，我们眼睛浏览图研究者们发现，我们眼睛浏览图片时不是处在一种连续不断的扫视之片时不是处在一种连续不断的扫视之中，而是有一系列短暂的中，而是有一系列短暂的停顿和跳跃停顿和跳跃。这种间断不完全是任意的。记住这一这种间断不完全是任意的。记住这一点，我们应注意下列一些情况。点，我们应注意下列一些情况。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT观看这张图的时候，你先看到了什么，后看到了什么？版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT一一.视线流动规律视线流动规律1 1、当某一视觉信息具有、当某一视觉信息具有较强的刺激度较强的刺激度时，就容易时，就容易为视觉所感知，人的视线就会移动到这里，成为为视觉所感知，人的视线就会移动到这里，成为有意识注意，这是视觉流程的第一阶段。有意识注意，这是视觉流程的第一阶段。2 2、当人们的视觉、当人们的视觉对信息产生注意后，对信息产生注意后，视觉信息在视觉信息在形态和构成上具有强烈的个性，形成周围环境的形态和构成上具有强烈的个性，形成周围环境的相异性相异性，因而能进一步引起人们的视觉兴趣，在，因而能进一步引起人们的视觉兴趣，在物象内物象内按一定顺序进行流动按一定顺序进行流动，并接受其信息。，并接受其信息。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT3 3、人们的视线总是最先对准刺激力强度最大之处，然后按照视觉物象各构成要素刺激度由强到弱的流动，形成一定的顺序。4、视线流动的顺序，还要受到人的生理及心理的影响。由于眼睛的水平运动比垂直运动快，因而在视察视觉物象时，容易先注意水平方向的物象，然后才注意垂直方向的物象。人的眼睛对于画面左上方的观察力优于右上方，对右下方的观察力又优于左下方，因而，一般广告设计均把重要的构成要素安排在左上方或右下方。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT5、由于人们的视觉运动是积极主动的，具有很强的自由选择性，往往是选择所感兴趣的视觉物象，而忽略其他要素，从而造成视觉流程的不规划性与不稳定性。6、组合在一起具有相似性的因素，具有引导视线流动的作用，如形状的相似，大小的相似，色彩的相似，位置的相似等。可以说视觉流程运用的好坏，是设计师设计技巧是否成熟的表现。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT二.视觉流程的形式1.视觉流程的筹划 视觉流程是版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。视觉流程的筹划包括几个重要的因素，下面就对它们作具体的归纳与分析:版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 2 视觉流程类型 视觉流程主要包括以下几种类型：单向视觉流程（线型视觉流程）曲线视觉流程 重心视觉流程（焦点视觉流程）反复视觉流程 导向视觉流程 散点视觉流程版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 2.1单向视觉流程（线型视觉流程）线型视觉流程，分为直线视觉流程和曲线视觉流程两类。1、直线视觉流程 使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT竖向视觉流程：给人坚定、直观的感觉。明确、简洁的竖向视觉流程明确、简洁的竖向视觉流程版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 横向视觉流程：有稳定、恬静之感。横向的视觉流程，向人们传达出稳重、可信的视觉语言横向的视觉流程，向人们传达出稳重、可信的视觉语言版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT作品：戏剧海报作者：冈特.兰博（德国）作品运用二维空间与三维空间过渡与巧妙结合，表现图形创意思维和独特的视觉效果。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT斜向视觉流程：斜向线的版面设计流程以不稳定的动态引起注意,不仅能有效地烘托主题诉求点,且视觉流向独特,往往更能吸引人的视线。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 2.2 2.2 曲线视觉流程曲线视觉流程曲线视觉流程，是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明，但更具流畅的美感。曲线视觉流程的形式微妙而复杂，可概括为两种形式：弧线形弧线形(c(c形形)视觉流程：视觉流程：有扩张感和方向感。有扩张感和方向感。回旋形回旋形(s(s形形)视觉流程：视觉流程：两个相反的弧线产生矛盾回两个相反的弧线产生矛盾回旋，在平面中增加深度和动感旋，在平面中增加深度和动感。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT弧线形视觉流程，使页面具有很强的扩张性版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT曲线视觉流程能使构图变得更丰富，形式感更强，例如圆形或弧线形，给人以节奏韵律、幽雅柔美的感受，营造轻松随意的阅读气氛版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT2.3 重心的视觉流程重心是指视觉心理重心是指视觉心理的重心，重心由三的重心，重心由三种概念：种概念：1.1.以强烈的形象或文以强烈的形象或文字独居版面某个部位或字独居版面某个部位或完全充斥整版。完全充斥整版。其重心的位置因其重心的位置因其具体画面而定。在视其具体画面而定。在视觉流程上，首先是从版觉流程上，首先是从版面重心开始，然后顺沿面重心开始，然后顺沿形象的方向与力度的倾形象的方向与力度的倾向来发展向来发展视线的进程。视线的进程。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT2.向心：视觉元素向版面中心聚拢的流程。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT3.3.离心：离心：犹如将石子投入水中，产生一圈一圈向外扩散的弧线运动。重心的视觉流程使版面产生强烈的视觉焦点，使主题更为鲜明而强烈。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 重心视觉流程重心视觉流程 违背视觉流程的规律，文字与图形把版面违背视觉流程的规律，文字与图形把版面的重心的重心引向上方或下方、异常出位。引向上方或下方、异常出位。但从但从整体布局来看，具有一种与众不同、标新整体布局来看，具有一种与众不同、标新立异的独特魅力。立异的独特魅力。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT 2.4 反复视觉流程2.4 2.4 反复视觉流程：反复视觉流程：以相同或相似的序列反复排列，形成画面形象的连续性，给人以安定感、整齐感、秩序化和规律的统一感。2.5 2.5 特异视觉流程：特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出，以打破规律性。由于这种局部的，少量的突变，突破了常规的单调性与雷同性，成为版面的趣味中心，产生醒目、生动感人的视觉效果。版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT版式设计的视觉流程PPTPPT文档演模板文档演模板OfficeOfficePPTPPT2.5导向视觉流程导向视觉流程 导向视觉流程，是通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体。导向视觉流程的应用