书接上文（点这里回顾），我们继续分析第四个部分：色彩和造型设计；
这是个动效设计中极易被忽略的细节。
我们总以为，在平面设计部分已经完成的情况下进行的动态设计是一种“补充”，事实上这是个极大的误解，这个误解也因此延续到动效设计的外围元素设计上，使之被一定程度的忽略，从而影响最终设计效果。
我曾经多次提到，动效设计的本质是将逻辑上原本就连续的时空进行恢复的一项工作。这就意味着你拿到的静态设计稿，只是连续时空的一个切片，你需要通过动态设计将这一连续时空还原出来。
这是什么意思？在外人看来，你进行的是一个创造新事物的工作，凭空构造了一个动态的“实体”。然而实际上你只是找到了原本就该存在的它。
通过这一思考形式，我们就可以找到一些容易被忽略的细节的设计方式。
就比如我们现在聊的色彩和造型设计。本文的色彩和造型，专指动效设计中出现的与原本静态设计稿中不尽相同的，甚至没有存在过的色彩和造型。
这两种元素都可以通过三种方式来进行设计：反差、延续和重设。
先说色彩。色彩的反差设计，通常用在特殊的情况，比如点击态或者提示态（即主动反馈形式）。反差包括反色和撞色两种。
反色的设计如下图所示的《精英危机》中的按钮点击态。这个状态有可能在静态稿中就有所表现，但也有可能没被界面设计师考虑到，就需要动效设计师在设计过程中，根据游戏整体的调性和界面设计风格去进行设计：
如果在这种情况下，动效设计师只是刻板的延续原本的静态设计，则无法设计出上述方案。
撞色则是根据界面的整体配色，在类似上图的情况下，针对性的取色或者进行合理的延伸，找出动态过程中理应出现的反差色彩。
如游戏《重力眩晕2》中，界面中主要的色彩如下图所示：
但在一些关键操作按钮的入场动画里，则融入了一些不同的色彩。如下图所示，这些色彩与界面中的调性一致，但互为撞色，可视为一种特别风格下的色彩选择方式：
色彩延续，与寻找撞色的方法比较类似。但所寻找的是顺其自然的延伸，如同色系取色、同明度取色或同饱和度取色，甚至直接延续界面中的主题配色，常用在伴随元素中。
如游戏《集合啦动物森友会》的动效中，就是直接延续界面本身的色彩。除了其界面本身色彩足够丰富外，整体的淡雅色调不再适合更多的色彩延伸，也是这么做的主要原因：
在类似这样的设计情境中，动效设计师需要仔细“审题”，搞明白自己所做的工作是属于“画蛇添足”还是属于“锦上添花”。
色彩的重设，则需要动效设计师花费多一些精力。其前提是完全理解界面设计理念，在此基础上进行额外的设计。与寻找撞色和色彩延续有逻辑上的一致性，只是实际操作更为复杂多变。这种情况多存在于界面设计本身色彩单一，但动态表现极为丰富多彩的情况。
典型的例子，在游戏《Nintendo Switch Sports》中可以看到，如下图所示：
其局内特效以及操作反馈动效，都有着与外围系统不同的配色。这种配色思路其实是与整个界面系统保持着高度一致性的：高饱和度、暖色系、撞色设计，都在指向“运动”、“轻松”和“活力”等关键词。尽管在色相上没有与外围系统保持统一，但正是这种反差，进一步制造了这类提示的明显程度。
岔开一句讲，色彩设计本身是一门巨大的学问。基本上所有的设计门类都会触碰到这个“巨坑”，是一件不太好短期内习得并熟练掌握的技能。本文蜻蜓点水，从动效的角度略提一二，妄可称为某种指引。真正的习得，还需要在大量的实践中，依照实际情况慢慢摸索。
除了界面本体、伴随元素的色彩需要如此考虑外。界面动效中的特效元素，也有类似的考虑，并且需要额外注意冷暖色、明暗度配合。这是因为光效类元素通常有不同的混合模式，在采集色彩时和实际表现时有较大差异。
通常光效类可使用色彩饱和度较高的贴图，在明度较高的背景下，使用多色彩贴图会比单色彩更易体现效果。
如《Gransaga》中的带有淡淡彩色光效的贴图，在明亮背景下依然效果显著：
另外，某些情况下不必遵守“贴图画风与界面画风一致”的规则，在《姜饼人王国》中就有两种画风的混搭光效：
这说明以卡通风格的界面，搭配写实光效，夹杂卡通类元素，也不失为一种效果显著的解决方案。
当然，也有全画风一致的设计，如《茶杯头》这样风格特别的游戏，它对特效贴图的风格要求会非常高，画面内所有动态元素都必须是手绘风格才能保持整体调性一致，甚至于画面风格都要和界面风格保持高度一致：
造型设计与色彩有相似之处，但又有自己的一套设计逻辑，我们将在下篇继续这部分内容。
这里是COTA五号，分享专业的游戏界面和动效知识，欢迎关注获取更多资讯。
本文完。
欢迎点击下方名片关注本号
本文来自微信公众号“COTA五号”作者：欧型兔（ID：cotadesign）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
