编排设计视觉流程课件

编排设计――视觉流程设计2020年9月28日1编排设计――视觉流程设计2020年9月28日1视觉流程：视觉传达信息的有效实施概念：将画面中构成因素的布局、信息强弱的方向性诱导、形式动态的心理暗示等方面的影响形成一定的视觉运动规律，完成画面的空间定位的过程。注意力捕捉印象的留存视觉运动法则空间定位前提：

创意的拟定－最终画面形式感的判读依据主体图形以及文案的分类与定量－流程设定过程中的量变与质变风格的确定－视觉流程的设计目的2020年9月28日2视觉流程：视觉传达信息的有效实施概念：2020年9月28日2一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读1、逻辑性：符合人们认识过程的心理顺序和思维发展的逻辑顺序

针对创意提出的具体要求，通过视觉中心的依次设定实现诱导性的视觉运动“四方六合”六人主题海报展·西安美院美术馆2020年9月28日3一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读2、可视性：在视觉容量限度内有强势的表现力，构成画面明确的节奏和韵律。

最强力度的体现创意，力图应用各种视觉陈述或突破来激发阅读乐趣共存05年金铅笔青年大赛平面获奖作品2020年9月28日4一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读3、准确性：在创意的总体构想下通过符合信息传达先后次序的视觉安排，完成阅读诱导。

人为设定的阅读规律与创意信息的分层传达保持一致莫斯科金蜜蜂海报双年展2020年9月28日5一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读二、视觉流程的实现

视觉流程设计的理论实施

例如南京桂花鸭集团公司a：信息分拣b：信息重组c：排列组合d：图形翻译2020年9月28日6二、视觉流程的实现

视觉流程设计的理论实施例如南二、视觉流程的实现1、得到图形：具体方法：分割－组合－分割分割的3种方式a、图形作为画面的基本元素，是编排的中心内容。

（对图形的阅读是整体流程的设计起点）

四方六合”六人主题海报展·动物象形2020年9月28日7二、视觉流程的实现1、得到图形：具体方法：分割－组合－分割二、视觉流程的实现1、得到图形b、色彩作为最具视觉生理刺激效应的元素，对画面观察的顺序有直接的引导作用。（第一视点）四方六合”六人主题海报展·西安美院美术馆五官2020年9月28日8二、视觉流程的实现1、得到图形四方六合”六人主题海报展·西安二、视觉流程的实现

1、得到图形C、光影、肌理等立体形态感的平面实现有利于产生方向感，节奏等心理对应，从而更好的完成视觉捕捉。（空间感是平面视觉阅读中趣味的所在）

2020年9月28日9二、视觉流程的实现1、得到图形2020年9月28日9二、视觉流程的实现2、得到位置：

a、视觉中心优视区域：绝对中心和视觉中心的异同（点）。视觉流程体现为视觉中心的运动。这样的运动不仅为信息传达服务，同时符合人的视觉观察的生理要求，提高阅读效率。日立公司宣传海报2020年9月28日10二、视觉流程的实现2、得到位置：日立公司宣传海报2020年二、视觉流程的实现2、得到位置：

a、视觉中心优视区域：优视区域的划定（面）。优视区域的形成由生理条件、心理条件、社会条件共同作用，具体创意的指导使之存在相对独立性。Atmosthepry网站作品2020年9月28日11二、视觉流程的实现2、得到位置：Atmosthepry网站二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态。视觉流程设计过程中，构成形式对画面的区域划分有着重要的意义。

levitated网站作品欣赏画面框架阅读的整体方向确定2020年9月28日12二、视觉流程的实现2、得到位置：levitated网站作品欣二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，构成形态的符号性、识别性和导向作用不容忽视。（线性流程）肖勇海报作品2020年9月28日13二、视觉流程的实现2、得到位置：肖勇海报作品2020年9月2二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，几何形态的符号性、识别性和导向作用不容忽视。（面性流程）。2020年9月28日14二、视觉流程的实现2、得到位置：2020年9月28日14二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：人日常行为的经验分析，往往会影响其对新生事物的认知，阅读也不例外。2020年9月28日15二、视觉流程的实现2、得到位置：2020年9月28日15二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：书籍设计是文字、图形并重的设计类别，文字的功能性阅读在此有着重要的地位。2020年9月28日16二、视觉流程的实现2、得到位置：2020年9月28日16二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：文字为主的版式排列，依照文字的内容以及作用来设定运动的规律。2020年9月28日17二、视觉流程的实现2、得到位置：2020年9月28日17二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：遵循习惯和打破习惯是两种方向不同，目的一致的流程设计规律。最终的指导往往归于创意的要求。2020年9月28日18二、视觉流程的实现2、得到位置：2020年9月28日18二、视觉流程的实现3、角色服从：a、形式服从内容：视觉观察过程中，主体图形的表现担负创意风格的引领。新西兰视觉实验室设计（视觉流程设计的调整步骤）2020年9月28日19二、视觉流程的实现3、角色服从：新西兰视觉实验室设计（视觉流二、视觉流程的实现3、角色服从：a、形式服从内容：符号化图形的应用具有很高的开放度，是视觉流程顺畅的保证。同时检测图形表现的位次是否遵从创意中信息传达先后的要求。平面设计在中国05展毕学峰英语培训海报2020年9月28日20二、视觉流程的实现3、角色服从：平面设计在中国05展毕学二、视觉流程的实现3、角色服从：a、形式服从内容：视觉运动中，文字与图形的配合取决于创意表现的需要。2020年9月28日21二、视觉流程的实现3、角色服从：2020年9月28日21二、视觉流程的实现3、角色服从：a、形式服从内容：色彩的主次－色调2020年9月28日22二、视觉流程的实现3、角色服从：2020年9月28日22二、视觉流程的实现3、角色服从：a、形式服从内容：色的协调与对比

2020年9月28日23二、视觉流程的实现3、角色服从：2020年9月28日23二、视觉流程的实现3、角色服从：a、形式服从内容：构成的手法与创意相结合，有助于提升视觉信息传达的效率。（框架构成与构成表现之间在表达创意上有无冲突）2020年9月28日24二、视觉流程的实现3、角色服从：（框架构成与构成表现之间在表二、视觉流程的实现3、角色服从：a、形式服从内容：动态－画面的方向感作为视觉流程中的导向，对于引发心理失衡有重要意义。（多重方向的出现是否干扰主体框架的方向感）展示在双层巴士上的Pirelli宣传海报英国电视频道Channel4的标识2020年9月28日25二、视觉流程的实现3、角色服从：展示在双层巴士上的Pire二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，设计风格对创意的完善

靳埭强海报作品系列2020年9月28日26二、视觉流程的实现3、角色服从：靳埭强海报作品系列2020年二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善靳埭强海报作品系列2020年9月28日27二、视觉流程的实现3、角色服从：靳埭强海报作品系列2020年二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善2020年9月28日28二、视觉流程的实现3、角色服从：2020年9月28日28二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善2020年9月28日29二、视觉流程的实现3、角色服从：2020年9月28日29二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善平面设计在中国05展杜峰松平面设计在中国05展孔森2020年9月28日30二、视觉流程的实现3、角色服从：平面设计在中国05展二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，视觉流程设计对创意风格的完善我在行走日本中岛英树2020年9月28日31二、视觉流程的实现3、角色服从：我在行走日本中岛英树20三、课题布置训练内容：同一图形，等量字体的多种版式编排设计方案。（参见右图）即在12张版式模板上，完成3组不同训练目的的编排作业。训练要求：1、横线的位置代表图形的固定位置。每组4张均采用同一图形，该图形除形态固定外，大小、方向均可做自由更改。2、每组4张作业中选择相同数量的文字参与版式编排，其中文字的内容固定、但大小和排列形式可自由更改。3、3组作业中只有一组可加辅助图形，辅助图形的形态、大小、数量等均不予限制。4、纸张大小：A4（21cmX29cm）2组黑白稿、1组彩色（可加辅助图形）制作手法不限，可复印拼贴。构成导向角色互换主题表现（加图加色）2020年9月28日32三、课题布置训练内容：构成导向角色互换主题表现2020年9月经常不断地学习,你就什么都知道。你知道得越多,你就越有力量StudyConstantly,AndYouWillKnowEverything.TheMoreYouKnow,TheMorePowerfulYouWillBe写在最后2020年9月28日33经常不断地学习,你就什么都知道。你知道得越多,你就越有力量写谢谢大家荣幸这一路，与你同行It'SAnHonorToWalkWithYouAllTheWay演讲人：XXXXXX时间：XX年XX月XX日

2020年9月28日34谢谢大家演讲人：XXXXXX2020年9月28日34编排设计――视觉流程设计2020年9月28日35编排设计――视觉流程设计2020年9月28日1视觉流程：视觉传达信息的有效实施概念：将画面中构成因素的布局、信息强弱的方向性诱导、形式动态的心理暗示等方面的影响形成一定的视觉运动规律，完成画面的空间定位的过程。注意力捕捉印象的留存视觉运动法则空间定位前提：

创意的拟定－最终画面形式感的判读依据主体图形以及文案的分类与定量－流程设定过程中的量变与质变风格的确定－视觉流程的设计目的2020年9月28日36视觉流程：视觉传达信息的有效实施概念：2020年9月28日2一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读1、逻辑性：符合人们认识过程的心理顺序和思维发展的逻辑顺序

针对创意提出的具体要求，通过视觉中心的依次设定实现诱导性的视觉运动“四方六合”六人主题海报展·西安美院美术馆2020年9月28日37一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读2、可视性：在视觉容量限度内有强势的表现力，构成画面明确的节奏和韵律。

最强力度的体现创意，力图应用各种视觉陈述或突破来激发阅读乐趣共存05年金铅笔青年大赛平面获奖作品2020年9月28日38一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读3、准确性：在创意的总体构想下通过符合信息传达先后次序的视觉安排，完成阅读诱导。

人为设定的阅读规律与创意信息的分层传达保持一致莫斯科金蜜蜂海报双年展2020年9月28日39一、视觉流程设计原则

平面秩序的有效设定，完成信息的有效阅读二、视觉流程的实现

视觉流程设计的理论实施

例如南京桂花鸭集团公司a：信息分拣b：信息重组c：排列组合d：图形翻译2020年9月28日40二、视觉流程的实现

视觉流程设计的理论实施例如南二、视觉流程的实现1、得到图形：具体方法：分割－组合－分割分割的3种方式a、图形作为画面的基本元素，是编排的中心内容。

（对图形的阅读是整体流程的设计起点）

四方六合”六人主题海报展·动物象形2020年9月28日41二、视觉流程的实现1、得到图形：具体方法：分割－组合－分割二、视觉流程的实现1、得到图形b、色彩作为最具视觉生理刺激效应的元素，对画面观察的顺序有直接的引导作用。（第一视点）四方六合”六人主题海报展·西安美院美术馆五官2020年9月28日42二、视觉流程的实现1、得到图形四方六合”六人主题海报展·西安二、视觉流程的实现

1、得到图形C、光影、肌理等立体形态感的平面实现有利于产生方向感，节奏等心理对应，从而更好的完成视觉捕捉。（空间感是平面视觉阅读中趣味的所在）

2020年9月28日43二、视觉流程的实现1、得到图形2020年9月28日9二、视觉流程的实现2、得到位置：

a、视觉中心优视区域：绝对中心和视觉中心的异同（点）。视觉流程体现为视觉中心的运动。这样的运动不仅为信息传达服务，同时符合人的视觉观察的生理要求，提高阅读效率。日立公司宣传海报2020年9月28日44二、视觉流程的实现2、得到位置：日立公司宣传海报2020年二、视觉流程的实现2、得到位置：

a、视觉中心优视区域：优视区域的划定（面）。优视区域的形成由生理条件、心理条件、社会条件共同作用，具体创意的指导使之存在相对独立性。Atmosthepry网站作品2020年9月28日45二、视觉流程的实现2、得到位置：Atmosthepry网站二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态。视觉流程设计过程中，构成形式对画面的区域划分有着重要的意义。

levitated网站作品欣赏画面框架阅读的整体方向确定2020年9月28日46二、视觉流程的实现2、得到位置：levitated网站作品欣二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，构成形态的符号性、识别性和导向作用不容忽视。（线性流程）肖勇海报作品2020年9月28日47二、视觉流程的实现2、得到位置：肖勇海报作品2020年9月2二、视觉流程的实现2、得到位置：b、构成元素:点、线、面的构成关系在此扩展为画面的基本视觉形态，几何形态的符号性、识别性和导向作用不容忽视。（面性流程）。2020年9月28日48二、视觉流程的实现2、得到位置：2020年9月28日14二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：人日常行为的经验分析，往往会影响其对新生事物的认知，阅读也不例外。2020年9月28日49二、视觉流程的实现2、得到位置：2020年9月28日15二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：书籍设计是文字、图形并重的设计类别，文字的功能性阅读在此有着重要的地位。2020年9月28日50二、视觉流程的实现2、得到位置：2020年9月28日16二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：文字为主的版式排列，依照文字的内容以及作用来设定运动的规律。2020年9月28日51二、视觉流程的实现2、得到位置：2020年9月28日17二、视觉流程的实现2、得到位置：

c、阅读习惯的影响：遵循习惯和打破习惯是两种方向不同，目的一致的流程设计规律。最终的指导往往归于创意的要求。2020年9月28日52二、视觉流程的实现2、得到位置：2020年9月28日18二、视觉流程的实现3、角色服从：a、形式服从内容：视觉观察过程中，主体图形的表现担负创意风格的引领。新西兰视觉实验室设计（视觉流程设计的调整步骤）2020年9月28日53二、视觉流程的实现3、角色服从：新西兰视觉实验室设计（视觉流二、视觉流程的实现3、角色服从：a、形式服从内容：符号化图形的应用具有很高的开放度，是视觉流程顺畅的保证。同时检测图形表现的位次是否遵从创意中信息传达先后的要求。平面设计在中国05展毕学峰英语培训海报2020年9月28日54二、视觉流程的实现3、角色服从：平面设计在中国05展毕学二、视觉流程的实现3、角色服从：a、形式服从内容：视觉运动中，文字与图形的配合取决于创意表现的需要。2020年9月28日55二、视觉流程的实现3、角色服从：2020年9月28日21二、视觉流程的实现3、角色服从：a、形式服从内容：色彩的主次－色调2020年9月28日56二、视觉流程的实现3、角色服从：2020年9月28日22二、视觉流程的实现3、角色服从：a、形式服从内容：色的协调与对比

2020年9月28日57二、视觉流程的实现3、角色服从：2020年9月28日23二、视觉流程的实现3、角色服从：a、形式服从内容：构成的手法与创意相结合，有助于提升视觉信息传达的效率。（框架构成与构成表现之间在表达创意上有无冲突）2020年9月28日58二、视觉流程的实现3、角色服从：（框架构成与构成表现之间在表二、视觉流程的实现3、角色服从：a、形式服从内容：动态－画面的方向感作为视觉流程中的导向，对于引发心理失衡有重要意义。（多重方向的出现是否干扰主体框架的方向感）展示在双层巴士上的Pirelli宣传海报英国电视频道Channel4的标识2020年9月28日59二、视觉流程的实现3、角色服从：展示在双层巴士上的Pire二、视觉流程的实现3、角色服从：b、风格统一：创意对设计风格的指向，设计风格对创意的完善

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