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

站酷推荐设计师

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

01b7345cf26b82a801205e4b8414a6.gif

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

01002f5cf26bb7a801213ec268fa84.gif

012bed5cf26b7ca801213ec2a14e58.png

0199cf5c1376dba80121ab5d0e971e.jpg

图标练习

01a4d95b84b9dea8012190f2f5ac68.jpg

图标

0113ad554c0afd000001bf728aaa5c.jpg

临摹的一些东西

016f8a5568b1ed0000012716748cb5.jpg

单色（完整稿）

0120935e69e156a80120a895c72071.png

全面屏MP3

01cef2554b639f000001bf720d80c9.jpg

muse ui 设计整理

014672561b2f4432f8755701b9c031.jpg

清爽一夏  手机图标

0104ee585c8404a8012060c89ab199.jpg

扁平化图标

016736598bc6d70000002129062aa5.jpg

01903a5ce6164ea801208f8b8350bf.jpg

0123285568b1ed0000012716ca97b1.jpg

015d5f5cd0303aa8012141687cb709.jpg

#职能手表

扁平化主题图标，几个小时的半成品~

01aaec5970db08a8012193a36ec71d.jpg

012f0d55423dcf0000019ae92ebc16.jpg

手机主题-原创作品

01f350594b575aa8012193a3744ef0.gif

动效小品

0132615ce12d8ba80121416822d143.jpg

你觉得呢？

013db65e69e13aa801216518fd4c87.png

01fb6d5965ce68a8012193a3c08282.jpg

01962d5679580032f8759f04c3f93f.jpg

icon

0194e65e69e13aa8012165182cdcde.jpg

01efbf5915127fa801216a3eca7154.jpg

01d8365a2f8da4a80120ba38dff1d0.png

01c082597954cda8012193a32dc347.jpg

简约、手机图标

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

010d0b5cf28027a801205e4b69b1af.gif

01eca961e5444f11013f01cd9ace57.jpg

01c0ed610e451b11013f4720ed0adc.jpg

UI应用作品集