LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

交互动效

396浏览    52参与
Summer312

轻食点餐动效

轻食点餐动效

Marvin w

给部门的跑步轻应用,上线后觉得太生硬了。内容信息缺乏加载过度以及转场。

这里第一次试了一下 skeleton screen loading,由于公司网络偶尔抽风引起的加载缓慢,这里通过信息布局的预加载,同时以渐变隐喻数据的loading。

其次以排行列表出现具有一定时间的错差,表达了排行的不确定性,名次随时更替的感觉

给部门的跑步轻应用,上线后觉得太生硬了。内容信息缺乏加载过度以及转场。

这里第一次试了一下 skeleton screen loading,由于公司网络偶尔抽风引起的加载缓慢,这里通过信息布局的预加载,同时以渐变隐喻数据的loading。

其次以排行列表出现具有一定时间的错差,表达了排行的不确定性,名次随时更替的感觉

Marvin w

去年做的一个交互动效。主要是通过翻页切换卡片结合付款的loading过程~

去年做的一个交互动效。主要是通过翻页切换卡片结合付款的loading过程~

Marvin w

关于电影界面的一个交互动效。

主要在于元素的进出场运动轨迹以及衔接,符合真实的运动规律,让用户有迹可循~

关于电影界面的一个交互动效。

主要在于元素的进出场运动轨迹以及衔接,符合真实的运动规律,让用户有迹可循~

Lee-works
交互动效小案例

交互动效小案例

交互动效小案例

Lee-works
交互动效小案例

交互动效小案例

交互动效小案例

小鱼哥哥

页面内容及交互效果都是自己做的

软件:Sketch、PS、AE、Principle哦

页面内容及交互效果都是自己做的

软件:Sketch、PS、AE、Principle哦

细胞控

2017年4月5日开始接触交互动效...不断的尝试,然后推翻,发现难的不是做动画,而是如何让程序百分百实现,真的学到了很多,让我都想学代码了

2017年4月5日开始接触交互动效...不断的尝试,然后推翻,发现难的不是做动画,而是如何让程序百分百实现,真的学到了很多,让我都想学代码了

Lee-works
交互动效小案例

交互动效小案例

交互动效小案例

哆啦猪萌
≈ 在下拉刷新功能上附加品牌文...

≈ 在下拉刷新功能上附加品牌文化,当下滑后松开时,眯着眼睛的卡通形象会在刷新激活点睁开眼睛随之弹出文案“今天也要美美哒”来反馈刷新成功状态,同时传达给用户产品的定位,增加用户粘性。

≈ 成功刷新后会反馈已刷出的内容数量,让用户知道刷新是有效的。

≈ 这种通过情感化设计打造用户与产品的互动关系,并用生动的方式展现对用户行为的反馈。有趣的交互动画既强调了产品属性强化了品牌形象,又让用户对产品互动的过程充满惊喜。

≈ 在下拉刷新功能上附加品牌文化,当下滑后松开时,眯着眼睛的卡通形象会在刷新激活点睁开眼睛随之弹出文案“今天也要美美哒”来反馈刷新成功状态,同时传达给用户产品的定位,增加用户粘性。

≈ 成功刷新后会反馈已刷出的内容数量,让用户知道刷新是有效的。

≈ 这种通过情感化设计打造用户与产品的互动关系,并用生动的方式展现对用户行为的反馈。有趣的交互动画既强调了产品属性强化了品牌形象,又让用户对产品互动的过程充满惊喜。

陈淑贤 作品集
争鸣 - 标签页切换

争鸣 - 标签页切换

争鸣 - 标签页切换

陈淑贤 作品集
曼托莱 - 联系我们

曼托莱 - 联系我们

曼托莱 - 联系我们

陈淑贤 作品集
曼托莱 - 公司新闻

曼托莱 - 公司新闻

曼托莱 - 公司新闻

LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息