APP交互动效设计

用户头像
其他/设计爱好者/3年前/213浏览
APP交互动效设计
交互动效指的是展现界面间的转换或界面内元素变化的交互反馈,场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化,核心目的是吸引用户注意力,提高信息敏感度。一个好的交互动效不仅能给用户带来使用上的便利,而且也能增强趣味性,提高用户的使用时间。
设计原则
1、简洁
交互动效同样需要简洁明了,以产品的实际情况出发,不需要过多的复杂无用的动效,实际的交互效果还是以产品的功能点出发。
2、一致性
交互动效的一致性和设计中的一致性相同,在同一个项目中使用一致的速度和形式,用户也能得到更加的体验。
3、动效自然
人机交互的效果应该和现实中物体之间的交互效果是一样的,现实中,物体的速度会受到自身重量和摩擦力的影响,具有惯性,在人机交互中也需要注意这一点。
4、 反馈
任何的交互操作的最终目的都是需要得到一个反馈,在设计动效时要注意及时反馈,动效的速度要适当,不能让用户感觉太快或者太慢。
基本属性
1、位置
通过改变坐标轴的数值来达到位移的效果,例如:播放歌单中歌词的滚动效果。
2、旋转
通过改变图形的旋转角度,实现让图形围着一个中心点运动的效果,例如:播放歌单中唱片的旋转效果。
3、缩放
通过改变图形的大小属性,为交互增加趣味性,例如:常见的按钮的点击,放大缩小的弹动效果。
4、透明度
通过改变图形的不透明度,实现图形从无到有的效果,也是常用的交互属性。
APP交互动效设计(图ZMzE4NDAwMTM2) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
音乐播放器
收藏
APP交互动效设计(图ZMzE4NTYxNjU2) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
主页弹窗动效
收藏
APP交互动效设计(图ZMzE4Njc3MTcy) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
音乐类型
收藏
APP交互动效设计(图ZMzE4NzU4NzIw) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
专辑推荐动效
收藏
APP交互动效设计(图ZMzE4NzU4NzI0) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
列表项
收藏
APP交互动效设计(图ZMzE4OTA2NTA0) - 动效设计 - 站酷设计师冰泪紫陌原创素材 - 站酷ZCOOL
更多功能
收藏
6
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册