IOS 12 Screen Time 数据可视化 - 实验项目

站酷推荐设计师

根据输入的屏幕时间数据，不同App的大小会发生动态变化，相互挤压，呈现出争宠屏幕时间的可视化效果。

01002f5cf26bb7a801213ec268fa84.gif

根据输入的屏幕时间数据，KT TREE结构会随着时间发生动态变化，从而生成平面二维的可视化效果。

01b7345cf26b82a801205e4b8414a6.gif

交互方面，我借鉴IOS原生系统里卸载APP的做法。当用户长按某个柔体球达到1.5s的时候，就会进入“卸载模式”。卸载模式里柔体球会像原生系统的APP一样颤动，用户可以点击左上角的删除按钮对它进行移除。

010d0b5cf28027a801205e4b69b1af.gif

同样是借鉴原生系统的“辅助触控”功能，我把一些功能入口的按钮收纳在这个H5的“辅助触控”里，使界面保持干净，关注点不被分散。

017d8f5cf283c0a801213ec28ef0ae.gif

在H5里，用户可以自由拖拽任意柔体球（APP）进行碰撞互动。

01aa0e5cf28027a801213ec2c3823c.gif

01ef95624d30330002c3290f734c0a.gif

动效

0118f660eef74811013f472019cae6.jpg

Vector mascots logoⅢ

01a0455dc569bca8012163bacd44f2.jpg

个人作品集

01kozyjjknn25lj7ujnes13335.gif

汇星医疗App改版

01pjdstqaqgqb979sl85of3337.png

UI作品集

站酷推荐团队

站酷2022年度创作者

0105d45e4d0139a801216518a3ebff.jpg

PHALCON丨ABD案例

0197b05c77a561a801203d2219aed0.jpg

手机图标

01cfe35c80eea8a801217ce66f321b.png

每日练习

品牌手机实拍，电商产品摄影手机精修

0157a85b0ab377a8012043d8e059f8.jpg

01kecilyjlzzcihmjrr27h3439.png

企业工作备忘录聊天IM

古风ICON时间轴（美学未来式主题设计大赛）

01f0ab5ecac918a801214d726e1def.png

PS 打造立体感、玉石质感手机主题图标临摹

01ed705ee092d5a801215aa0652cc3.jpg

01e8925e00a1b0a8012165181792bf.png

012192609b2e2e11013e3b7dbabf2d.jpg

个人在校作品集

01a4d95b84b9dea8012190f2f5ac68.jpg

图标

0132615ce12d8ba80121416822d143.jpg

你觉得呢？

01e5245f8961a611013f31101e50d7.png

图标系列二

“纪念碑谷”主题icon（图标设计）

015aa65dd4866ba8012129e2e7dd44.jpg

017af35b4aebb7a8012036bea1bbfd.gif

法加优化再设计

012bed5cf26b7ca801213ec2a14e58.png

01772a5e68e730a80120a895e2f106.gif

「嗨够」APP交互视觉设计

建发食品 岁幸 logo设计 生鲜 现代 时尚

01608161a09e2711013e8cd0a888bf.png

0170d45aaa594da80121246d645c58.gif

动态页面

与品牌更成长 × 智扬力创丨品牌设计

01be1e6127076c11013f4720e5aa6a.jpg