首页 > 知识杂文 > 页面动画设计流程

页面动画设计流程

来源:查看原文

在现在的移动互联网时代,当用户打开我们的网页时,除了网页在加载时的一些交互动画以外,还多了一些颇有意见意义性和情绪表达的动画效果,这就是我们今天要先容的Motion Design。Motion Design是一种动画设计产物,是在代表品牌、产物、看法和用户情绪的焦点基础上,缔造并实现动态图形泛起的艺术形式。

让我们一探事实,有了Motion Design,应该若何开始我们的设计流程呢?

第一步、明确产物用户:身份、场景、使用情境,他们期待怎样的动效泛起?

第二步、搜集行业最佳实践案例,寻找灵感泉源。

第三步、构想画板,结适用户需求、设计题材、动效色彩表达,在设计头脑的感性灵光与逻辑剖解下,通过快速手绘和看法出稿,带着实验性的原型图,连系与同事的交流来一直迭代细化。

第四步、进入到Effictive Design,也就是将创意一直优化,进一步完善,极致还原需求及只有在动效中才气到达的情绪体验。

第五步、Output Design,把上游事情的制法方式纪录成文档,以到达效率与尺度化。

最后,Motion Design的利害取决于对于用户需求自己的明晰,真正的动画效果并不在于设计师使用何种庞大的手艺,而在于动画的显示力、情绪表达是否能够准确地泛起产物所带来的情绪体验。动画背后是深入的用户研究、迭代的设计流程以及精采的视觉创意,将这三者连系,便能为用户带来优越的体验。

相关信息