书接上文（上文点这里），我们继续分析第二个部分：对图形的理解和再创造；
人对图形的理解都有固定印象：
类似的，每种图形所对应的运动形态，也有固定印象：
但不是每个人都能清醒的意识到这一点。如果我们的设计中出现不符合相关常识的设计，就会让人脑中的印象与所看到的设计之间的对照出现差别，人们就会感觉到设计给他们的不适感。
比如一个经典的需求“做顺滑的动效”。
一般人对顺滑的理解，常常会将重点放在转换关系上，认为所谓的顺滑感受单纯是由参与动效的物件间的关系引起的。为了导向这一结果，往往会在需求层面刻意追求“直接联系”式的交互结构设计，这很容易出现求“顺滑”而丢体验的事情。
如下图示例1所示，控件元素间的直接转换往往被认为最容易体现“顺滑”：
但其实“间接联系”的设计形式，在不改变交互功能的基础上，也可构造同样的顺滑感受，且更直接快捷。如下图示例2所示：
动效设计师自己对顺滑的理解，又常常将重点放在动作曲线设计上。认为单纯的图形之间的联系实际上并不是“顺滑”的根本原因。只要调整好了曲线，“顺滑”的感受自然就有了。
比如将上文示例1的曲线进行修改，可能会有下图这样的效果：
这一版本看起来没有上一版本“脆生”，顺滑的感觉减弱了一些。两者之间的唯一差别在改变了的运动曲线。这种对比使不少动效设计师认为顺滑的唯一关键点在于曲线设计。
但显然所谓的顺滑是一种整体的感受，由多个因素共同组合营造。以上两者所认为的因素都对，但都不对。“顺滑”不仅需要图形之间建立合理的联系，还需要适当的曲线设计。并且要有合理的节奏安排。并且这些元素，在形式上都得是可进版的。除此之外，还需要考虑适当的地方应用适当的强度等等问题。
这里边最根本的因素是什么？其实是节奏把握，而节奏的把握就建立在对所涉及图形的逻辑理解上，没有合适的图形逻辑的理解，节奏就没法做到合理。
以之前提到过的一个相似，但极其简单的例子，当设计无边界图形的展开时，若不考虑其图形逻辑，会产生如下图示例3所示的样式：
它看起来不仅与顺滑相距甚远，还显得比较别扭。但如果考虑到“无边界图形”的图形逻辑，并以此为基准考虑接下来的诸多图形的运动，结果会大不相同，如下图示例4所示：
具体的考虑都有什么呢？一般情况的处理手段，我们会倾向于将左右无边界的图形展开，以上下边界为基准进行设计。这就有了纵向展开的运动形式；
而这个“容器”内的一排图标显然会受到“容器”本身运动的影响，自然而然的会为它们设计随动，这就是每个白色圆形入场时由下到上运动趋势的由来，示例中还设计了一点抖动的小细节，这不影响其本身的趋势形态；
最后需要考虑的是白片间的关系，这里没有任何基准，因此按照顺序和随机顺序都是可以接受的。如果具体到实际的需求，还要考虑实际需要。
有人可能会问，同样是随动，为什么白色圆片的运动趋势不是从上到下？这其实也是一种人对图形的固有印象，你可以尝试从上到下的设计样式，一定会有诡异的感觉。试想常人打开包的动作，往往是掀开包口的上部开口，这时包内物品如果随动，大概率是从下往上的一种晃动，而极少是反向的。
按照这种“基于图形逻辑”展开的设计，通常就具备了合理的节奏，从而变得顺滑，也常会符合各种延伸的设计需求。
又如，我们以前也提到过，这种无边框图形也可以做横向的展开，但要做一些特别的处理。这种设计方向在同样逻辑下展开后，所产出的设计结果也同样是合理的，且观感舒适的，如下示例5所示：
这说明一个道理：同样的设计逻辑下，改变细节会产生多样设计结果，但不影响设计合理性，效果自然更能让人接受；反之如果用错误的设计逻辑去展开设计，即便细节再丰富，最后结果也大概率是不合理的。所谓南辕北辙，差之毫厘谬以千里是之。
这就是为啥，设计师一定要搞清楚基本的图形逻辑，并据此展开设计。而图形动态层面的思考，则是动效设计师需要额外用功的地方。
关于“
动效
的细节设计应注意塑造更合理的图形动作
知道了这一点，你在设计的前前后后，注意到了图形逻辑，就会避免最终设计稿出现基本的错漏。
本系列下一篇，我们将继续讨论“设计质量自检”的问题。
这里是COTA五号，提供专业游戏界面和动效资讯，欢迎关注获取更多资讯。
本文完。
欢迎点击下方名片关注本号
本文来自微信公众号“COTA五号”作者：欧型兔（ID：cotadesign）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
