分享個(gè)人到處收割到的好看，創(chuàng)意到極致的App動(dòng)效UI，交互設(shè)計(jì)。
下面各位看官，睜大你眼睛吧 ~
Let's go ~
這是一款流行的卡片風(fēng)格的視圖切換，層級(jí)分明，逼真的滑動(dòng)切換效果，朕心甚悅呀~
簡(jiǎn)約卡片風(fēng)格
本來是枯燥無趣的表格，數(shù)字，數(shù)據(jù)，加入了飛機(jī)航線，和目的地特色風(fēng)景介紹，讓數(shù)字不再無聊，各項(xiàng)數(shù)值也讓用戶理解得更加清晰明了。
新穎行程表設(shè)計(jì)
想必大家一提到網(wǎng)購，加入購物車的功能時(shí)，腦海里都是京東呀，淘寶呀.....千篇一律的購物車效果，這個(gè)有趣的購物車效果想必能讓大家眼前一亮吧反正我是眼睛一亮
新思路加入購物車
有的專業(yè)性比較強(qiáng)或者是定制性比較高的App，開始的時(shí)候會(huì)要用戶，設(shè)置，編輯，一套又一套的選項(xiàng)，麻煩又枯燥，有時(shí)候跟做討厭的試卷一樣惡心，繼而直接刪除該應(yīng)用，根本沒有App體驗(yàn)。App商痛失用戶，用戶痛失優(yōu)質(zhì)App，如果把麻煩的設(shè)置項(xiàng)，調(diào)整成這樣呢？會(huì)不會(huì)喜歡~
避免枯燥的切換篩選
相當(dāng)優(yōu)質(zhì)的一個(gè)設(shè)計(jì)了，整體一個(gè)小水滴，簡(jiǎn)單而又不失靈動(dòng)的變化，優(yōu)秀優(yōu)秀優(yōu)秀。
連貫一體
說到數(shù)據(jù)~腦海里想到的都是一些 條條框框，一板一眼的嚴(yán)謹(jǐn)，呆板的數(shù)據(jù)表界面，眼睛看著又多又累又無聊，下面這個(gè)就很簡(jiǎn)單明了，眼睛相當(dāng)舒服不累。
相當(dāng)舒服的數(shù)據(jù)頁面
簡(jiǎn)約，清晰的現(xiàn)狀圖。
數(shù)據(jù)曲線圖動(dòng)畫
整頁的數(shù)字界面，我覺得只有這樣，我才不會(huì)隨手就關(guān)閉此數(shù)據(jù)頁面。
無聊數(shù)據(jù)有趣化
新穎的信息瀏覽頁，一般無非是一個(gè)橫長(zhǎng)方形視圖，幾個(gè)圖片，切換來切換去的，千篇一律，這個(gè)就比較有意思，要突顯有突顯，要亮點(diǎn)有亮點(diǎn)的，而且能充分勾引起下滑更多的沖動(dòng)。
信息瀏覽頁
層級(jí)分明的卡片視圖，仿佛用戶在現(xiàn)實(shí)世界里面，翻書，打開抽屜一樣，開了哪個(gè)，關(guān)了哪個(gè)，層級(jí)清晰。
極致卡片視圖
設(shè)計(jì)者花了一些小心思，讓千篇一律的引導(dǎo)頁，我們不一樣，不一樣，不一樣，而且一個(gè)視圖接一個(gè)視圖，相當(dāng)有趣，有多次來回滑動(dòng)的欲望。
視圖和引導(dǎo)頁有趣切換
適當(dāng)?shù)纳舷吕?，左右切換，能在有趣的背景層上進(jìn)行體現(xiàn)，仿佛在勾引用戶，來吧來吧，往左滑，往右滑~
瀏覽帶3D感覺
能帶給用戶驚喜的一個(gè)引導(dǎo)頁，能刺激用戶眼球的一個(gè)設(shè)計(jì)，開始引導(dǎo)頁平淡無奇，突然滑出一個(gè)人，驚不驚喜，意不意外？
和諧的漸入動(dòng)畫
合適的時(shí)候給用戶左右切換一個(gè)有趣的反饋，也是一個(gè)不錯(cuò)的主意喲。
頁面切換微動(dòng)畫
本來是一個(gè)平淡的數(shù)據(jù)展現(xiàn)，加上一點(diǎn)彈簧效果，使數(shù)據(jù)有點(diǎn)，小傲嬌，小可愛了呢。
數(shù)據(jù)切換動(dòng)畫
一個(gè)順滑的抽屜動(dòng)畫。
cell展開更多動(dòng)畫
有個(gè)加載先后順序，用戶習(xí)慣讀數(shù)據(jù)，也是從上往下而讀，這樣加點(diǎn)延遲，順序展現(xiàn)，顯得界面很清晰，簡(jiǎn)潔，而不是一進(jìn)來一眼望去密密麻麻整頁都是數(shù)據(jù)的感覺。
展現(xiàn)更多信息
點(diǎn)擊按鈕，該按鈕有個(gè)視圖移動(dòng)動(dòng)畫，明顯的反饋給用戶，眼光跟我來，來到按鈕展現(xiàn)的界面，而不是茫然的還要找我點(diǎn)擊這個(gè)按鈕干嘛的，哪里變了。
懸浮按鈕點(diǎn)擊打開詳情效果
較于常見的拓展按鈕，它更加優(yōu)雅，加了波紋，加了延遲，不會(huì)有一種粗暴的感覺。
懸浮按鈕展開
小細(xì)節(jié)，優(yōu)雅的告訴用戶，這還有一個(gè)按鈕呢。
出現(xiàn)新東西動(dòng)畫
導(dǎo)航欄圖標(biāo)，切換很有意思，變化不是死板 生硬。
點(diǎn)開詳情動(dòng)畫
這個(gè)也是打開新視圖的時(shí)候更加優(yōu)雅，不是直接就懟開了，硬邦邦的。
軌道打開新視圖
給了用戶強(qiáng)烈，明顯的按鈕點(diǎn)擊反饋。
播放按鈕響應(yīng)
優(yōu)雅的開打新的視圖頁面，感覺開打新頁面都是那么自然，感覺不到是到了新頁面了，整個(gè)融為一體。
漸變色切換動(dòng)畫
運(yùn)用視差，和左右物理滑動(dòng)進(jìn)行小視圖預(yù)覽，切換。
滾動(dòng)視差切換動(dòng)畫
這個(gè)就是App偷偷送給用戶的小禮物，小驚喜啦，用戶突然發(fā)現(xiàn)還有這個(gè)效果，絕對(duì)會(huì)心生快感的，好感度++。
右拉熊微動(dòng)畫
卡片風(fēng) + 抽屜效果 完美結(jié)合，小清新，簡(jiǎn)約的快感。
卡片視圖切換
有點(diǎn)小淘氣的加載點(diǎn)點(diǎn)~
簡(jiǎn)約點(diǎn)點(diǎn)切換加載動(dòng)畫
相當(dāng)酷炫的加載動(dòng)畫，有此動(dòng)畫，加載頁面不無聊了~看完一遍，再看一遍......不無聊不枯燥。
動(dòng)態(tài)漏斗加載動(dòng)畫
有點(diǎn)佛性的加載動(dòng)畫，小水滴仿佛在說，靜心，不要著急不要著急。
水流加載動(dòng)畫
這個(gè)就比較可愛了~
卡通表情圖像切換界面
給女神點(diǎn)贊上點(diǎn)心吧，我才不要你的隨手一個(gè)贊呢，我要大大大大...的贊。
長(zhǎng)按點(diǎn)贊加大
點(diǎn)個(gè)贊都可以這么俏皮 可愛嗎？我點(diǎn)一個(gè)，再點(diǎn)一個(gè)......
點(diǎn)贊表情
3D 翻轉(zhuǎn)效果的側(cè)滑菜單
3D 翻轉(zhuǎn)的菜單
3D 卡片風(fēng)格翻轉(zhuǎn)動(dòng)效
3D卡片翻轉(zhuǎn)
展開更多選項(xiàng)動(dòng)效
彈出更多選項(xiàng)動(dòng)效
提高用戶體驗(yàn)的下導(dǎo)航欄的點(diǎn)擊反饋
點(diǎn)擊反饋
增強(qiáng) LOGO 觀看樂趣 和 視覺沖擊
動(dòng)畫LOGO
漸變界面跳轉(zhuǎn)
漸變界面跳轉(zhuǎn)
空間轉(zhuǎn)換感很強(qiáng)的輪播圖，讓它與眾不同
空間轉(zhuǎn)換動(dòng)效輪播圖
很有趣味性的登錄動(dòng)效
趣味性的登錄動(dòng)效
很有意思的一個(gè)下載進(jìn)度提示動(dòng)效
下載進(jìn)度提示動(dòng)效
各位看官，看完是不是有有創(chuàng)作欲望了呢~
大家如有新穎，別具一格的UI ，動(dòng)效，動(dòng)畫，都可以分享給我喲。
筆者最近癡迷于動(dòng)效UI結(jié)構(gòu)設(shè)計(jì)......
