版式设计-视觉流程设计.ppt

1、2022年8月5日星期五版式设计版式设计_视觉流程设计视觉流程设计LAYOUT DESIGN LAYOUT DESIGN 编排设计编排设计 视觉流程第6讲视觉流程视觉流程视觉流程设计：安排观者视觉注意力运动视觉注意力运动路径路径的设计活动，就是一种视觉流程设计。普通读者的阅读视觉习惯普通读者的阅读视觉习惯古人的阅读视觉习惯古人的阅读视觉习惯视觉流程设计的分类：单向单向视觉流程，曲线曲线视觉流程，导向导向视觉流程，反复反复视觉流程，重心重心视觉流程，散点散点视觉流程。1 1 单向视觉流程单向视觉流程？单向视觉流程单向视觉流程利用视觉习惯建立视觉流程利用视觉习惯建立视觉流程 使版面的流动更加简明，

2、一般按照视觉习惯从左到右，从上到下由主到次，具有逻辑性的、有次序的排列引导读者快速阅读。这种流程具体分为：横向流程横向流程竖向流程竖向流程单向视觉流程。文字编排选择了最符合阅读习惯的排列方式，所有文字信息均由上至下顺序排列，依据单向视觉流程。文字编排选择了最符合阅读习惯的排列方式，所有文字信息均由上至下顺序排列，依据标题、细部信息以及图片按照由上至下的视觉顺序依次排列，使整个版面的信息排列清晰而有序，阅读毫不费力标题、细部信息以及图片按照由上至下的视觉顺序依次排列，使整个版面的信息排列清晰而有序，阅读毫不费力单向视觉流程：单向视觉流程：特点：传达速度快、给人简洁有力之感适合：客观、理性的内容2

3、 2、斜向视觉流程、斜向视觉流程是一种动态动态的构图，视线一般从左上角向右下角移动，或者从右上角向左下角移动，给人动态的不稳定感及速度感。特别适合特别适合一些运动、速度的题材以及一些风格化的表现斜向视觉流程。照片形成的斜向动势决定了文字排列的方向，斜向视觉流程。照片形成的斜向动势决定了文字排列的方向，使一般的设计不同一般使一般的设计不同一般斜向视觉流程。强烈的空间感斜向视觉流程。强烈的空间感3、曲线视觉流程？曲线视觉流程曲线视觉流程：将编排设计中的各视觉要素随弧线弧线或旋线旋线进行运动化的编排构成，成为曲线视觉流程。给人以节奏韵律感或优雅柔美的感受，营造轻松随意的阅读气氛。4、导向视觉流程？导

4、向视觉流程：导向视觉流程：通过点、线、箭头或具体形象的方向方向性性等元素，由主及次的引导引导读者视线向一定方向顺序运动的方式。典型的导向视觉流程。明度剧烈反差的版面，由于被一条光滑的曲线所贯穿，使画面浑然一体。典型的导向视觉流程。明度剧烈反差的版面，由于被一条光滑的曲线所贯穿，使画面浑然一体。导向视觉流程。箭头的强烈指向导致观看者的视线被动地遵照导向视觉流程。箭头的强烈指向导致观看者的视线被动地遵照箭头指示的方向浏览信息。箭头指示的方向浏览信息。5 反复视觉流程？反复视觉流程：反复视觉流程：将相同相同或相似似的视觉要素、做规律规律、秩序秩序、有节有节奏奏的编排处理，这种视觉流程的设计方法，我们

5、称为反复视觉流程。包装的版式设计相对其他包装的版式设计相对其他商业设计往往要求实现更高商业设计往往要求实现更高的传达速度，以应对超市货的传达速度，以应对超市货架上无数商品的竞争。因此架上无数商品的竞争。因此多数包装都会采用将品牌字多数包装都会采用将品牌字体、品名、广告语等三四个体、品名、广告语等三四个核心要素经过组合、重叠或核心要素经过组合、重叠或与图形、色块等进行群组，与图形、色块等进行群组，形成鲜明、独特的形成鲜明、独特的视觉中心视觉中心，作为区隔其他商品的视觉特作为区隔其他商品的视觉特征。征。6 重心视觉流程7 散点视觉流程？散点视觉流程散点视觉流程：在编排设计中，将图与图、图形与文字呈

6、现一种非常自由自由、分散分散、无序无序的极具个性化的编排，我们称为散点视觉流程设计非常规非常规、无序无序的、极其个性化个性化的形式，阅读时有很大的自主性自主性，视线随意地画面中流动。给人以凌乱、活活跃、调动跃、调动、自在的自在的视觉体验。适宜感性感性、个性化个性化的题材。曲线视觉流程，版面中的图文信息有趣的依照螺线形的动势排列，曲线视觉流程，版面中的图文信息有趣的依照螺线形的动势排列，极具形式感极具形式感散点视觉流程。平衡美也许是其中唯一的排版标准，自由、随意、个散点视觉流程。平衡美也许是其中唯一的排版标准，自由、随意、个性化的排版风格彰显无疑，读者在其中获得最大的阅读自由性化的排版风格彰显无

7、疑，读者在其中获得最大的阅读自由网络公司产品介绍手册。把标题文字与照片群组构成第一层信息，圆角矩形内的红色小标题与段落文字形成第二层信息，右侧大量说明文字与简网络公司产品介绍手册。把标题文字与照片群组构成第一层信息，圆角矩形内的红色小标题与段落文字形成第二层信息，右侧大量说明文字与简单图例构成第三层信息。注意三层根据内容主次、阅读习惯等功能要素在版面中从左到右、从重到轻的安排，同时注意设计师通过主信息重照片单图例构成第三层信息。注意三层根据内容主次、阅读习惯等功能要素在版面中从左到右、从重到轻的安排，同时注意设计师通过主信息重照片与次信息中圆角矩形、图例的交叠形成的视觉过渡与联系。与次信息中圆角矩形、图例的交叠形成的视觉过渡与联系。