移動端動畫設計的五條原理
在移動設備用户體驗設計領域,微妙精緻的動畫已成為非常重要的設計元素。當的動畫能夠提供清晰的信息和直觀有趣的體驗,而過多的動畫則容易造成糟糕的用户體驗。那麼移動端的動畫該如何設計呢?
一、 擠壓變形
物體都存在質量,物體運動時的變形狀態能反映其自身的剛性和彈性程度。例如書架椅子這類物體就具有較強的剛性,而衣服、樹葉則具有更好的彈性。
在移動體驗中,利用擠壓變形原則能夠喚起用户的主觀記憶。如果你想表達應用剛毅的效果,你就可以使用剛性的界面和圖形,以及更加精準的動畫,如果想要喚起用户對有機物的記憶,則可以使用柔軟易變的界面,以及更加優雅柔和的動畫。
二、預備動作
設計物體的運動都需要考慮這三個階段:動作發生前的預備動作,動作本身,動作的結果。預備動作可以為即將發生什麼動作提供線索和信息,例如棒球運動員扔球前的甩臂運動,彈簧的反衝動作等等。在移動設備的用户體驗設計中,預備動作還可以暗示用户應用內元素的使用方法。現在很多移動應用的打開動畫都是很好的預備動作案例。
三、狀態
右側圖片具有很好的狀態釋義性,清楚的表現了兩個角色的對話狀態;左側的圖片並沒有很好的解釋這兩個角色的心理狀態
描述狀態能更清晰的表達動畫的中心思想。在移動體驗設計中,狀態原則主要涉及到屏幕的切換,和用户界面的交互過程。通過界面中的顏色、亮度、組成元素和動畫來引導用户合理分配注意力,可以創造非常流暢的`移動體驗,並且可以增強應用的易用性。
四、連貫與關鍵幀
上面那幅圖片採用了連貫技術,即使用了每一幀畫面來表現動作,而下面那幅則使用了三個關鍵幀來展示動畫
為了捕捉快速而特殊的動作,經常需要從頭至尾的繪製每一幀畫面,這就是連貫原則。而關鍵幀技術則是繪製動作中關鍵點的畫面,並採用補間來展示動畫。移動端的動畫設計大多采用關鍵幀技術來實現,這種技術比較簡單,適用於展現簡單的動作,而對於複雜特殊的動作,則可能需要使用繪製每一幀的連貫技術了。
五、順勢和疊加
順勢可以描述物體運動時,不同部分以各異的速度運動(如小狗搖頭時耳朵、下巴的擺動速度不一致)
想像一隻小狗左右搖頭,它臉上鬆弛的肉也會隨着頭一起晃動。這就是動作的順勢和疊加。很少有動作是突然發生又突然停止的,一般都是逐漸停止,在物體的其他部分已經停止運動時,某些部分還在繼續運動。而且物體的不同部分運動時的速度、動作都可能是不一樣的,只有考慮到這些細微的差異動畫看起來才會更真實形象。移動端的界面元素可以協同形成一個整體、疊加的動畫效果,這些動畫可以幫助用户理解界面元素和操作方法。
-
造型在三維動畫設計中的作用
動漫設計是通過現代藝術之理念和現代藝術之能力實踐的專業學習,培養學生的藝術美感、理性思維和創作鑑賞能力。下面是小編分享的造型在三維動畫設計中的作用,歡迎大家閲讀!一、造型可以幫助觀眾深刻的記憶動畫的重要特徵相信大家都看過“喜洋洋與灰太狼”這部動畫...
-
在ppt中怎麼做動畫啊
我們在網上看到精彩的FLASH視頻都有動畫的效果,而且很漂亮,其實在我們的PPT製作當中,powerPoint軟件也是一個非常有用的動畫製作軟件,若能巧妙運用PPT當中的動畫,也能讓不會使用FLASH的菜鳥製作出非凡的動畫效果出來。那在ppt中怎麼做動畫呢,小編為你解在ppt中怎麼做...
-
動漫原畫設計學知識
動漫原畫設計是指動漫原畫設計師設定整部動漫的美術風格、氛圍、主要場景、角色、設計出所有的環境、道具、場景、角色、並繪製出原畫稿件、交給動漫模型渲染設計師。動漫動畫設計師、動漫特效設計師。動漫原畫設計學習那些知識呢?動漫原畫設計課程包括:手繪基...
-
動畫場景設計中的色彩應用
色彩具有強烈的表現力以及傳情達意的功能,尤其在動畫場景的設計中,色彩的運用能夠突出場景、渲染氣氛、塑造人物個性以及推動情節發展等,對於提升整部作品的質量與效果具有十分關鍵的作用。所以,動畫設計者要對色彩元素加以科學合理的應用,正確理解與掌握各種色彩之...