《版式设计的视觉流程1(PPT34页)46815.pptx》由会员分享,可在线阅读,更多相关《版式设计的视觉流程1(PPT34页)46815.pptx(35页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、一、版式设计的视觉流程事物因光的作用,使眼睛发现信息而产生感受。由于视觉范围的局限和差异,人们的视觉有了一定的走向与习惯,这种习惯的程序就是视觉流程。第第2 2章章 版式设计的原理版式设计的原理1 1 如何建立视觉流程如何建立视觉流程 人们在阅读版面时,人们在阅读版面时,很自然地一步步看下去而形很自然地一步步看下去而形 成的无形的顺序成的无形的顺序“线线”,就是编排设计的视觉流程就是编排设计的视觉流程。一、版式设计的视觉流程一、版式设计的视觉流程格式塔心理学家的视觉法则格式塔心理学家的视觉法则上上下下左左右右前前后后大大小小图图背景背景色彩色彩无色无色人物人物动物动物风景风景金属金属光泽光泽1
2、 1、如何建立视觉流程、如何建立视觉流程 最佳视觉区最佳视觉区轻松自在1 1、如何建立视觉流程、如何建立视觉流程 一、版式设计的视觉流程一、版式设计的视觉流程 最佳视觉区最佳视觉区稳定压抑最最佳佳视视觉觉区区轻松自在1 1、如何建立视觉流程、如何建立视觉流程 最最佳佳视视觉觉区区稳定压抑1 1、如何建立视觉流程、如何建立视觉流程 一、版式设计的视觉流程一、版式设计的视觉流程 版面设计要符合人们较为普遍的思维习惯,做到视觉流程自然合理畅快1 1、如何建立视觉流程、如何建立视觉流程(1)讲究流程的科学性 遵循由上而下、由左至右的视觉原理,进行方向性诱导和加强主次的分布。1 1、如何建立视觉流程、如
3、何建立视觉流程 (1)讲究流程的科学性)讲究流程的科学性自上而下的条理性1、如何建立视觉流程、如何建立视觉流程 (1)讲究流程的科学性)讲究流程的科学性版面似有一条导向线突出中心环节1 1、如何建立视觉流程、如何建立视觉流程 (2)加强可视、可读性内容形式单纯、明了,易于直接接受理解;处理好相关元素的聚散、疏密、快慢节奏,提高视觉效果流程间隔大如宽屏幕节奏1 1、如何建立视觉流程、如何建立视觉流程 (2)加强可视、可读性)加强可视、可读性 间隔小的流程节奏加快,使阅读一气呵成。1 1、如何建立视觉流程、如何建立视觉流程 (2)加强可视、可读性)加强可视、可读性 形成聚散起伏的导读线,阅读自然流
4、畅。1、如何建立视觉流程、如何建立视觉流程 疏密强弱对比增强视觉凝聚力(3 3)利用对比建立视觉流程)利用对比建立视觉流程主体与空白对比。主体与空白对比。1 1、如何建立视觉流程、如何建立视觉流程 (3)利用对比建立视觉流程)利用对比建立视觉流程 掌握文字属性的对比 色彩对比突出主体色彩对比突出主体1 1、如何建立视觉流程、如何建立视觉流程 (3)利用对比建立视觉流程)利用对比建立视觉流程 黑白阴阳对比主次的大小对比主次的大小对比1、如何建立视觉流程、如何建立视觉流程 (3)利用对比建立视觉流程)利用对比建立视觉流程 加强形象在形态方向上的对比1 1、如何建立视觉流程、如何建立视觉流程 图形的
5、色彩调和(4 4)利用调和建立视觉流程)利用调和建立视觉流程文字大小方向调和文字大小方向调和1 1、如何建立视觉流程、如何建立视觉流程 (4)利用调和建立视觉流程)利用调和建立视觉流程 图形在编排方式上的调和1 1、如何建立视觉流程、如何建立视觉流程 不同形态的群组编排(5 5)利用组群建立视觉流程)利用组群建立视觉流程不同色调的群组编排不同色调的群组编排一、版式设计的视觉流程一、版式设计的视觉流程 2、视觉流程的表现方法、视觉流程的表现方法(1)(1)直线向视觉流程直线向视觉流程 (2)(2)斜线向视觉流斜线向视觉流 (3)(3)曲线向视觉流程曲线向视觉流程 (4)(4)导向线视觉流程导向线
6、视觉流程 (5)(5)散点视觉流程散点视觉流程 (6)(6)复向视觉流程复向视觉流程(1)直线向视觉流程按照视觉习惯进行水平或垂直方向的编排。视觉流程的表现方法视觉流程的表现方法 坚定、稳定、恬静、直率信息传达迅捷、简洁、精当视觉流程的表现方法视觉流程的表现方法 (2)斜线向视觉流程斜线方向的编排,具有不安定因素而抓住视觉。视觉流程的表现方法视觉流程的表现方法 不稳定、动态、活跃、易引起注意视觉流程的表现方法视觉流程的表现方法 (3)曲线向视觉流程使版式构成更加丰富,给人以韵律感和柔美轻松感。视觉流程的表现方法视觉流程的表现方法 节奏、韵律、柔美、轻松视觉流程的表现方法视觉流程的表现方法 (4)导向线视觉流程通过一定视觉元素,把版面构成要素串联起来。视觉流程的表现方法视觉流程的表现方法 联想、运动、清晰、方向视觉流程的表现方法视觉流程的表现方法 (5)散点视觉流程是指图文无规律,呈自由、个性化的排列。视觉流程的表现方法视觉流程的表现方法 活跃、自在、生动、新奇、刺激视觉流程的表现方法视觉流程的表现方法 (6)复向视觉流程把相同、近似、渐变的视觉元素有规律地重复排列。视觉流程的表现方法视觉流程的表现方法 秩序、节奏、韵律、特异视觉流程的表现方法视觉流程的表现方法 演讲完毕,谢谢观看!