一、标签页切换动效
当你在设计诸如标签页或者弹出菜单这样的控件的时候，尽量借助动效让内容的位置变化关系呈现出来，这样不仅确保了内容的可见性，而且能够让用户不迷惑。这个时候，滑动手势交互和位移动效是不错的搭配，非常符合此处内容切换的语境。
二、卡片的展开动效
卡片是最常见的UI元素，左侧的界面中，点击卡片之后，展开新的界面；右侧界面中，点击卡片之后，卡片扩展并填充整个屏幕。
三、列表中使用瀑布式展开动效
左边的列表使用了较为迅速的淡入淡出动效，而右边的列表当中，淡入淡出以延时的方式呈现，效果类似瀑布的展开方式。淡入淡出的动效让元素递次出现加上轻微的位移，比较自然，看起来不错。
四、展开时的扩展动效
左侧的动效是内容在顶层覆盖列表，而右侧的动效是从中间扩展将上下内容顶开。通过移动、覆盖、展开的方式来呈现详情页的动效，视觉上看起来不错。而点击之后展开顶掉周围的元素，和周围的其他的元素有所互动，这样的动效更加优秀。
五、菜单的展开动效
左侧的动效中，菜单从底部淡入界面，而右侧的动效中，菜单是从被点击的按钮中扩展开的。菜单从按钮的位置淡入进入界面的方式展现了两者的关联，这样的设计还不错。通过扩展动效的方式来呈现菜单的展开，让按钮和菜单之间的关系得到了进一步的加强，这样的设计更加优秀。
六、使用按钮展现不同状态
左侧的按钮通过文本说明和色彩变化来指示状态改变，而右侧按钮则通过加载控件来展示不同的事件的发生。好的按钮会指示状态的改变，哪怕是通过文本来呈现。
七、吸引用户注意的动效
左侧仅仅是通过色彩、符号和位置来吸引注意力，而右侧加入了微妙的动效来吸引用户注意。使用色彩、标识和位置来吸引用户注意力是颇为有效的手段。借助微妙自然的动效，不仅能够吸引用户注意力，而且不会造成干扰，这样的设计更优秀。
八、总结
希望今天所提到的这些技巧能够让你在设计交互动画的时候，拿出更加自然、优秀的方案。从优秀到卓越，有的时候只需要进行微小的改变。
网友评论