版式设计视觉流程.ppt

NO.4 版式的视觉流程。2024/5/11 周六1.视觉流程：视觉流程：人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。动，最后完成对全部分元素信息的吸收。2024/5/11 周六2.试一试试一试看一看看一看想一想想一想2024/5/11 周六3.页面中不同的视域，注目程度不同，给人心理上的感受也不同。页面中不同的视域，注目程度不同，给人心理上的感受也不同。上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象；稳定的印象；最佳视域最佳视域2024/5/11 周六4.图例图例2024/5/11 周六5.使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。觉效果。一一 单向视觉流程单向视觉流程2024/5/11 周六6.单单 向向 视视 觉觉 流流 程程 分分 为为 横横 向向 视视 觉觉 流流 程、程、竖竖 向向 视视 觉觉 流流 程程 和和 斜斜 向向 视视 觉觉 流流 程程。2024/5/11 周六7.2024/5/11 周六8.图例图例2024/5/11 周六9.图例图例2024/5/11 周六10.图例图例2024/5/11 周六11.图图例例2024/5/11 周六12.图例图例2024/5/11 周六13.图例图例2024/5/11 周六14.由视觉要素随弧线或回旋线运动而形成。由视觉要素随弧线或回旋线运动而形成。二二 曲线视觉流程曲线视觉流程分为：分为：A.A.弧线形（弧线形（CC形）视觉流程形）视觉流程 B.B.回旋形（回旋形（S S形）视觉流程形）视觉流程2024/5/11 周六15.2024/5/11 周六16.2024/5/11 周六17.图例图例2024/5/11 周六18.在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。三三 焦点视觉流程焦点视觉流程2024/5/11 周六19.2024/5/11 周六20.2024/5/11 周六21.图例图例2024/5/11 周六22.图例图例2024/5/11 周六23.图例图例2024/5/11 周六24.反反复复视视觉觉流流程程是是指指页页面面中中相相同同或或相相似似的的视视觉觉要要素素，作作规规律律、秩秩序序、节节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。四四 反复视觉流程反复视觉流程2024/5/11 周六25.图例图例2024/5/11 周六26.图例图例2024/5/11 周六27.图例图例2024/5/11 周六28.散点视觉流程，是指在分散处理视觉元素的编排方式。散点视觉流程，是指在分散处理视觉元素的编排方式。五五 散点视觉流程散点视觉流程2024/5/11 周六29.图例图例2024/5/11 周六30.2024/5/11 周六31.2024/5/11 周六32.A.A.文字导向文字导向B.B.手势导向手势导向C.C.形象导向形象导向D.D.视线导向视线导向六六 导向视觉流程导向视觉流程2024/5/11 周六33.2024/5/11 周六34.2024/5/11 周六35.2024/5/11 周六36.2024/5/11 周六37.作业：作业：利用本节内容任选一种视觉流程给利用本节内容任选一种视觉流程给“江南磨坊江南磨坊”孕孕婴山茶油设计三折页婴山茶油设计三折页尺寸：尺寸：210mmX285mm210mmX285mm（210X95*3210X95*3）3mm3mm出血：出血：216mm*mm*291mmmm2024/5/11 周六38.Typography LayoutThanks!2024/5/11 周六39.