【高手坐堂】UI交互动效设计专题练习

用户头像
深圳/UI设计师/6年前/7667浏览
【高手坐堂】UI交互动效设计专题练习
用户头像
Nefish
写在前面:
看到活动封面的我,不禁流下了悔恨的泪水…
真该早点去准备个形象照啥的啊…
摔…事已至此,那就这么着吧!
各位小伙伴们,请按照下面的指导,发挥自己的创意,尽情享受练习的过程吧!
下面图片中附有我在腾讯CSIG开发的课程《交互动效原则》中的一部分知识,大家可以先凭借自身理解来使用~
在答疑环节后,我会将完整版本的课程录制成视频,分享给大家,尽情期待~
希望大家能够在此次练习中提升自身的动效设计能力,同时对产品体验及交互设计都能够获得更深入的认识~微信搜索【惠普 Z Club】,第一时间接收完整点评内容!
OK~我们开始吧!
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MDY4) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MDk2) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MTAw) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MTA4) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
即时动效示例:随着右侧菜单项被激活,左侧图形随之发生变化,以此增强Hover动作的操作手感,同时赋予菜单项更加直观的示意
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MTI4) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
非即时动效示例:密码输入、验证过程、验证成功或失败的状态,均属于非即时动效。
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MTUy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
声音ICON的轻量动画表现了音量大小的关系
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MjAw) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MjUy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
注意每张卡片的出现及消失时,卡片、人物元素及文字之间的速度关系
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MjY0) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MzAw) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MzIw) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MzM2) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0MzY4) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
在真实的皮球落体案例中,皮球的速度、形状、步幅、方向、频率等,都在不断发生变化
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0Mzky) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
模拟液体分子引力效果的滑动删除操作

收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NDA4) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NDQw) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NDcy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NDc2) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NDk2) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NTEy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NTMy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NTQ0) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
【高手坐堂】UI交互动效设计专题练习(图ZMTc3Mjk0NTUy) - 动效设计 - 站酷设计师Nefish原创素材 - 站酷ZCOOL
收藏
273
举报
|
261
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册