站在產品設計的角度,我們應該如何思考動效設計?

本文是 PinDesign 會員計劃第 88 期周刊的節選內容,如果大家對文章內容感興趣請加入會員計劃獲取本文全部內容。

Salesforce 是這次矽谷之行很想去但最終還是沒有去成的一家公司。好幾天路過這家公司,但卻實在想不到找誰去搭上線,最終未能達成。

之所以會對 Salesforce 產生興趣是由於之前花了些時間研究它們的 Lighting Design System。雖然這是一家 SaaS 企業軟體服務提供商,但在整個 design system 做得相當的完整。這套系統中最讓我感興趣的是他們對 Motion Design 的思考,非常的清晰明了。

Motion Design 一直以來都是設計師最善於發揮的一個領域,也是相對有些「混亂」的領域。從產品設計的角度來說我們已經過了炫技的階段,轉向更有目的性、更有體系化思考的階段。

接著 Saleforce 的這個案例,今天正好來和大家聊聊關於動效設計的思考,搞清楚我們做 Motion Design 的意義和目的。

關於 Motion Design,目前有哪些問題?

說到做產品設計,設計師受到業務、資源的約束,可發揮的空間一直在被壓縮。而動效的設計則更像是大家能夠自嗨的一款保留地,更多的創意、想法都可以在這裡發揮。

酷炫的動畫大家都很喜歡、做出來也會很有成就感,但新鮮感過後反而會讓大家感受到一些不適。究竟是哪裡出了問題呢?我想大概應該如下幾類:

1.過度的炫技

在很多人眼中酷炫與動效設計是密不可分的,似乎只有將動效做得足夠的炫才能體現這個設計的價值。

但事實上過於複雜的動效反而會適得其反,時間一長會讓人覺得過於「膩」。這就讓動效過於喧賓奪主,從輔助呈現信息變為了強調自身的存在。

2.不恰當的使用動效

如上所述,動效的目的是輔助呈現信息。適當的使用是有意義的,但如果為了動效而去使用則反而是一種干擾。

前段時間有同學發出過一個騰訊 ISUX 的文章鏈接,每次頁面載入時當前頁面中的每個元素都有一個 fade in 的效果。一兩次還好,每次操作都帶來這些效果反而會讓人有不好的感受。

isux.tencent.com/articl

3.缺乏對動效體系化的思考

動效設計如何能恰到好處的幫助呈現信息、不讓用戶感受到違和感,很重要的在於設計的一致性。這其中動效的形式、時長、情感傳遞都需要考慮到,從而讓用戶能夠形成一種」慣性思維「,對動效產生功效的關聯。

一個 Toast 信息,一會從頁面底部浮出,一會從旁邊滑入只會讓用戶感受到混亂,帶來對信息解讀的消耗。那麼動效就會從輔助信息呈現變成了干擾信息理解了。


以上是 PinDesign 設計周刊第 88 期的試讀部分。在接下來的全文內容中將繼續討論我們為什麼要做動效設計?從呈現信息、引導用戶操作、體現產品氣質等角度來和大家聊聊如何看待動效設計對於產品的意義。

加入 PinDesign 會員,獲取本期主題「站在產品設計的角度,我們應該如何思考動效設計?」全部內容及前兩期周刊的贈送。

點擊領取 PinDesign 會員計劃 50 元優惠券

近期更新周刊主題:

  • 平台設計中不可忽視的圖片設計
  • 產品設計過程中必問的 40 個問題
  • 工作已經 2 年多,我應該如何跳槽?
  • 想將設計做出彩,首先你得先找對問題
  • 設計師是時候要往後「退」一步了

推薦閱讀:

用PS十倍無損壓縮GIF動效圖

TAG:交互动效 | 用户体验设计 |