- 相關(guān)推薦
網(wǎng)頁(yè)動(dòng)畫(huà)設計技巧
一個(gè)網(wǎng)頁(yè)上的動(dòng)畫(huà)元素，就能夠讓這個(gè)網(wǎng)頁(yè)與其它的網(wǎng)頁(yè)不一樣。在網(wǎng)站的網(wǎng)頁(yè)中摻插一些動(dòng)畫(huà)雖然是可以，但是也需要掌握好技巧，才能夠讓做出來(lái)的動(dòng)畫(huà)元素能美麗漂亮。那么一般網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設計技巧是什么?下面小編帶著(zhù)大家一起來(lái)了解一下吧！
不要過(guò)度使用動(dòng)畫(huà)
避免不必要的動(dòng)畫(huà)。最好的動(dòng)畫(huà)應該是可以增加站點(diǎn)的設計目標的動(dòng)畫(huà), 在導航的時(shí)候講述一個(gè)故事或者有幫助的事情。在包含大量文字的頁(yè)面使用重復的動(dòng)畫(huà)將使視線(xiàn)從消息轉移。
設計的連貫性
提高您的站點(diǎn)性能的最好方法是用戶(hù)界面的一致性。元素結構的再使用,元素的設計以及命名的習慣將使用戶(hù)在導向他們的目標時(shí)對站點(diǎn)傳達的信息的注意力更加豐 富, 而且這也有利于站點(diǎn)的維護。你可以在整個(gè)站點(diǎn)中使用小影片(Smart Clip)來(lái)重復使用交互元素, 還可以讓最初導航系統的文字和圖片在目標頁(yè)面中重新使用。
面向低帶寬的用戶(hù)
越少的下載越好。初始的下載頁(yè)面大小不能超過(guò)40K, 包括所有Macromedia文件，圖像和HTML文件。為了減少下載時(shí)間, 使用矢量圖形(除非圖像使壓縮過(guò)的BMP, 那樣最好仍保持為BMP格式), 并且只有在用戶(hù)確定的要用到某個(gè)文件時(shí)才使用Load Movie動(dòng)作。如果用戶(hù)必須等待, 提供一個(gè)裝載的時(shí)間序列與進(jìn)度條, 只要可能，必須在前5秒內裝載導航系統。
設計的易用性
確保你的站點(diǎn)的內容能被所有的用戶(hù)閱讀, 包括那些殘疾用戶(hù)。高度使用ALT標簽可以確保網(wǎng)站內容能被輔助工具解釋。影片的可縮放性是讓更多用戶(hù)了解網(wǎng)站內容的另一項易用的Macromedia特 色。如果需要一個(gè)徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網(wǎng)站。
慎重使用聲音
聲音可以為你的站點(diǎn)錦上添花但是絕對不是必要的。例如：使用聲音來(lái)說(shuō)明用戶(hù)剛剛觸發(fā)了一個(gè)時(shí)間。確保使用了聲音的開(kāi)關(guān)與音量調節方法, 并且要記住聲音會(huì )顯著(zhù)的增加文件的大小。當你確實(shí)使用了聲音的時(shí)候，Macromedia Flash會(huì )將聲音轉換為MP3文件甚至流媒體化。
提供合乎邏輯的導航與交互
保證用戶(hù)的導航: 顯示用戶(hù)訪(fǎng)問(wèn)過(guò)的上一個(gè)地址和他即將訪(fǎng)問(wèn)的下一個(gè)地址。通過(guò)鏈接的不同顏色在用戶(hù)訪(fǎng)問(wèn)后提醒他們訪(fǎng)問(wèn)過(guò)的頁(yè)面。
提供用戶(hù)一個(gè)輕松跳出他們正在訪(fǎng)問(wèn)的部分回到出發(fā)點(diǎn)的的鏈接。明確說(shuō)明每個(gè)鏈接的位置。保證鏈接的結構和命名法的可視性,而不是隱藏它們直到用戶(hù)觸發(fā)了某個(gè)事件(比如鼠標移近)。確保按鈕定義了足夠好的反應區域。利用Flash流的特性首先裝載主要的導航元素。
此外，如果在閱讀這些點(diǎn)你仍然覺(jué)得你的網(wǎng)站更好的生產(chǎn)完全是在Flash有幾件事你應該記住。 總是提供一個(gè)HTML替代最好從相同的數據源生成Flash影片(如數據庫、XML文件)。 總是保持你的文件大小盡可能低,作為一個(gè)經(jīng)驗法則從來(lái)沒(méi)有使用最新版本的Flash播放器——盡管Flash播放器是廣泛分布的別指望人們在最新版本。
網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設計技巧就是這些，網(wǎng)頁(yè)動(dòng)畫(huà)設計跟一般的動(dòng)畫(huà)設計有相同之處，但更重要的是要符合整個(gè)網(wǎng)站網(wǎng)頁(yè)的特點(diǎn)，風(fēng)格。
【網(wǎng)頁(yè)動(dòng)畫(huà)設計技巧】相關(guān)文章：
網(wǎng)頁(yè)設計中圖像的優(yōu)化技巧07-14
9則網(wǎng)頁(yè)制作實(shí)用技巧07-03
網(wǎng)頁(yè)設計師與客戶(hù)交流的技巧07-14
網(wǎng)頁(yè)設計和UI設計共通的12種技巧07-14
網(wǎng)頁(yè)設計師必用的11個(gè)SEO技巧07-14
網(wǎng)頁(yè)設計中字體在運用中的一些小技巧07-14