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

点击下载 关闭

微交互

566浏览    133参与
Cuiuc

2019年创作的第一个交互绘本插图 现在回看画的真的不好 但是是一段时期的情绪表达的 对当时的我来说也还算满意

2019年创作的第一个交互绘本插图 现在回看画的真的不好 但是是一段时期的情绪表达的 对当时的我来说也还算满意

Marvin w

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

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

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

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

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

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

微交互
谷歌公司官网展示此时此刻全世界...

谷歌公司官网展示此时此刻全世界人们正在搜索什么,没有简单采用搜索词轮播的形式,而是加上了光标打字的动效,更加增强了实时感。

谷歌公司官网展示此时此刻全世界人们正在搜索什么,没有简单采用搜索词轮播的形式,而是加上了光标打字的动效,更加增强了实时感。

微交互
iconfont在妇女节那天,...

iconfont在妇女节那天,外星人变成了一个长发女外星人。

iconfont在妇女节那天,外星人变成了一个长发女外星人。

微交互
这个高铁设计特别人性化如果有人...

这个高铁设计特别人性化
如果有人坐: 红色
如果没有人坐: 绿色
如果下一站即将有人坐: 黄色

这样买了站票的乘客
可以把空座位有效利用起来
也避免了占用别人座位的尴尬 

这个高铁设计特别人性化
如果有人坐: 红色
如果没有人坐: 绿色
如果下一站即将有人坐: 黄色

这样买了站票的乘客
可以把空座位有效利用起来
也避免了占用别人座位的尴尬 

微交互
iOS 11 的 SOS 模式...

iOS 11 的 SOS 模式里三个滑块的动画效果都不一样。
关机滑块会使屏幕逐渐变暗,医疗卡滑块无特殊效果,SOS 呼叫滑块会整个变红提醒用户。

iOS 11 的 SOS 模式里三个滑块的动画效果都不一样。
关机滑块会使屏幕逐渐变暗,医疗卡滑块无特殊效果,SOS 呼叫滑块会整个变红提醒用户。

微交互
网易云的下载按键会提示该歌曲是...

网易云的下载按键会提示该歌曲是否为VIP才能下载,对于非VIP用户避免了需点击后才提示无法下载的尴尬,对于VIP用户但是分不清自己曾经哪些歌想要下载的人也能起到提示作用。

网易云的下载按键会提示该歌曲是否为VIP才能下载,对于非VIP用户避免了需点击后才提示无法下载的尴尬,对于VIP用户但是分不清自己曾经哪些歌想要下载的人也能起到提示作用。

微交互
取消Spotify premi...

取消Spotify premium订阅的时候,spotify会用歌单向你表达挽留。巧妙地把歌单连成了一句话:If you leave us now, you will take away the biggist part of us. 

取消Spotify premium订阅的时候,spotify会用歌单向你表达挽留。巧妙地把歌单连成了一句话:If you leave us now, you will take away the biggist part of us. 

微交互

b站在 Safari 上跳转 Native App 的拟物化视觉引导,类似 Mac 上 Gestimer 的设计。

b站在 Safari 上跳转 Native App 的拟物化视觉引导,类似 Mac 上 Gestimer 的设计。

微交互
【三星Note8媒体音量】在用...

【三星Note8媒体音量】在用户增加高音量时,音量控制弹出组件越来越红,直观的提示用户长时间以高音量聆听可能会损害用户的听力,调低音量组件会回到蓝色示意合适的音量。

【三星Note8媒体音量】在用户增加高音量时,音量控制弹出组件越来越红,直观的提示用户长时间以高音量聆听可能会损害用户的听力,调低音量组件会回到蓝色示意合适的音量。

微交互
开眼视频刷关注流时,如果你是外...

开眼视频刷关注流时,如果你是外放,即使手机开着音量,它的视频默认是静音播放(wifi下)的,每个视频右上角有个声音开关,当你需要听的时候可以点击打开。当插上耳机,声音可自动打开,拔下耳机声音自动关闭。

开眼视频刷关注流时,如果你是外放,即使手机开着音量,它的视频默认是静音播放(wifi下)的,每个视频右上角有个声音开关,当你需要听的时候可以点击打开。当插上耳机,声音可自动打开,拔下耳机声音自动关闭。

微交互
Bilibili安卓客户端在登...

Bilibili安卓客户端在登录过程中使用截屏工具的话,界面会变成黑屏。目的是防止用户登录信息泄露。

【案例提供:宇诗】

Bilibili安卓客户端在登录过程中使用截屏工具的话,界面会变成黑屏。目的是防止用户登录信息泄露。

【案例提供:宇诗】

微交互
Telegram 发送语音消息...

Telegram 发送语音消息时通过手势操作:向左滑动即时取消语音录制,向上滑动可锁定语音录制状态,图标也相应变化。 

Telegram 发送语音消息时通过手势操作:向左滑动即时取消语音录制,向上滑动可锁定语音录制状态,图标也相应变化。 

微交互
AntDesign使用了Hot...

AntDesign使用了Hotjar用户反馈工具,用户除了可以选择主观感受、填写评价内容外,还可以直接在当前页面中选取特定元素进行精准反馈,以便产品更好地进行下一步优化。

AntDesign使用了Hotjar用户反馈工具,用户除了可以选择主观感受、填写评价内容外,还可以直接在当前页面中选取特定元素进行精准反馈,以便产品更好地进行下一步优化。

微交互
谷歌设备参数查询页面: 默认页...

谷歌设备参数查询页面:

默认页面顶部显示“material design”,banner显示当前页面的标题和描述,当页面滚动时,整个顶部缩小并将原“material design”换成当前页面的icon+标题,在巧妙的保证页面交互时的信息完整性的同时,最大化的将空间留给了内容。

谷歌设备参数查询页面:

默认页面顶部显示“material design”,banner显示当前页面的标题和描述,当页面滚动时,整个顶部缩小并将原“material design”换成当前页面的icon+标题,在巧妙的保证页面交互时的信息完整性的同时,最大化的将空间留给了内容。

微交互
天猫搜索商品后在展示列表中点击...

天猫搜索商品后在展示列表中点击其中一商品查看详情后回到列表,该商品卡片区域会增加一个相似商品推荐浮层。巧妙运用了视觉停留时间以及卡片空间推荐相似产品,增加了触达点。

天猫搜索商品后在展示列表中点击其中一商品查看详情后回到列表,该商品卡片区域会增加一个相似商品推荐浮层。巧妙运用了视觉停留时间以及卡片空间推荐相似产品,增加了触达点。

Haiyang
捷库工作2 定位按钮动画。 L...

捷库工作2 定位按钮动画。


Locate Me Button Animation, Gikoo Job 2 made with Framer. 

捷库工作2 定位按钮动画。


Locate Me Button Animation, Gikoo Job 2 made with Framer. 

微交互
iBooks的文字高亮:“高亮...

iBooks的文字高亮:“高亮”功能是用户在选中文字后做的最频繁的操作,由于高亮操作比较复杂,在“高亮”操作菜单的最右侧有一个返回按钮帮助用户快速回到第一层菜单继续做诸如复制和翻译等的操作。

iBooks的文字高亮:“高亮”功能是用户在选中文字后做的最频繁的操作,由于高亮操作比较复杂,在“高亮”操作菜单的最右侧有一个返回按钮帮助用户快速回到第一层菜单继续做诸如复制和翻译等的操作。

微交互
夸克浏览器后台关闭网页卡片的时...

夸克浏览器后台关闭网页卡片的时候,会有一个定位图标表明当前浏览器窗口所在的网页,让用户在返回时有一个预期。

夸克浏览器后台关闭网页卡片的时候,会有一个定位图标表明当前浏览器窗口所在的网页,让用户在返回时有一个预期。

LOFTER

让兴趣,更有趣

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

下载移动端
关注最新消息