式设计视觉流程设计学习教案

1、会计学1式设计视觉式设计视觉(shju)流程设计流程设计第一页，共37页。LAYOUT DESIGN LAYOUT DESIGN 编排编排(binpi)(binpi)设计设计 视觉(shju)流程第6讲第1页/共37页第二页，共37页。视觉视觉(shju)流程流程视觉流程设计：安排(npi)观者视觉注意力运动路径的设计活动，就是一种视觉流程设计。第2页/共37页第三页，共37页。第3页/共37页第四页，共37页。普通读者的阅读普通读者的阅读(yud)(yud)视觉习惯视觉习惯第4页/共37页第五页，共37页。第5页/共37页第六页，共37页。古人的阅读视觉古人的阅读视觉(shju)(shju)

2、习惯习惯第6页/共37页第七页，共37页。视觉流程(lichng)设计的分类：单向视觉流程(lichng)，曲线视觉流程(lichng)，导向视觉流程(lichng)，反复视觉流程(lichng)，重心视觉流程(lichng)，散点视觉流程(lichng)。第7页/共37页第八页，共37页。1 1 单向单向(dn xin)(dn xin)视觉流程视觉流程？第8页/共37页第九页，共37页。单向视觉流程单向视觉流程利用视觉习惯建立利用视觉习惯建立(jinl)视觉流视觉流程程 使版面的流动更加简明，一般按照视觉习惯从左到使版面的流动更加简明，一般按照视觉习惯从左到右，从上到下由主到次，具有逻辑性的

3、、有次序的右，从上到下由主到次，具有逻辑性的、有次序的排列引导读者快速阅读。这种流程具体分为：排列引导读者快速阅读。这种流程具体分为：横向流程横向流程竖向流程竖向流程第9页/共37页第十页，共37页。单向视觉单向视觉(shju)流程。文字编排选择了最符合阅读习惯的排列方式，所有文字信息均由上至下顺序排列，依据流程。文字编排选择了最符合阅读习惯的排列方式，所有文字信息均由上至下顺序排列，依据第10页/共37页第十一页，共37页。标题、细部信息以及图片按照标题、细部信息以及图片按照(nzho)由上至下的视觉顺序依次排列，使整个版面的信息排列清晰而有序，阅读毫不费力由上至下的视觉顺序依次排列，使整个

4、版面的信息排列清晰而有序，阅读毫不费力第11页/共37页第十二页，共37页。第12页/共37页第十三页，共37页。单向视觉流程：单向视觉流程：特点：传达速度快、给人简洁有力之感特点：传达速度快、给人简洁有力之感适合适合(shh)：客观、理性的内容：客观、理性的内容第13页/共37页第十四页，共37页。2 2、斜向视觉、斜向视觉(shju)(shju)流程流程是一种动态的构图，视线一般从左上角向右下角移动，或者从右上角向左下角移动，给人动态的不稳定感及速度感。特别适合(shh)一些运动、速度的题材以及一些风格化的表现第14页/共37页第十五页，共37页。斜向视觉流程。照片形成斜向视觉流程。照片形

5、成(xngchng)的斜向动势决定了文字的斜向动势决定了文字排列的方向，使一般的设计不同一般排列的方向，使一般的设计不同一般斜向视觉流程斜向视觉流程(lichng)。强烈的空间感。强烈的空间感第15页/共37页第十六页，共37页。第16页/共37页第十七页，共37页。3、曲线(qxin)视觉流程？第17页/共37页第十八页，共37页。曲线视觉流程：将编排曲线视觉流程：将编排设计中的各视觉要素设计中的各视觉要素(yo s)随弧线或旋线随弧线或旋线进行运动化的编排构成进行运动化的编排构成，成为曲线视觉流程。，成为曲线视觉流程。给人以节奏韵律感或优雅柔美(ru mi)的感受，营造轻松随意的阅读气氛。

6、第18页/共37页第十九页，共37页。第19页/共37页第二十页，共37页。第20页/共37页第二十一页，共37页。4、导向(do xin)视觉流程？第21页/共37页第二十二页，共37页。导向视觉流程：导向视觉流程：通过点、线、箭通过点、线、箭头或具体形象的头或具体形象的方向方向(fngxing)(fngxing)性等元素，由主性等元素，由主及次的引导读者及次的引导读者视线向一定方向视线向一定方向(fngxing)(fngxing)顺序顺序运动的方式。运动的方式。第22页/共37页第二十三页，共37页。典型的导向视觉流程。明度剧烈反差典型的导向视觉流程。明度剧烈反差(fnch)的版面，由于被

7、一条光滑的曲线所贯穿，使画面浑然一体。的版面，由于被一条光滑的曲线所贯穿，使画面浑然一体。第23页/共37页第二十四页，共37页。导向视觉流程。箭头的强烈指向导致导向视觉流程。箭头的强烈指向导致(dozh)观看者的视线被观看者的视线被动地遵照箭头指示的方向浏览信息。动地遵照箭头指示的方向浏览信息。第24页/共37页第二十五页，共37页。第25页/共37页第二十六页，共37页。5 反复视觉(shju)流程？第26页/共37页第二十七页，共37页。反复视觉反复视觉(shju)流程流程：将相同或相似的视觉：将相同或相似的视觉(shju)要素、做规律要素、做规律、秩序、有节奏的编排、秩序、有节奏的编排

8、处理，这种视觉处理，这种视觉(shju)流程的设计方流程的设计方法，我们称为反复视觉法，我们称为反复视觉(shju)流程。流程。第27页/共37页第二十八页，共37页。第28页/共37页第二十九页，共37页。包装的版式设计相对其他包装的版式设计相对其他商业设计往往要求实现更商业设计往往要求实现更高的传达速度，以应对超高的传达速度，以应对超市货架上无数商品的竞争市货架上无数商品的竞争。因此多数包装都会采用。因此多数包装都会采用将品牌字体、品名、广告将品牌字体、品名、广告语等三四个核心要素经过语等三四个核心要素经过组合、重叠或与图形、色组合、重叠或与图形、色块等进行块等进行(jnxng)群组，群组

9、，形成鲜明、独特的视觉中形成鲜明、独特的视觉中心，作为区隔其他商品的心，作为区隔其他商品的视觉特征。视觉特征。6 重心(zhngxn)视觉流程第29页/共37页第三十页，共37页。第30页/共37页第三十一页，共37页。7 散点视觉(shju)流程？第31页/共37页第三十二页，共37页。散点视觉流程：散点视觉流程：在编排设计中，在编排设计中，将图与图、图形将图与图、图形与文字呈现与文字呈现(chngxin)一种一种非常自由、分散非常自由、分散、无序的极具个、无序的极具个性化的编排，我性化的编排，我们称为散点视觉们称为散点视觉流程设计流程设计非常规、无序的、极其个性非常规、无序的、极其个性化的

10、形式，阅读时有很大的化的形式，阅读时有很大的自主性，视线随意地画面中自主性，视线随意地画面中流动。给人以凌乱、活跃流动。给人以凌乱、活跃(huyu)、调动、自在的视、调动、自在的视觉体验。适宜感性、个性化觉体验。适宜感性、个性化的题材。的题材。第32页/共37页第三十三页，共37页。曲线视觉流程，版面中的图文信息有趣的依照曲线视觉流程，版面中的图文信息有趣的依照(yzho)(yzho)螺线形的动势排列，螺线形的动势排列，极具形式感极具形式感散点视觉流程。平衡美也许是其中唯一的排版标准，自由、随意、个性化的排版风格彰显无疑，读者在散点视觉流程。平衡美也许是其中唯一的排版标准，自由、随意、个性化的排版风格彰显无疑，读者在其中获得其中获得(hud)(hud)最大的阅读自由最大的阅读自由第33页/共37页第三十四页，共37页。第34页/共37页第三十五页，共37页。网络公司产品介绍手册。把标题文字与照片群组构成网络公司产品介绍手册。把标题文字与照片群组构成(guchng)第一层信息，圆角矩形内的红色小标题与段落文字形成第二层信息，右侧大量说明文字与简单图例第一层信息，圆角矩形内的红色小标题与段落文字形成第二层信息，右侧大量说明文字与简单图例构成构成(guchng)第三层信息。注意三层根据内容主次、阅读习惯等功能要素在版面中从左到右、从