人妻少妇精品无码专区漫画_亚洲国产精品一区二区sm_内地无码毛片手机在线_亚洲av大精永久无码精品

二、靈動的動效

　　如今動效設計越來越被重視，尤其是在ios 7發(fā)布之后，一個優(yōu)雅、靈動的動效，成為很多優(yōu)秀app的標配。

　　首先讓我們來一起思考一下，為什么要設計動效？是為了好看、酷炫、還是流行？這些當然都是，但是最重要的是，有意義的動效，可以解釋應用的邏輯、層次和交互機制。動效是可以幫助用戶理解應用的。恰當的應用動效，可以替代大段的文字，闡述應用的含義。比如ios 6中刪除圖片的那個動效，照片飛入垃圾桶，然后垃圾桶蓋上蓋子抖一抖，非常生動的傳達了刪除照片的含義。

　　最典型的利用動效表現產品邏輯的地方，就是轉場動畫，大家對于這樣的動畫再熟悉不過了，下一層級的頁面，一般會從右側覆蓋進入，返回上一層級頁面，會向右側滑動退出，這種轉場動畫很好的營造出一種空間感和邏輯感。

　　Yep是一個基于地理位置的交友app，用戶可以發(fā)起一個聚會，吃飯、喝茶、運動或者其他什么。比如用戶選擇了“就餐”，其他選項收縮淡出，“就餐”圖標移位并變成地圖上的一個圖釘�！熬筒汀眻D標的變化過程可以將前后兩個界面無縫的銜接起來，闡明了基于地理位置的篩選機制，表達出“在這個位置就餐”的明確概念。在地圖界面中點擊“OK”按鈕，界面元素淡出，地圖整體向后退去，融入到雷達一樣的動效當中，圓形掃描區(qū)域所代表的就是以用戶當前位置為中心的50 公里半徑范圍。這一連串的動效，實現了界面之間的平滑過渡，也闡明了應用所要表達的邏輯。

Yep用動效表達邏輯

　　視覺設計可以還原物理世界的真實感，動效也可以。比如Flipboard的翻頁動效，給人一種硬紙板的感覺，iBook的翻頁動效，給人一種柔軟紙張的感覺，這種不同的材質感，都是通過動效來表現的。

用動效表現材質

 　　用動效表現材質，不會增加用戶的視覺負擔，在操控上更有真實感，所以就算擬物化的視覺設計已經慢慢在衰退，具有真實意義的動效卻得以保留。

　　細節(jié)處的小動效可以為產品增加亮點，帶來驚喜的體驗。就像Tumblr點贊的動畫，紅心飄起來時，就像飛了一個吻，讓人感覺心花怒放，取消點贊時，心都碎了。這種小細節(jié)讓人愛不釋手。

Tumblr的動效設計

　　利用動效速度的微妙變化，可以表現出應用的風格。快速可以體現靈活輕盈，慢速可以體現優(yōu)雅委婉。如卯榫體現傳統(tǒng)文化，動效緩慢優(yōu)雅，slingshot是一款閱后即焚的即時通app，快速的動效體現了它敏捷迅速的風格。

　　無論是快是慢，兩款app的動效都有慢入慢出的效果，體現出真實世界物體的慣性規(guī)律。不同的動效節(jié)奏會給用戶帶來不同的感受，但運動規(guī)律應該遵循現實的運動規(guī)律和節(jié)奏。符合基本運動規(guī)律，先快后慢、先慢后快、勻速、自由落體等，基本都有現實的運動事件做參照。