编排设计视觉流程课件.ppt

1、2020年9月28日1编排设计视觉流程设计2020年9月28日2视觉流程：视觉传达信息的有效实施概念概念：将画面中构成因素的布局、信息强弱的方向性诱导、形式动态的心理将画面中构成因素的布局、信息强弱的方向性诱导、形式动态的心理暗示等方面的影响形成一定的视觉运动规律，完成画面的空间定位的过暗示等方面的影响形成一定的视觉运动规律，完成画面的空间定位的过程。程。注意力捕捉注意力捕捉 印象的留存印象的留存 视觉运动法则视觉运动法则 空间定位空间定位前提前提：创意的拟定创意的拟定最终画面形式感的判读依据最终画面形式感的判读依据 主体图形以及文案的分类与定量主体图形以及文案的分类与定量 流程设定过程中的量

2、变与质变流程设定过程中的量变与质变 风格的确定风格的确定视觉流程的设计目的视觉流程的设计目的2020年9月28日3一、视觉流程设计原则平面秩序的有效设定，完成信息的有效阅读1 1、逻辑性：符合人们认识过程的心理顺序和思维发展的逻辑顺序、逻辑性：符合人们认识过程的心理顺序和思维发展的逻辑顺序 针对创意提出的具体要求，通过视觉中心的依次设定实现诱导性的视觉运动“四方六合”六人主题海报展西安美院美术馆2020年9月28日4一、视觉流程设计原则平面秩序的有效设定，完成信息的有效阅读2 2、可视性：在视觉容量限度内有强势的表现力，构成画面明确的节、可视性：在视觉容量限度内有强势的表现力，构成画面明确的节

3、 奏和韵律。奏和韵律。最强力度的体现创意，力图应用各种视觉陈述或突破来激发阅读乐趣共存05年金铅笔青年大赛平面获奖作品2020年9月28日5一、视觉流程设计原则平面秩序的有效设定，完成信息的有效阅读3 3、准确性：在创意的总体构想下通过符合信息传达先后次序的视、准确性：在创意的总体构想下通过符合信息传达先后次序的视觉安排，完成阅读诱导。觉安排，完成阅读诱导。人为设定的阅读规律与创意信息的分层传达保持一致莫斯科金蜜蜂海报双年展2020年9月28日6二、视觉流程的实现 视觉流程设计的理论实施 例如南京 桂花鸭 集团公司o a：信息分拣o b：信息重组o c：排列组合o d：图形翻译2020年9月2

4、8日7二、视觉流程的实现1 1、得到图形得到图形：具体方法：分割组合分割具体方法：分割组合分割 分割的分割的3 3种方式种方式a a、图形作为画面的基本元素，是编排的中心内容。、图形作为画面的基本元素，是编排的中心内容。（对图形的阅读是整体流程的设计起点）（对图形的阅读是整体流程的设计起点）四方六合”六人主题海报展动物象形2020年9月28日8二、视觉流程的实现1 1、得到图形、得到图形b b、色彩作为最具视觉生理刺激效应的元素，对画面色彩作为最具视觉生理刺激效应的元素，对画面观察的顺序有直接的引导作用。观察的顺序有直接的引导作用。（第一视点）（第一视点）四方六合”六人主题海报展西安美院美术馆

5、 五官2020年9月28日9二、视觉流程的实现 1、得到图形得到图形C C、光影、肌理等立体形态感的平面实现有利于产生光影、肌理等立体形态感的平面实现有利于产生方向感，节奏等心理对应，从而更好的完成视觉方向感，节奏等心理对应，从而更好的完成视觉捕捉。捕捉。（空间感是平面视觉阅读中趣味的所在）（空间感是平面视觉阅读中趣味的所在）2020年9月28日10二、视觉流程的实现2 2、得到位置：、得到位置：a a、视觉中心、视觉中心 优视区域优视区域 ：绝对中心和视觉中心的异同绝对中心和视觉中心的异同（点）（点）。视觉流程体现为视觉中心的运动。这样的运动视觉流程体现为视觉中心的运动。这样的运动不仅为信息

6、传达服务，同时符合人的视觉观察的生理要求，提高阅读效率。不仅为信息传达服务，同时符合人的视觉观察的生理要求，提高阅读效率。日立公司宣传海报2020年9月28日11二、视觉流程的实现2 2、得到位置：、得到位置：a a、视觉中心、视觉中心 优视区域优视区域 ：优视区域的划定优视区域的划定（面）（面）。优视区域的形成由生理条件、心理条件、社会条优视区域的形成由生理条件、心理条件、社会条件共同作用，具体创意的指导使之存在相对独立性。件共同作用，具体创意的指导使之存在相对独立性。Atmosthepry网站作品2020年9月28日12二、视觉流程的实现2 2、得到位置：、得到位置：b b、构成元素、构成

7、元素:点、线、面的构成关系在此扩展为画面的基本视觉形态。点、线、面的构成关系在此扩展为画面的基本视觉形态。视觉流程设计过程中，构成形式对画面的区域划分有着重要的意义。视觉流程设计过程中，构成形式对画面的区域划分有着重要的意义。levitated网站作品欣赏画面框架阅读的整体方向确定画面框架阅读的整体方向确定2020年9月28日13二、视觉流程的实现2 2、得到位置：、得到位置：b b、构成元素、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，点、线、面的构成关系在此扩展为画面的基本视觉形态，构成形态的符号性、识别性和导向作用不容忽视。构成形态的符号性、识别性和导向作用不容忽视。（线

8、性流程）（线性流程）肖勇海报作品2020年9月28日14二、视觉流程的实现2 2、得到位置：、得到位置：b b、构成元素、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，点、线、面的构成关系在此扩展为画面的基本视觉形态，几何形态的符号性、识别性和导向作用不容忽视。几何形态的符号性、识别性和导向作用不容忽视。（面性流程）（面性流程）。2020年9月28日15二、视觉流程的实现2 2、得到位置：、得到位置：c c、阅读习惯的影响：、阅读习惯的影响：人日常行为的经验分析，往往会影响其对新生事物的认人日常行为的经验分析，往往会影响其对新生事物的认知，阅读也不例外。知，阅读也不例外。2020

9、年9月28日16二、视觉流程的实现2 2、得到位置：、得到位置：c c、阅读习惯的影响：、阅读习惯的影响：书籍设计是文字、图形并重的设计类别，文字的功能性书籍设计是文字、图形并重的设计类别，文字的功能性阅读在此有着重要的地位。阅读在此有着重要的地位。2020年9月28日17二、视觉流程的实现2 2、得到位置：、得到位置：c c、阅读习惯的影响：、阅读习惯的影响：文字为主的版式排列，依照文字的内容以及作用来设定文字为主的版式排列，依照文字的内容以及作用来设定运动的规律。运动的规律。2020年9月28日18二、视觉流程的实现2 2、得到位置：、得到位置：c c、阅读习惯的影响：、阅读习惯的影响：遵

10、循习惯和打破习惯是两种方向不同，目的一致的流程遵循习惯和打破习惯是两种方向不同，目的一致的流程设计规律。最终的指导往往归于创意的要求。设计规律。最终的指导往往归于创意的要求。2020年9月28日19二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：视觉观察过程中，主体图形的表现担负创意风格的引领。视觉观察过程中，主体图形的表现担负创意风格的引领。新西兰视觉实验室设计（视觉流程设计的调整步骤）（视觉流程设计的调整步骤）2020年9月28日20二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：符号化图形的应用具有很高的开放度，

11、是视觉流程顺畅符号化图形的应用具有很高的开放度，是视觉流程顺畅的保证。同时检测图形表现的位次是否遵从创意中信息传达先后的要求。的保证。同时检测图形表现的位次是否遵从创意中信息传达先后的要求。平面设计在中国05展 毕学峰英语培训海报2020年9月28日21二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：视觉运动中，文字与图形的配合取决于创意表现的需要。视觉运动中，文字与图形的配合取决于创意表现的需要。2020年9月28日22二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：色彩的主次色调色彩的主次色调2020年9月28日2

12、3二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：色的协调与对比色的协调与对比 2020年9月28日24二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：构成的手法与创意相结合，有助于提升视觉信息传达的效率。构成的手法与创意相结合，有助于提升视觉信息传达的效率。（框架构成与构成表现之间在表达创意上有无冲突）（框架构成与构成表现之间在表达创意上有无冲突）2020年9月28日25二、视觉流程的实现3 3、角色服从：、角色服从：a a、形式服从内容：、形式服从内容：动态画面的方向感作为视觉流程中的导向，对于引发心动态画面的方向

13、感作为视觉流程中的导向，对于引发心理失衡有重要意义。理失衡有重要意义。（多重方向的出现是否干扰主体框架的方向感）（多重方向的出现是否干扰主体框架的方向感）展示在双层巴士上的 Pirelli 宣传 海报英国电视频道 Channel 4 的标识2020年9月28日26二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，设计风格对创意的完善创意对设计风格的指向，设计风格对创意的完善 靳埭强海报作品系列2020年9月28日27二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善创

14、意对设计风格的指向，视觉流程设计对创意风格的完善靳埭强海报作品系列2020年9月28日28二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善创意对设计风格的指向，视觉流程设计对创意风格的完善2020年9月28日29二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善创意对设计风格的指向，视觉流程设计对创意风格的完善2020年9月28日30二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，视觉流

15、程设计对创意风格的完善创意对设计风格的指向，视觉流程设计对创意风格的完善平面设计在中国05展 杜峰松平面设计在中国05展 孔森2020年9月28日31二、视觉流程的实现3 3、角色服从：、角色服从：b b、风格统一：、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善创意对设计风格的指向，视觉流程设计对创意风格的完善我在行走 日本 中岛英树2020年9月28日32三、课题布置o训练内容：训练内容：o同一图形，等量字体的多种版式编同一图形，等量字体的多种版式编排设计方案。排设计方案。（参见右图）（参见右图）o即在即在1212张版式模板上，完成张版式模板上，完成3 3组不组不同训练目的的

16、编排作业。同训练目的的编排作业。o训练要求：训练要求：1 1、横线的位置代表图形的固定位置。、横线的位置代表图形的固定位置。每组每组4 4张均采用同一图形，该图形张均采用同一图形，该图形除形态固定外，大小、方向均可做除形态固定外，大小、方向均可做自由更改。自由更改。2 2、每组、每组4 4张作业中选择相同数量的文张作业中选择相同数量的文字参与版式编排，其中文字的内容字参与版式编排，其中文字的内容固定、但大小和排列形式可自由更固定、但大小和排列形式可自由更改。改。3 3、3 3组作业中只有一组可加辅助图形，组作业中只有一组可加辅助图形，辅助图形的形态、大小、数量等均辅助图形的形态、大小、数量等均

17、不予限制。不予限制。4 4、纸张大小：、纸张大小：A4A4（21cmX29cm21cmX29cm）2 2组黑白稿、组黑白稿、1 1组彩色（可加辅组彩色（可加辅助图形）助图形）制作手法不限，可复印拼贴。制作手法不限，可复印拼贴。构成导向构成导向角色互换角色互换主题表现主题表现（加图加色）（加图加色）2020年9月28日33p 经常不断地学习,你就什么都知道。你知道得越多,你就越有力量p Study Constantly,And You Will Know Everything.The More You Know,The More Powerful You Will Be写在最后2020年9月28日34谢谢大家荣幸这一路，与你同行ItS An Honor To Walk With You All The Way演讲人：XXXXXX 时 间：XX年XX月XX日