0141b75a9cae9da8012195862a1c0d.gif

Daily UI Interaction Collection II

界面交互动效练习-Interactive exercises

01f0375abcf9eba8012182078a7642.gif

01284a5a9cae99a801206d96e7d939.gif

01da925644b6a46ac7259e0f85687a.gif

01a50859562a6da8012193a3befbc7.gif

近期动效作品集

01d8325b0b5f6ea8012181b0acfe0d.gif

动效练习

013c8a59fc395fa801202b0c51b09b.gif

#动效临摹作品# 持续更新中

01aadb58eba35ea8012049ef79d112.jpg

日常练习

010d0a5e4be5fda801216518773750.gif

wemeet social app

01e40b59506544a8012193a3d22302.gif

自学的交互

01c3a05bcfdf73a801213dea1b3d51.gif

十月份小动效

01430c5e5bd102a801216518716e3b.jpg

开学攻略－主题设计

0118875a7bb071a80121923184504a.gif

2016-2017年作品集合

016b3155d6a72e6ac7251df8c607db.jpg

日历APP

01bddb5681ffbf6ac7251bb637921b.jpg

扁平化镂空icon—阿蔡

01b0565baf2172a801213deac8aaaf.gif

一些动效

016ce6554517980000019ae9fb2e41.jpg

20140321临摹

01a42c59af45d8a8012028a944fed0.gif

日常

010a8a5a2666bba801216e8d72e2dd.gif

趋势图

0149b95bfb694ca80121ab5dca880d.gif

工作文件整理

UI动效案例研究分享-工具弹出融合

本次案例我们一起研究下类似水滴融合分离的效果，附带说明辅助动画的重要 第一步不要着急操作，观察案例 这里的动画还算简单，用五个基本属性去对应动画[中心点（快捷键A）位置(P)，旋转(R)，缩放(S)，不透明度(T)] 可以发现，这里只是用到了旋转动画，位置动画以及缩放动画，当然还有类似融合的动画（只是在缩放动画上施加的效果） 还有对于节奏的把握，分清主次，也就是需要表达的东西是什么，其他所有动画都是为了衬托主体 分析好了我们就跟着教程一起操作吧

01dc65579e96b60000018c1b151844.gif

0130a75c00fff3a801209252ec7998.gif

好吃的动效设计

018b29599bbacda801215603b41a6d.png

2017年上半年作品集

01533c5732df456ac72526312e2fb5.jpg

页面~

012f8f584782eaa8012060c8d7dfb1.jpg

GUI配色练习

012ccc5aa3e3e7a801206d969b76ff.gif

临摹练习(插画、图标、动效）

0182545ad1bfc2a80120402903ac7f.gif

每日一练

013ff457de92650000012e7eb73715.jpg

2016界面作品整理-2

01755859f82aaea801216a4b705d61.gif

Daily UI 界面交互动效