為何有的產品、服務特別受歡迎?

是因為這些產品、服務在內容、外觀、設計、可用性、功能等方面具有無可匹敵的優勢。其實，所有的這些層面都屬于交互設計的細節，其中一個關鍵點便是動效。

本文將介紹幾種常見的動效模式(用GIF圖演示)，分析一下為何這些簡單的設計模式在實際應用中能夠奏效。

當我們設計數碼產品時，我們一般用PS或者Sketch這種設計軟件來進行設計。

了解設計的人明白這樣一個道理：設計不光只是視覺表達。設計也不應該是靜態的。喬布斯說過這樣一句話：

設計并非外觀怎樣，感覺如何。核心在于，它是怎樣工作的。

影響用戶對產品的體驗與印象的因素有很多，交互在其中扮演著關鍵性角色。我們不能再簡單的把用戶界面當成一種靜態界面而設計。我們應該順應互聯網動態的本質，打造更加動態的圖形用戶界面。

好了，廢話不多說，我們來看看，什么叫做更智能的交互、更精致的動效。看看這些設計模式是怎樣提高用戶體驗的。

動效滾動

超鏈接是互聯網的雙刃劍，當你點擊鏈接時，你可以在互聯網中任意遨游，隨心所欲。

可是過度自由好嗎?不見得，比方說你在瀏覽一款精美的產品頁面，然后你點擊了一下頁面中的鏈接，突然導入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端，有時候的頁面轉換太突然，缺少過度，讓用戶一時不能接受。

我們可以看看書籍的用戶體驗：故事發展一般是線性的，每一章都和上文有所聯系。想要閱讀第二章，必須先閱讀第一章，以便大致了解書中的環境與人物關系。如果你”跳章”閱讀，不可避免的會錯過一些關鍵劇情，因此無法理解有些內容。

在網頁設計中，同理，尤其是那種內容比較大，頁面比較長得網站，這種情況經常無意識的發生：用戶會錯過之前的某些關鍵內容，而且又缺少提示，因此很難理解當前內容，通過添加動效滾動，可以修正這一問題。

http://m.xcfish.cn/