移動設備的轉場設計(2)
4.淡入淡出 淡入淡出的過渡效果是最為常見的處理手法,這種效果往往能很直觀的表現(xiàn)從一個畫面到另一個畫面變化的過程,視覺表現(xiàn)上比較柔和,但同時通常會局限在需要過渡的兩個界面之間有一定的共同特點
http://yule.kankan.com/vod/164/164540.shtml
5.場景切換 場景切換一般用于同一元素在不同狀態(tài)下的動作過程,典型的有ZAKER 的點擊切換場景切換一般用于同一元素在不同狀態(tài)下的動作過程,典型的有ZAKER 的點擊切換圖片上是一個叫Scorekeeper計分軟件的界面切換。 自上而下清晰表明了狀態(tài)的變化,輪播立體感的跳轉則則將數(shù)據(jù)的變化的空間形象化。這個方法不足之處是需要一定的等待時間
6.效果疊加 在有些復雜的界面切換過程中,有時候僅僅使用一種方式來實現(xiàn)界面的切換是遠遠不夠的,為了能夠更生動而自然的在界面中進行切換,需要同時運用幾種過渡效果。
接下來看一下轉場設計的方法總結了一下5點
1.預備動作
2.跟隨與重疊動作
3.慢入慢出
4.次要動作
5.時間
1.預備動作:預備動作就是為了告訴用戶接下來會發(fā)生什么事情,速度以及方向會是怎樣,以便給用戶一個緩沖時間。這個原則可用于打開App時處理視覺效果,也可用于用戶體驗之間的承接。
2.跟隨與重疊動作:
跟隨動作:毛發(fā)等在它無意識控制的情況下自然飄動或延遲的現(xiàn)象就是跟隨動作的一種。
重疊動作:頭轉了一半身子也跟著轉,這就是重疊動作。
3.慢入慢出:自然界中,不論是汽車啟動還是運動員起跑,都需要一個緩沖過程,慢入與慢出就利用間隔空間處理這個過程的。.這里面會用到緩動函數(shù),緩動函數(shù)指定動畫效果在執(zhí)行時的速度,使其看起來更加真實。現(xiàn)實物件照著一定節(jié)奏移動,非初始即移動很快。當打開抽屜時,首先會加速,然后慢下來。當某個東西往下掉時,首先是越掉越快,撞到地上后回彈,最終才又碰觸地板。
5.時間:一個動作運動得太慢或太快都會讓人覺得怪異,在動畫繪制中,時間用框架的數(shù)量來描述,動畫播放后,這個時間就轉換成速度。
1.接近0.1秒,用戶認為是同步的,感覺直接操控。
2.接近1秒,有響應,認為認為進程沒有被打斷。
3.大于十秒,走神,注意力不集中,甚至抓狂。
應用邏輯分為兩個維度,1.橫向的是瀏覽的維度。(不適合)
2.縱向的是任務流程的維度。(適合使用)
在橫向的瀏覽維度是不適合頻繁的轉場的。也有一些方法幫助我們在沒有轉場的時候解決內容多的問題。
1. 分段按鈕和TAB
2. 撥選器
3. 滾動自動刷新
4. 導航隱藏
5. 沉浸瀏覽
1. 分段按鈕和TAB
頁面信息過多需要進行再次過濾或者切換模式類別,分段按鈕在保持頁面基本空間不變的情況下,可以有效的過濾信息。
2.撥選器
淘寶輪播上的促銷廣告每隔幾秒會轉變一下,dots有效的暗示了廣告的位置和動作,用戶可以在不用跳轉頁面的情況撥動輪播圖片查看各種信息。
http://yule.kankan.com/vod/164/164535.shtml
3. 導航隱藏
全局導航模式可以有效的較少跳轉的次數(shù),全局導航更加扁平化,可以直接到達任一類別。
4. 響應展開
有效避免頁面跳轉,同時保持了首頁的整潔
5.滾動刷新
滾動是自然的閱讀方式,用戶由上而下閱讀,新的內容自動加載替換省去了翻頁的步驟。
我們作為設計師竭盡所能讓內容更容易找到、容易閱讀并且充滿藝術美感。
而隨著科技進步、數(shù)據(jù)處理器越來越強大,人們用以閱讀內容的設備和系統(tǒng)將向前更進一步,我們將開發(fā)更新方式來展現(xiàn)這些內容。就像被迅速接納的觸摸操作,手勢正也變得越來越重要。正因如此,我們需要讓用戶在應用中擁有位置感,轉場在此之中會變得尤為重要。
本文地址:http://m.likemindfilms.com/tutorial/id1327.html