閱讀屋>設計> 網頁動畫設計技巧

網頁動畫設計技巧

網頁動畫設計技巧

  一個網頁上的動畫元素,就能夠讓這個網頁與其它的網頁不一樣。在網站的網頁中摻插一些動畫雖然是可以,但是也需要掌握好技巧,才能夠讓做出來的動畫元素能美麗漂亮。那麼一般網站網頁動畫設計技巧是什麼?下面小編帶著大家一起來了解一下吧!

  不要過度使用動畫

  避免不必要的動畫。最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述一個故事或者有幫助的事情。在包含大量文字的頁面使用重複的動畫將使視線從訊息轉移。

  設計的連貫

  提高您的站點效能的最好方法是使用者介面的一致性。元素結構的再使用,元素的設計以及命名的習慣將使使用者在導向他們的目標時對站點傳達的資訊的注意力更加豐 富, 而且這也有利於站點的維護。你可以在整個站點中使用小影片(Smart Clip)來重複使用互動元素, 還可以讓最初導航系統的文字和圖片在目標頁面中重新使用。

  面向低頻寬的使用者

  越少的下載越好。初始的下載頁面大小不能超過40K, 包括所有Macromedia檔案,影象和HTML檔案。為了減少下載時間, 使用向量圖形(除非影象使壓縮過的BMP, 那樣最好仍保持為BMP格式), 並且只有在使用者確定的要用到某個檔案時才使用Load Movie動作。如果使用者必須等待, 提供一個裝載的時間序列與進度條, 只要可能,必須在前5秒內裝載導航系統。

  設計的易用性

  確保你的`站點的內容能被所有的使用者閱讀, 包括那些殘疾使用者。高度使用ALT標籤可以確保網站內容能被輔助工具解釋。影片的可縮放性是讓更多使用者瞭解網站內容的另一項易用的Macromedia特 色。如果需要一個徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網站。

  慎重使用聲音

  聲音可以為你的站點錦上添花但是絕對不是必要的。例如:使用聲音來說明使用者剛剛觸發了一個時間。確保使用了聲音的開關與音量調節方法, 並且要記住聲音會顯著的增加檔案的大小。當你確實使用了聲音的時候,Macromedia Flash會將聲音轉換為MP3檔案甚至流媒體化。

  提供合乎邏輯的導航與互動

  保證使用者的導航: 顯示使用者訪問過的上一個地址和他即將訪問的下一個地址。透過連結的不同顏色在使用者訪問後提醒他們訪問過的頁面。

  提供使用者一個輕鬆跳出他們正在訪問的部分回到出發點的的連結。明確說明每個連結的位置。保證連結的結構和命名法的可視性,而不是隱藏它們直到使用者觸發了某個事件(比如滑鼠移近)。確保按鈕定義了足夠好的反應區域。利用Flash流的特性首先裝載主要的導航元素。

  此外,如果在閱讀這些點你仍然覺得你的網站更好的生產完全是在Flash有幾件事你應該記住。 總是提供一個HTML替代最好從相同的資料來源生成Flash影片(如資料庫、XML檔案)。 總是保持你的檔案大小盡可能低,作為一個經驗法則從來沒有使用最新版本的Flash播放器——儘管Flash播放器是廣泛分佈的別指望人們在最新版本。

  網站網頁動畫設計技巧就是這些,網頁動畫設計跟一般的動畫設計有相同之處,但更重要的是要符合整個網站網頁的特點,風格。

【網頁動畫設計技巧】相關文章: