很開心與大家分享一些設計經驗，今天我們主要來說說界面動效的幾大點。動效制作給人感官的必要點是愉悅性。講到愉悅性很多設計師第一反應是，那我作品是不是應該一味炫。加入各種粒子、各種特效、各種彈彈彈。然后各種變形，像窗簾那種。其實這種設計理念是大錯特錯的，在我個人的動效設計觀里，我認為好的動效，它的基調應該是非常穩的，也就是說在它的大處是非常穩的而細節處應該追求一些“風騷”感的，當然這只是我的設計觀念。很多時候你設計動效，應該考慮我的動效有沒有用？作為動效設計師最尷尬的時候就是，你做了很多東西在動畫效果上，你設計的會很炫，但是你會發現你的動畫效果并沒有任何實際意義。在這種時候，個人建議你應該理性大于感性，如果你的動畫效果沒有任何的交互意義，反而會阻礙用戶的效率，那你就該毫不猶豫的刪除你的動效。所以，每一個動效設計的背后，都有它的深層含義。你要考慮你的動效設計是否有交互意義。如下圖：是一個搜索欄的動效展現，出現在引導頁面上帶給用戶的直觀感是“聚焦、提示”，那么我們可以說這個動效是有意義的——聚焦用戶、提示用戶。

要有原型：

我個人的設計總結是，一定要有原型即prototype，我們可以管靜態設計師設計的東西叫做靜態原型，我們可以管線框圖叫低保質原型，這是交互設計師負責干的事。而我們動效設計師同樣也要出自己的原型。我們應該出的是什么呢？——可交互原型。例如下圖，google界面動效的一個展示。我們可以看到google動效設計師在聯系原型系列交互事件中的強悍之處，google動效設計團隊在對原型方面是進行了很多探索的，比如說FRAMER JS比如說Quartz Composer.他們會在原型里面加入更多的技巧。言歸正傳，為什么要有原型呢？因為就我個人而言在實際工作經驗中發現，當我們用AE或者FLASH（當然FLASH也可以做原型）我們用時間軸類軟件去在設計層面上就是無拘束的，不考慮系統的限制、不考慮交互的限制、去無拘束的進行動效設計，沒錯，我們可以做出很炫的動畫效果，我們可以做出來這個節奏非常完美，讓人感覺很爽的效果，但是！當你的效果上了手機上的時候，你卻不知道它是怎樣一種效果。它是否會卡頓？它是否會出現你意料不到的手勢沖突？某些效果無法實現等等，你用AE做出來的效果只能是看起來爽，喬布斯也說過不是LOOKS LIKE是HOW IT WORKS。原型在這里起到的作用就是你要去檢測你的設計，當它真正被實施在移動端或者網頁界面，你必須檢測使用后是一種怎樣的感覺。

了解開發：

1、一個是AE或者其它軟件設計出來的很炫的展示稿

2、建議，可以給開發一份原型，讓他去操作一下感受這個動畫的交互度和操作起來是什么感覺。

   目前業界環境是這樣的一種情況，因為我們等同于一直站在巨人的肩膀上學習。我們的審美、設計、品味都在極力學習國外。在UI方面我們的能力可能不像國外的開發那么容易，語言在編程方面是我們的短板。但是我們整個行業無論是設計還是開發，我們的起點都是很低的，中國UI設計師的能力也都處于在很低的一個階段。

   我們在工作方法、工作流程以及本應該去緊密銜接的設計開發這兩個行業之間缺乏某種溝通。重點就是溝通，我們可以看到設計師了解開發，站在設計和開發的交叉路口上，能看到更遠的東西。

   多與開發溝通，他可以知道我在設計軟件里做的這個動畫能否被實現？我在開發里面是否支持粒子的系統？那我是應該放手去做還是我應該去找開發者溝通？當你了解開發之后，你會發現這條路忽然變得寬大起來。那么，了解開發要了解什么呢？IOS、你需要了解得并不多，因為你是以設計者的角度去了解開發。如果你是靜態設計師，你要了解切圖storyboard\或者怎么去進行自動布局、怎么去適配這些事情是靜態設計師該關心的問題。作為動態設計師我們應該關心什么呢？應該關心：動畫鏈的制作，完成第一個段落后，完成第二個，做第三個，第四個。。。這個時候語法怎么寫？所以你需要大致了解一點，比如IOS它自帶的哪些動畫的一些語法，比如IOS自帶的彈性動畫、緩動動畫、關鍵幀動畫、路徑動畫、粒子動畫、再包括IOS自帶的逐幀動畫等等。

   當你在設計時你可能并不了解太多，你隨便做，各種炫酷各種來，但是當你遞給開發的時候，你會發現很多東西無法實現。這個時候你再去改，你的設計已經背離了你的初衷了。所以這樣的情況對產品或你的設計的最終成果來說都是不理想的。

   首先，你得知道你的設計限制在什么地方，在這個圈之內去進行設計，盡量把這個圈畫滿，而不是先畫的很滿，最后你發現你的圈只是很小的一部，你會發現你開發的這個只有很小一部分和你交集。這時候你再去調整你的路線，你會發現無論時間成本還是學習成本你會花費非常多，代價非常大。這些就是我對于UI界面動效的理解和看法，也歡迎想踏入UI行業的設計師們多多交流。