範文齋

位置:首頁 > 行業範文 > 工程

網站網頁動畫設計的技巧

工程1.73W

一個網頁上的動畫元素,就能夠讓這個網頁與其它的網頁不一樣。在網站的網頁中摻插一些動畫雖然是可以,但是也需要掌握好技巧,才能夠讓做出來的動畫元素能美麗漂亮。。下面給大家介紹網站網頁動畫設計技巧 ,歡迎閱讀!

網站網頁動畫設計的技巧
  網站網頁動畫設計技巧

不要過度使用動畫

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

 設計的連貫性

提高您的站點性能的最好方法是用戶界面的一致性。元素結構的再使用,元素的設計以及命名的習慣將使用戶在導向他們的目標時對站點傳達的信息的注意力更加豐 富, 而且這也有利於站點的維護。你可以在整個站點中使用小影片(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播放器是廣泛分佈的別指望人們在最新版本。