迪士尼在設計界面動畫時的運動原理你知道么UI設計必備干貨 今天小豆培訓網學歷教育小編就來給大家簡單介紹一下。
迪士尼的12部動畫原理是考慮傳統動畫時不可估量的指南之一。它是奧利約翰斯頓和弗蘭克托馬斯在他們的書 - 《生命的幻覺》中提出的。這些原則最初是為角色動畫等傳統動畫而設計的。但是，這些原則仍可用于設計界面動畫。因此，這只是在設計界面動畫時將一些原則聯系起來的奇怪嘗試。
迪士尼的12個動畫原理
壓縮和拉伸
在動畫中，壓縮和拉伸表示物體的重力，質量，重量和靈活性。一個場景中的彈跳球在它撞擊地面時伸展，是壓縮和拉伸的。
在界面中，壓縮和拉伸可以很容易地與按鈕相關聯。按鈕的按下狀態是壓縮。通過控制壓縮和拉伸，我們可以輕松地為按鈕定義一個狀態。除按鈕外，它還可以應用于界面中的任何交互元素。
按鈕在相互作用時擠壓和伸展。
懸停的相互作用通常告訴我們接下來會發生一些行動。
涉及水平滾動的界面通常傾向于顯示滾動/滑動時出現的下一個元素的一部分。這是預期的一個很好的例子，因為它揭示了關于下一件事的信息。
定時
在傳統動畫中，時間通知如何繪制幀。幀越多，動畫越平滑，越慢。時間也給對象帶來情緒和特征。
時序是任何界面動畫的基本方面。時間和緩和功能在運動編排中起著重要作用。漫長的過渡會讓你的用戶等待太久。另一方面，如果你的動畫太快，用戶可能會遺漏某些內容。通常，大多數界面動畫介于200-600ms之間。像懸停和反饋這樣的交互大約是300毫秒，過渡的動作大約是500毫秒。你可以參考Material design（材料設計），它可以很好地解釋每種動畫的持續時間。
一些設計系統（如碳和閃電）已將運動視為一個重要方面，并為每種類型的過渡制定了規格（時間，緩和等）。
左邊的卡片沒有緩動。你可以看到右邊的過渡似乎更自然。
為界面元素添加緩動可以提供更長的使用壽命，并使它們看起來更自然。單獨定時和緩和可以有效地用于定義你的運動系統。
表演
舞臺編排舞蹈。也就是說，如何將對象放置在場景中，每個動畫的發生方式和時間等等。它將注意力引向場景中最重要的對象。
在接口中，分段決定元素的放置位置以及交互發生時如何編排元素。它將用戶的注意力引導到預期的元素。
FAB在互動上被夸大了。
主要操作被夸大的付款應用上的互動。
跟進和重疊動作
考慮一只兔子從高處跳躍。當兔子開始運動時，它的耳朵可能會以身體的偏移開始。當它落地時，它的耳朵仍然在運動。前者稱為重疊動作，角色的不同部分以不同的速率運行。后者稱為“ 跟隨”，即使在角色停止后角色的某些部分仍然處于運動狀態。
在界面中，可以使元素在停下來之前超過（跟隨）它們的位置以使它們感覺更自然。
一個模式窗口展示跟進。它超越了它的位置然后穩定下來。
滾動時，圖像卡片和文本以不同的速率開始，表現出重疊動作。
界面中的每個交互都必須使用正確的上下文精心制作，以使體驗更加身臨其境。在正確的位置使用這些原則可確保你的交互與你的界面不同。
其中許多原則正在以不同的形式和方式用于今天的數字產品中。
分享最新鮮的設計文章！提供最優質的設計服務！
1、黑龍江哪里學動畫設計好？
黑龍江大學的牌子硬，專業也比較好，相信它沒錯。 希望能幫到你。2、動畫的原理是什么？
動畫是通過把人物的表情、動作、變化等分解后畫成許多動作瞬間的畫幅，再用攝影機連續拍攝成一系列畫面，給視覺造成連續變化的圖畫。它的基本原理與電影、電視一樣，都是視覺暫留原理。
醫學證明人類具有“視覺暫留”的特性，人的眼睛看到一幅畫或一個物體后，在0.34秒內不會消失。利用這一原理，在一幅畫還沒有消失前播放下一幅畫，就會給人造成一種流暢的視覺變化效果。
擴展資料
中國動畫史
提到中國動畫的先驅，那理所當然是萬氏兄弟。1935年，萬氏兄弟拍攝了中國第一部有聲動畫《駱駝獻舞》。隨后在1941年戰火紛飛、技術窘迫的環境下，其完成了中國第一部黑白動畫長片《鐵扇公主》。那時候能有如此的成就難得可貴，畢竟那是戰火紛飛的年代，吃口飯都很難。
現代的中國動畫風格有些偏向于模仿歐美和日本，以這種形勢發展下去遲早會步入絕境。雖然歐美和日本在動畫創作上都名列世界前茅，但是一味模仿終究不是辦法，失去了獨特和創新。所以，中國在動畫發展上應該走自己的道路，突出自己的民族特色。雖然過程會很艱難，但是這段過程挺過去就會迎來一片光明。
《驕傲的將軍》是中國第一部具有民族藝術風格的優秀作品，這部電影和《神筆馬良》是中國學派的開山之作，不管是人物造型，還是背景設計等方面都吸取了中國傳統繪畫和戲曲的藝術形式、表現手法，飽含濃厚的中國風。
人們對《西游記》里面那個憨厚、有點好色的豬八戒記憶深刻，中國第一部剪紙動畫就是《豬八戒吃西瓜》，看著影片中肚子大大的豬八戒吃著西瓜是不是很有喜感呢？此外，他在打滾的時候好像一個大皮球，看著就很逗。
受中國傳統哲學的影響，“寫意”成為中國最具有特色的藝術特征。中國動畫的主題經常是比較不容易看出來的，只有細心看才能知道講的是什么。它以簡單的故事反映深刻的哲理，比如講述英雄打敗反派，最后圓滿結尾，和西方的動畫截然不同，推崇善與惡的對立。
參考資料：百度百科-動畫
3、flash動畫的制作原理是什么?
FLASH動畫與傳統動畫在原理上是一樣的。是通過把人物的表情、動作、變化等分解后畫成許多動作瞬間的畫幅，再用攝影機連續拍攝成一系列畫面，給視覺造成連續變化的圖畫。
它的基本原理與電影、電視一樣，都是視覺暫留原理。醫學證明人類具有“視覺暫留”的特性，人的眼睛看到一幅畫或一個物體后。
在0.34秒內不會消失。利用這一原理，在一幅畫還沒有消失前播放下一幅畫，就會給人造成一種流暢的視覺變化效果。
動畫制作是一項非常繁瑣的工作，分工極為細致。通常分為前期制作、中期制作、后期制作。前期制作又包括了企劃、作品設定、資金募集等；中期制作包括了分鏡、原畫、中間畫、動畫、上色、背景作畫、攝影、配音、錄音等；后期制作包括剪接、特效、字幕、合成、試映等。
擴展資料：所需功能：
1、圖形操作
繪圖和編輯圖形不但是創作Flash動畫的基本功，也是進行多媒體創作的基本功。只有基本功扎實，才能在以后的學習和創作道路上一帆風順。
使用FlashProfessional8繪圖和編輯圖形——這是Flash動畫創作的三大基本功的第一位。在繪圖的過程中要學習怎樣使用元件來組織圖形元素，這也是Flash動畫的一個巨大特點。
2、補間動畫
補間動畫是整個Flash動畫設計的核心，也是Flash動畫的最大優點，它有動畫補間和形狀補間兩種形式。用戶學習Flash動畫設計，最主要的就是學習“補間動畫”設計。
在應用影片剪輯元件和圖形元件創作動畫時，有一些細微的差別，你應該完整把握這些細微的差別。還有補間動畫的幀，啟動畫的主要作用，只有使用幀才能使動畫更完美。
3、遮罩
遮罩是Flash動畫創作中所不可缺少的——這是Flash動畫設計三大基本功能中重要的出彩點。
使用遮罩配合補間動畫，用戶更可以創建更多豐富多彩的動畫效果：圖像切換、火焰背景文字、管中窺豹等都是實用性很強的動畫。并且，從這些動畫實例中，用戶可以舉一反三創建更多實用性更強的動畫效果。
參考資料來源：百度百科--動畫
參考資料來源：百度百科--Flash動畫
4、你知道嗎？為什么星巴克總是橫著排隊，而麥當勞卻要豎著排隊？
橫豎都是排隊
