9-motion-design-inspiration-websites-1

扁平化的興起,現在越來越流行動效設計,特別對于移動端,對交互動效要求是很高的,今天為大家整理一些以展示動效為主的網站,對交互設計師來說是很好的靈感發源地。

UI Movement

UI movement此站更新比較快,主要展示移動APP的動效界面為主。

Motions

motions的動畫作品大部分交互摘自 Dribbble,所以質量有保證。界面不僅是APP,還有其它GIF動畫

Design Patterns

Design Patterns是Codepen的一個頻道,主要對一些交互友好的代碼集合到一起,并分類,設計師可以很方便的從里面找自己想看的動效元素,而且已經實現了代碼編寫,還能真實拿來使用。

Capptivate.Co

Capptivate.co 展示的動效作品很比較完整,但是更新有點慢,到了2015年2年后就沒有更新過,但里面的界面依然很贊,期待作者繼續更新!

Little Big Details

little big details 之前就介紹過,也許很多用戶已經忘記,今天再次精選到這里面來。推薦的動效有移動 APP 界面、軟件界面、網頁以及智能手表等,反正用戶體驗友好的作品都會被推薦到這里來。

UYI

UYI 全稱為 use your interface,專注收集一系列動效界面,以方便你激發和獲得動效設計想法。

UI Animations

UI Animations 分享帶動效的移動UI設計,但更新有點慢呢。

SIX UX

名稱很有意思,分享6秒內的交互設計作品。主要以網頁設計和APP界面為主。

User Flow Patterns

最后這個網站可能需要“科學上網”才能正常訪問… 分享也是以 APP 動效界面設計為主。

【動效設計全攻略】

必要的思考:
《80%是沒必要的!動效該潛移默化OR引人注目?》

靠譜的總結:
《漲姿勢!動效設計如何從四個維度吸引你的注意力?》

真實的案例:
《引導有門道!YEP!教你用動效闡釋APP運作機制》

原文地址:shejidaren

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量102萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 32

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏