主流软件
主流动效设计软件AE、principle(苹果系统)、flinto(苹果系统-简单效果)、protopie、keynote、framer(代码)
动效设计灵感来源
浏览优秀作品
体验app
十二法则
工具的名称
用户等待的阈值范围
0.1s:完全接受时间
1s:用户保持不间断的思维流的限定时间,会注意到延迟
10s:用户保持对当前页面/对话框的极限时间
通常在4-5s的时间就已经达到焦虑并关掉当前页面
WiFi预加载;优先加载重要内容
增加动效转移用户注意力
先慢后快的进度条在视觉及心理感受上比较快
趣味性的设计能够更贴近用户,增加用户粘性
情感化的动效易激起用户心中的共鸣,增加良好的用户体验
与程序员的对接:使用Bodymovin把AE做好的动画导出为json文件,配合动画库lottie以安卓/iOS原生动画的形式在移动设备上渲染播放。
Bodymovin的使用方式:web页面,以svg/canvas/html+js的形式。Bodymovin提供了作为player的js库--bodymovin.js。 Android原生,通过Airbnb的开源项目“lottie-android”实现。 iOS原生,通过Airbnb的开源项目“lottie-ios”实现。 React Native,通过Airbnb的开源项目“lottie-react-native”实现。
用户在等待过程的接受程度
动效AE插件
动效:
情感化设计
差异化设计
趣味性设计
动效:
情感化设计
差异化设计
主流设计软件:AE、Principle、Flinto、Protopie、keynote、Framer。
Ae0主流动效设计软件
动效设计师与程序员配合(二)
Bodymovin的使用方式
动效设计师与程序员的配合
归类收藏动效设计作品
主流动效设计软件
动效设计的灵感来源
善于观察,留意身边好的交互设计
==大量体验优秀APP
==大量浏览优秀设计作品
善于总结,归类分析,预测发展趋势
==归类总结
==分析预测
洞察人心,理解用户的使用场景,解决用户痛点