- 相關(guān)推薦
網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)技巧介紹
一個(gè)網(wǎng)頁(yè)上的動(dòng)畫(huà)元素,就能夠讓這個(gè)網(wǎng)頁(yè)與其它的網(wǎng)頁(yè)不一樣。在網(wǎng)站的網(wǎng)頁(yè)中摻插一些動(dòng)畫(huà)雖然是可以,但是也需要掌握好技巧,下面小編為大家介紹網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)技巧,希望能幫到大家!
不要過(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à)將使視線從消息轉(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)站網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)技巧介紹】相關(guān)文章:
網(wǎng)站網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)技巧10-26
網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)小技巧06-26
營(yíng)銷(xiāo)型網(wǎng)站的網(wǎng)頁(yè)構(gòu)圖設(shè)計(jì)技巧09-29
網(wǎng)站提高網(wǎng)頁(yè)關(guān)鍵詞排名技巧07-24
AuthorWare動(dòng)畫(huà)設(shè)計(jì)技巧10-06
GIF動(dòng)畫(huà)設(shè)計(jì)的技巧方法06-17
給設(shè)計(jì)師的網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)基礎(chǔ)指南09-27
網(wǎng)站推廣技巧精選10-22
網(wǎng)站建設(shè)技巧09-06