动态视觉导视系统中期制作设计说明.doc

动态视觉导视系统《行走的童话》中期制作设计说明

学生：杨航设计学院视觉传达设计（数字媒体设计）

指导老师：王楠王冕设计学院

目录

一、设计立意 (1)

二、设计调研 (1)

(一)中期色彩设计调研 (1)

（二）中期动态变化技巧调研 (2)

三、设计构思与呈现 (3)

（一）动态视觉导视系统《行走的童话》中期图标制作 (3)

（二）动态视觉导视系统《行走的童话》中期制作呈现 (3)

四、总结 (5)

致谢 (6)

一、设计立意

在现今的公共场所中，导视、警示等标识普遍以静态图形的方式来表达内容，儿童没有太多的生活经验来理解标识的内容。因此儿童的安全和教育已经被导视系统所忽略。

儿童心理上都喜欢可爱，简单，萌萌的卡通人物形象。

静态标识是抽象，是简洁，是人们生活体验的浓缩体现，它总想展现给大家简洁明了的一面，然而儿童的生活经历还没到达一定的高度，在识别时会产生误区，并且儿童的想象力十分强大，在扭曲了禁止静态图标的含义后造成危险。

因此，本组决定以这个题材为设计立意，通过卡通动态的形式来呈现导视系统的中表达涵义，以此帮助儿童在公共场合理解标识内容，以此起到通知或提醒或警示儿童的目的。

在动态导视系统立意确定的基础上，初步拟定场景：学校,儿童医院，儿童书店。本组在动态导视系统制作时，进行了明确的分工，本人因为擅长人物制作与动作调试，所以负责动态导视系统的中期部分，其他组员按照自己特长，分别负责动态导视系统前期创作及后期合成部分。

二、设计调研

（一）中期色彩设计调研

颜色是导视系统传递信息的一个重要途径，导视系统的颜色是向使用者传递着大概的信息。导视系统所用的颜色对传递的信息具有不可言语的意义，通过不同的颜色表达，使使用者容易识别和感觉舒适感，导视系统的颜色效果对使用者有一定的引导作用。

颜色在导视系统信息传递中有着独特的作用，醒目的颜色能立即吸引使用者的眼球，导视系统颜色的运用应该传递标识的独有的性质。使不同的颜色可以在公共场合更加的引人注目。

标识色彩要具备易识别性，对颜色的使用失当，在导视系统设计中是不能小觑的。因此在导视系统设计中必需思考颜色的心理要素。

对于导视系统的颜色运用，我选取调研的以下集中颜色：

国家规定的安全色有红、蓝、黄、绿四种颜色。

红色（如图2-1所示）让人觉得醒目，均有强调作用。在公共场合中，红色往往醒目，突出。

橙色（如图2-2所示）是警觉的颜色。橙色又与衰败有关，在公共场合十分突出。因此，橙色使人感到警惕。

蓝色（如图2-3所示）具有感性的特点，恰恰与暖色相对应。蓝色还具有普遍、包涵的意义。

绿色（如图2-4所示）具有感性和沉稳的特点，又代表生命力，大众比较容易接受。

紫色是高雅柔美的代表。含红的个性，又有蓝的特性。暗紫色会引起消沉、微妙的感觉。

导视系统中的颜色应使人看后能立即理解所传达的信息含义，但要注意它们的明度纯度等因素。白色应用得当有设计感，在导视系统设计中的用色，须要把握住使用者心思，利用不一样的的颜色技巧，发挥出颜色的特性。

导视系统上色的部分在本组的导视系统中占有非常重要的地位，好的色彩设计贯穿整个系统，可以大大提高导视系统的质量。设计色彩之前，首先，对儿童心理和设计的人物造型进行深入的人了解，然后再根据情况进行调试。

图2-1 图2-2 图 2-3 图2-4

(二）中期动态变化技巧调研

虽然动态导视系统不像动画那样需要具体的场景布置和准确复杂的人物形象动作，但是也不能马虎，因为流畅的动态变化决定了整个系统最终效果的好坏。

关于导视系统动态变化我调研了很多种软件制作方式，并且上网找了很导视系统进行参考，最后决定用ps制作动态标识。

Ps制作动态导视系统的帧动画要先在纸上分析各个动作，然后用ps制作。

PS的帧动画是属于“逐帧动画”的范围，充分使用“视觉暂留”使独立的动作连贯在一起（如图2-5所示），首先介绍以下它的定义：

制作动作的分解小动作，按序排列，播放，在保存动画时选择gif格式。既可以用软件制作，也可以手绘制作每一个动作的内容。

打开ps，点击窗口，在菜单栏中选择时间轴，帧动画都是在时间轴上完成的。

图2-5

三、设计构思与呈现

（一）动态视觉导视系统《行走的童话》中期图标制作

我先把整个动态导视系统分成四类，即导视类，警示类和提醒类。每一类的颜色不同，导视类是蓝色，警示类是橙色，提醒类是红色。然后填充不同颜色的模板。

动态视觉导视系统《行走的童话》整体都是在PS绘制的，先设计好每一帧的人物动作，用ps制作好每一帧动作设计，然后输出图片，再在PS用时间轴里面进行动作整合和修改不标准的的人物动作，为了使动态效果更加流畅美观，叠加了适当的投影做细节，使其更具真实感。

本组动态导视系统是没有对白以及复杂的人物动作，整体风格都是扁平化，简单化，所以画面美感和动作在这个题风格的表现部分占的比重很大。第一部分是人物设立的部分，由于人物比较偏向简单，所以首先确定人物是扁平化风格，本组浏览了了很多现实中的扁平化图标，确立这种风格进行建模和贴图的绘制。

第二是人物动作的部分，根据标识的需求,人物动作幅度都比较小。本组参考了人体运动规律基础进行了细微的调整，所示让它更加符合人物的性格（如图3-1所示）。在二维里面动作比较复杂，所以大量绘制了中间帧，来使动作流畅，如果还不够，可以一点一点细分帧，比如行走时上下帧选择重复复制，再加调整帧即可（如图3-2所示）。会动手臂时按照动作来调节，轻微的变化，整体让动作达到流畅顺眼即可。

图3-1 图3-2

（二）动态视觉导视系统《行走的童话》中期制作呈现

考虑整体系统，就分类来说，主要分为三个个：一个是导视类，这个分类应该是帮助型的，所以用蓝色色调，简单利索（如图3-3所示）。例：在对文字处于正在认知状态的小朋友，以视频的方式给予小朋友更直观的概念，并有利于小朋友的阅读能力。二个是提醒类，用于提醒，所以选择橙色色调，还在此基础上加入了教育功能意义，以此来提醒儿童（如图3-4所示）。例：不可损坏公共物品，这样的引导小朋友讲文明礼貌的标示，可以通过动态视频里的动画人物起到榜样带头作用。三个是警示类，用于危险场景，用来警示儿童危险，因此用大红色色调，提醒儿童避免危险，小心行事（如图3-5所示）。例：有安全围栏的地方，播放能让小朋友有代入感并且意识到危险性质的小动画。从颜色，动画人物的动作表情的表达来展示三个分类虽然色调不一样，但是风格是一样的，这样使整个风格统一美观。

颜色当时也自己尝试了很多种类型，并且上网找了很导视系统进行参考。所以制作时，为了突出重要性，本人尝试了先加入一层同样材质底纹贴图的素材，然后在其基础上加上纹理和细节。整体风格不能花，要做到大体统一，参照的大多都是平面标识风格。道具上色也选择了先平铺底色然后再将动作进行叠加，使其更加真实有细节。

每个物件在填色之后，还需要一层投影。投影制作也是扁平化，风格统一，用来增添细节，在道具场景中，是不可忽视的一环。本人就是在所有的人物和道具下加了扁平化投影，使细节更丰富，所以在投影上，本组花了很大的精力去争取把它做到更好。

因为本组做的是动态导视系统，所以在动作上与三维动画不同，只需在对该造型进行了解和分析后，发现整体人物设计为扁平化长手长腿型，动作调整起来需要在ps里进行帧数调整，让其与人体骨骼大致相似，然后按照人体的运动规律去调整具体的动作，