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

54天前发布

原创作品 / UI / 动效设计
作品版权由Nefish 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。
已参与 :高手坐堂 — Nefish传授交互动效秘诀活动

写在前面:

看到活动封面的我,不禁流下了悔恨的泪水…

真该早点去准备个形象照啥的啊…

摔…事已至此,那就这么着吧!



各位小伙伴们,请按照下面的指导,发挥自己的创意,尽情享受练习的过程吧!

下面图片中附有我在腾讯CSIG开发的课程《交互动效原则》中的一部分知识,大家可以先凭借自身理解来使用~

在答疑环节后,我会将完整版本的课程录制成视频,分享给大家,尽情期待~

希望大家能够在此次练习中提升自身的动效设计能力,同时对产品体验及交互设计都能够获得更深入的认识~微信搜索【惠普 Z Club】,第一时间接收完整点评内容!

OK~我们开始吧!

即时动效示例:随着右侧菜单项被激活,左侧图形随之发生变化,以此增强Hover动作的操作手感,同时赋予菜单项更加直观的示意

非即时动效示例:密码输入、验证过程、验证成功或失败的状态,均属于非即时动效。

声音ICON的轻量动画表现了音量大小的关系

注意每张卡片的出现及消失时,卡片、人物元素及文字之间的速度关系

224
- 9位推荐设计师推荐 -

作品信息

  • 创作时间

    2019/09/20

【高手坐堂】UI交互动效设计专题练习
Nefish 关注
没有新消息