** cocoachina
這篇文章中，我主要闡述了ui動效設計中需要注意的問題以及原因，而不是教授製作ui動效額技巧。隨著大家對於這一領域的關注（很大程度上是源 自ios的ui設計），我們發現ui動效設計同其他的ui設計分支一樣，同樣具備完整性和明確的目的性。伴隨擬物化設計風潮 （skeuomorphism，也就是蘋果所提出的擬物化設計風格，強調的是模擬現實生活中物品的紋理，是廣泛意義上擬物化的子集。值得注意的是，「蘋果 式扁平化設計」並非廣泛意義上的設計正規化，而是帶有限定的特定風格，僅為廣泛意義上扁平化設計的乙個分支）的告一段落，ui設計更加自由隨心，仿如打破空 間和物理規則一樣的互動設計不再尷尬荒謬，反而令介面更加靈動奇幻。現如今，ui動效設計已具備豐富的特性，炫酷靈活的特效已是ui動效設計中不可分割的 一部分了。
個性
導向
動效應當通過使用體驗安撫使用者，令他們輕鬆愉悅。設計師需要將螢幕視作乙個物理空間，將ui元素看作物理實體，它們能在這個物理空間中開啟、關 閉，任意移動、完全展開或者聚焦為一點。動效應當隨動作移動而自然變化，為使用者做出應有的引導，不論是在動作發生前、過程中還是動作完成以後。ui動效就 應該如同導遊一樣，為使用者指引方向，防止使用者感到無聊，減少額外的圖形化說明。
背景
動效應當為內容賦予背景，通過背景來表現內容的物理狀態和所處環境。再擺脫模擬物品細節和紋理的設計束縛之後，ui設計甚至可以自由地表現與環境設定矛盾的動態效果。為物件新增拉伸或者形變的效果，或者為列表新增俏皮的慣性滾動都不失為增加整體體驗的有效手段。
共鳴
動效應該具有直覺性和共鳴性。ui動效的目的是與使用者互動，並產生共鳴，而非令他們困惑甚至感到意外。ui動效和使用者操作之間的關係應該是互補的，兩者共同促成互動完成。
情感
好的ui動效是能夠喚起積極的情緒反應的，平滑流暢的滾動能帶來舒適感，而有效的動作執行往往能帶來令人興奮的愉悅和快感。
克制
濫用特效會讓使用者分心，把握好這個微妙的平衡。動效是用來保持使用者的關注點、引導使用者操作的，不要為了動效而動效。過度表現和過多的轉場動畫會令使用者煩躁，甚至沮喪。還好，目前沒有太多的反面案例。但是記住這一點，沒有錯。
你應該知道的JS reduce的n種應用
reduce是es5中新引入的乙個api。假如你還不知道reduce的用法，請先閱讀下mdn文件中關於reduce的介紹。不得不說，mdn文件太強大了，裡面列舉了很多有用的方法 本文將介紹借助reduce函式，利用其能夠遍歷到陣列的每乙個元素，並且次遍歷都可以使用上次遍歷結果的特性，實現的一些功能。...
你應該知道的 RPC 原理
在校期間大家都寫過不少程式，比如寫個hello world服務類，然後本地呼叫下，如下所示。這些程式的特點是服務消費方和服務提供方是本地呼叫關係。而一旦踏入公司尤其是大型網際網路公司就會發現，公司的系統都由成千上萬大大小小的服務組成，各服務部署在不同的機器上，由不同的團隊負責。這時就會遇到兩個問題 ...
Vertical Align，你應該知道的一切
對哪些元素可以使用vertical align vertical align用於對齊行內元素。所謂行內元素，即display屬性值為下列之一的元素 inline inline block inline table 本文未涉及 其中，行內元素 inline element 就是包含文字的標籤。而行內塊...