Deep Zoom

Deep Zoom 提供以互動方式查看高解析度圖像的能力。您可以快速放大和縮小圖像,而不會影回響用程式的性能。Deep Zoom 允許通過提供多分辯率圖像和使用彈簧動畫來使載入和平移變平滑。

基本介紹

  • 外文名:Deep Zoom
  • 意思:互動方式查看高解析度圖像的能力
  • 可以:快速放大和縮小圖像
  • 套用:探究非常大或高解析度圖像
Deep Zoom 使用情況
Deep Zoom 可用於許多不同的方面,但在三種主要情形下 Deep Zoom 特別有用。
探究非常大或高解析度圖像:有關的一個典型示例就是放大一幅大型地圖的各部分,以便看到不同級別的細節,然後使用滑鼠圍繞地圖圖面移動視圖。隨著用戶移動視圖,將使用動畫呈現從圖像上一個地方"移"到另一個地方的印象。另一個例子就是探究構成高解析度圖形的專業照片合成。
三維攝影:拍攝某一房間的照片,連續拍攝將創建構成該房間的 360 度畫面的照片的集合。至2018年,用戶可以圍繞房間平移,每張照片都與其他照片混合。
廣告:您可以創建解析度相對較低的圖像以表達廣告的整個主題,然後,逐漸增加更高解析度的圖像以容納加深用戶印象的效果以及與產品有關的數據。在首次載入嵌入該廣告的頁面時,通過不斷載入更高解析度的圖像,廣告將平滑銳化並吸引讀者的注意。因為廣告以漸進方式載入,所以,對用戶對站點的整體體驗的影響不大。此外,如果用戶的滑鼠指針進入廣告,廣告的不同部分將放大。
Deep Zoom 功能
Deep Zoom 使用多解析度圖像來實現大圖像的高幀速率和快速打開體驗。在載入時,只有少量數據需要在螢幕上快速顯示內容。最初載入體驗是顯示圖像的低解析度版本,然後在變得可用時逐漸提高解析度。這就是 Deep Zoom 中提供"模糊到鮮亮"體驗的原因,也是 Deep Zoom 不管圖像有多大都能無縫立即打開圖像而不用等待很長時間載入圖像數據的原因。除了初始載入之外,當用戶與應用程式互動(例如,縮放和平移)時也能體驗相同的行為。
Deep Zoom 使用彈簧動畫,這帶給用戶圍繞圖像平滑移動(平移或縮放)的印象。這些彈簧以動畫方式呈現從初始狀態到最終狀態的轉換,相對於時間的梯度以指數方式衰減到 1。即時更新彈簧目標值以回響用戶縮放/平移操作。開發人員更改顯示視區時,也會使用彈簧逐漸使內容適合新視區,以確保平滑和視覺連續性。
Deep Zoom
Deep Zoom

相關詞條

熱門詞條

聯絡我們