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