原文地址:http://www.uimaker.com/uimakerhtml/uistudy/2011/1204/26473.html
手機過場動畫的含義
智能手機平台介面之間的切換都有過場動畫,而越來越多的軟體商也看中了這其中的商機,紛紛在過場動畫中做了很多的特效以增加產品的趣味性。但過場動畫表現的僅僅是特效和趣味性嗎?其實並不全是,過場動畫隱藏著菜單之間切換的層級關係,有著提示性作用。
在眾多智能手機平台中,以安卓平台的過場動畫最多樣化,所以下面以安卓平台為例來說明。
同級切換過場動畫:
1.預設樣式動畫[IPhone也是採用這種方式,也是最常見的一種]
這種過場動畫給使用者感覺就是所有介面都像是在一張長長的紙上,我們通過滑動它來瀏覽。
2.扇形樣式動畫
這種過場動畫給使用者感覺就是介面是扇型排列或者圓型排列。
3.立方體動畫[HTC SENSE3.0裡新增的過場動畫]
這種過場動畫給使用者感覺是所有介面就像是一個立方體的其中一面。
這三種過場動畫都有一個共通點,雖然呈現方式不同,但給使用者感覺是一個整體,所有介面構成的關係是有整體聯絡的。
層級切換過場動畫:
最常見的就是“開啟”和“關閉”這種過場動畫。使用者點擊一個應用或程式時就是“開啟”,動畫表現是從無到有。
使用者退出一個應用或程式是就是“關閉”,動畫表現是從有到無。
最後舉一個例子,就是在同一介面不同操作所表現出來的過場動畫的區別以及給使用者的感覺。
1.在簡訊詳情介面,我們按“返回”,看到的過場動畫是介面往左或往右移,出現上一個介面。
這給使用者的感覺是我還在這個程式裡面,並沒有“出去”。
2.在簡訊詳情介面,我們按“HOME”,看到的過場動畫是介面從有到無。
這給使用者的感覺是我已經“關閉”了這個程式,回到了“HOME”介面。
不僅是安卓平台如此,WP7平台在同個介面做兩種不同操作所呈現的過場動畫也是不同的。
不同的過場動畫所展現出來的反饋資訊是不同的,互動設計師在設計動態過場時必須考慮清楚介面之間的層級關係,避免所設計的過場動畫帶給使用者錯誤的資訊。