網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)小技巧

　　在網(wǎng)站的網(wǎng)頁(yè)中摻插一些動(dòng)畫(huà)雖然是可以，但是也需要掌握好技巧，才能夠讓做出來(lái)的動(dòng)畫(huà)元素能美麗漂亮。下面是YJBYS小編整理的網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)的技巧，希望對(duì)你有幫助!

　　不要過(guò)度使用動(dòng)畫(huà)

　　避免不必要的動(dòng)畫(huà)。最好的動(dòng)畫(huà)應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫(huà), 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情。在包含大量文字的頁(yè)面使用重復(fù)的動(dòng)畫(huà)將使視線(xiàn)從消息轉(zhuǎn)移。

　　設(shè)計(jì)的連貫性

　　提高您的站點(diǎn)性能的最好方法是用戶(hù)界面的一致性。元素結(jié)構(gòu)的再使用,元素的設(shè)計(jì)以及命名的習(xí)慣將使用戶(hù)在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)的信息的注意力更加豐 富, 而且這也有利于站點(diǎn)的維護(hù)。你可以在整個(gè)站點(diǎn)中使用小影片(Smart Clip)來(lái)重復(fù)使用交互元素, 還可以讓最初導(dǎo)航系統(tǒng)的文字和圖片在目標(biāo)頁(yè)面中重新使用。

　　面向低帶寬的用戶(hù)

　　越少的下載越好。初始的下載頁(yè)面大小不能超過(guò)40K, 包括所有Macromedia文件，圖像和HTML文件。為了減少下載時(shí)間, 使用矢量圖形(除非圖像使壓縮過(guò)的BMP, 那樣最好仍保持為BMP格式), 并且只有在用戶(hù)確定的要用到某個(gè)文件時(shí)才使用Load Movie動(dòng)作。如果用戶(hù)必須等待, 提供一個(gè)裝載的時(shí)間序列與進(jìn)度條, 只要可能，必須在前5秒內(nèi)裝載導(dǎo)航系統(tǒng)。

　　設(shè)計(jì)的易用性

　　確保你的站點(diǎn)的內(nèi)容能被所有的用戶(hù)閱讀, 包括那些殘疾用戶(hù)。高度使用ALT標(biāo)簽可以確保網(wǎng)站內(nèi)容能被輔助工具解釋。影片的可縮放性是讓更多用戶(hù)了解網(wǎng)站內(nèi)容的另一項(xiàng)易用的Macromedia特 色。如果需要一個(gè)徹底的Macromedia Flash內(nèi)容可用性的討論,請(qǐng)登陸Macromedia Flash可用性網(wǎng)站。

　　慎重使用聲音

　　聲音可以為你的站點(diǎn)錦上添花但是絕對(duì)不是必要的。例如：使用聲音來(lái)說(shuō)明用戶(hù)剛剛觸發(fā)了一個(gè)時(shí)間。確保使用了聲音的開(kāi)關(guān)與音量調(diào)節(jié)方法, 并且要記住聲音會(huì)顯著的增加文件的大小。當(dāng)你確實(shí)使用了聲音的時(shí)候，Macromedia Flash會(huì)將聲音轉(zhuǎn)換為MP3文件甚至流媒體化。

　　提供合乎邏輯的導(dǎo)航與交互

　　保證用戶(hù)的導(dǎo)航: 顯示用戶(hù)訪問(wèn)過(guò)的上一個(gè)地址和他即將訪問(wèn)的下一個(gè)地址。通過(guò)鏈接的不同顏色在用戶(hù)訪問(wèn)后提醒他們?cè)L問(wèn)過(guò)的頁(yè)面。

　　提供用戶(hù)一個(gè)輕松跳出他們正在訪問(wèn)的部分回到出發(fā)點(diǎn)的的鏈接。明確說(shuō)明每個(gè)鏈接的位置。保證鏈接的結(jié)構(gòu)和命名法的可視性,而不是隱藏它們直到用戶(hù)觸發(fā)了某個(gè)事件(比如鼠標(biāo)移近)。確保按鈕定義了足夠好的反應(yīng)區(qū)域。利用Flash流的特性首先裝載主要的導(dǎo)航元素。

　　此外，如果在閱讀這些點(diǎn)你仍然覺(jué)得你的網(wǎng)站更好的生產(chǎn)完全是在Flash有幾件事你應(yīng)該記住。 總是提供一個(gè)HTML替代最好從相同的數(shù)據(jù)源生成Flash影片(如數(shù)據(jù)庫(kù)、XML文件)。 總是保持你的文件大小盡可能低,作為一個(gè)經(jīng)驗(yàn)法則從來(lái)沒(méi)有使用最新版本的Flash播放器——盡管Flash播放器是廣泛分布的別指望人們?cè)谧钚掳姹尽?/p>

　　網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)技巧就是這些，網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)跟一般的動(dòng)畫(huà)設(shè)計(jì)有相同之處，但更重要的是要符合整個(gè)網(wǎng)站網(wǎng)頁(yè)的特點(diǎn)，風(fēng)格。

【網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)小技巧】相關(guān)文章：

PS制作GIF動(dòng)畫(huà)設(shè)計(jì)的小技巧03-03

GIF動(dòng)畫(huà)設(shè)計(jì)的7個(gè)小技巧03-23

AuthorWare動(dòng)畫(huà)設(shè)計(jì)技巧03-19

GIF動(dòng)畫(huà)設(shè)計(jì)的技巧方法03-17

網(wǎng)頁(yè)字體設(shè)計(jì)的技巧03-18

Dreamweaver網(wǎng)頁(yè)優(yōu)化技巧03-05

網(wǎng)頁(yè)設(shè)計(jì)配色技巧03-07

給設(shè)計(jì)師的網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)基礎(chǔ)指南03-13

PS制作GIF動(dòng)畫(huà)設(shè)計(jì)的技巧03-13