Please enable JavaScript.
Coggle requires JavaScript to display documents.
领域动效 (Alexa归纳 (领域的动效可以整体归纳为几种? 1.进场 2.动作 3.退场, 领域里面有哪些功能点是需要动效的设计? 1…
领域动效
Alexa归纳
领域的动效可以整体归纳为几种?
1.进场 2.动作 3.退场
领域里面有哪些功能点是需要动效的设计?
1.文本或图像信息与tts的跟读节奏
2.层级信息的渐现次序(进入领域>领域Title>内容>引导语)
近场和远场动效的区别?
远场近场都保留了信息出现的【优先顺序】,也意味著在动效的阅读上给人很强的顺序感。比如多天天气出现的顺序、Title和内容信息出现的顺序。
先把Alexa每个领域的信息与动效进行分类
1.全局信息(Title、背景底图、引导语)
2.内容信息(纯文本、图文、图像)
影响动效流畅的条件
1.进场的速率
3.多样化的细节
动效的作用
信息交互
解释空间关系
如:应用打开与关闭、层级递进与返回。具体方式可通过焦点缩放、覆盖、滑出等动效帮助用户构建空间感受
元素衔接过渡
如:iOS日历中的年月日的切换
操作与反馈
对操作的反馈
如:iOS中开关按钮的动效、Android的水波纹。通过动效让用户了解程序当前状态,同时对用户操作(平移、放大、缩小、删除)做出及时反馈。
对状态的反馈
如:系统中的Loading类动效、iOS中密码输入错误的动效。例如说在用户点击下载按钮后,我们需要给用户展示程序当前的状态(未下载-下载中-下载完成)
:red_cross: 品牌与情感
强化品牌认知
如:开机动画、语音动画
创造愉悦感
Onboarding页的引导动画、icon的微动画
Alexa的规则是怎么样的?
我们的规则是怎么样的?
我们应该要有怎么样的规则?
领域分了哪几种类型?
文本类型、列表类型、播放器类型、宫格类型
什么样的动效是音箱应该有的型态?
动效有哪些原则?
Alexa的动效给人什么感受?