【学校地址】靖江市人民中路68号国贸商务中心18楼-A1座靖江市商业步行街苏宁易购斜对面
【咨询热线】王老师 18068916081同微信号 0523-84858859
UI动效现如今在APP和网页中几乎已经成为了基本的组成部分，经过仔细打磨的UI动效对于整个界面的提升是显著的。
动效设计呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。
在设计UI动效的过程中，Material Motion 的设计原则，IBM动画设计规则和UX动效宣言都是不错的设计参考和指引。
遵循这些现有的规范，能够很好地提升动效本身的体验和效果，从优秀走向卓越。今天的动效设计都是遵循着这些规范使用 InVision Studio 来进行制作的。
卡片的展开动效
卡片是最常见的 UI 元素，左侧的界面中，**卡片之后，展开新的界面；右侧界面中，**卡片之后，卡片扩展并填充整个屏幕。
**卡片之后，详情页向上滑出或者从左侧滑出的设计很不错。
通过展开动效从卡片直接过渡到详情页是更卓越的设计。
最好的动效往往能够通过变化让人明白两种状态之间的内在关联。
在制作不同状态之间变化的动效的时候，注意两个界面中共享的元素，并且将它作为桥梁，将两个界面状态连接到一起。
在使用 InVision Studio 创建原型的时候，这种同时存在前后两屏中的控件会自动连接起来，构成动效。这一功能使得动效的构建更加便捷。
在列表中使用瀑布式展开动效
左边的列表使用了较为迅速的淡入淡出动效，而右边的列表当中，淡入淡出以延时的方式呈现，效果类似瀑布的展开方式。
淡入淡出的动效让元素递次出现加上轻微的位移，比较自然，看起来不错。
【学校地址】靖江市人民中路68号国贸商务中心18楼-A1座靖江市商业步行街苏宁易购斜对面
联系我时，请说是在泰州便民网看到的，谢谢！
未上传身份证认证 
未上传营业执照认证 