- 相關(guān)推薦
網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)小技巧
在網(wǎng)站的網(wǎng)頁(yè)中摻插一些動(dòng)畫雖然是可以，但是也需要掌握好技巧，才能夠讓做出來(lái)的動(dòng)畫元素能美麗漂亮。下面是YJBYS小編整理的網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的技巧，希望對(duì)你有幫助!
不要過(guò)度使用動(dòng)畫
避免不必要的動(dòng)畫。最好的動(dòng)畫應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫, 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情。在包含大量文字的頁(yè)面使用重復(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)來(lái)重復(fù)使用交互元素, 還可以讓最初導(dǎo)航系統(tǒng)的文字和圖片在目標(biāo)頁(yè)面中重新使用。
面向低帶寬的用戶
越少的下載越好。初始的下載頁(yè)面大小不能超過(guò)40K, 包括所有Macromedia文件，圖像和HTML文件。為了減少下載時(shí)間, 使用矢量圖形(除非圖像使壓縮過(guò)的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ì)不是必要的。例如：使用聲音來(lái)說(shuō)明用戶剛剛觸發(fā)了一個(gè)時(shí)間。確保使用了聲音的開(kāi)關(guān)與音量調(diào)節(jié)方法, 并且要記住聲音會(huì)顯著的增加文件的大小。當(dāng)你確實(shí)使用了聲音的時(shí)候，Macromedia Flash會(huì)將聲音轉(zhuǎn)換為MP3文件甚至流媒體化。
提供合乎邏輯的導(dǎo)航與交互
保證用戶的導(dǎo)航: 顯示用戶訪問(wèn)過(guò)的上一個(gè)地址和他即將訪問(wèn)的下一個(gè)地址。通過(guò)鏈接的不同顏色在用戶訪問(wèn)后提醒他們?cè)L問(wèn)過(guò)的頁(yè)面。
提供用戶一個(gè)輕松跳出他們正在訪問(wèn)的部分回到出發(fā)點(diǎn)的的鏈接。明確說(shuō)明每個(gè)鏈接的位置。保證鏈接的結(jié)構(gòu)和命名法的可視性,而不是隱藏它們直到用戶觸發(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)畫設(shè)計(jì)技巧就是這些，網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)跟一般的動(dòng)畫設(shè)計(jì)有相同之處，但更重要的是要符合整個(gè)網(wǎng)站網(wǎng)頁(yè)的特點(diǎn)，風(fēng)格。
【網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)小技巧】相關(guān)文章：
PS制作GIF動(dòng)畫設(shè)計(jì)的小技巧03-03
繪畫的小技巧05-29
web網(wǎng)頁(yè)開(kāi)發(fā)筆小知識(shí)03-30
傳統(tǒng)動(dòng)畫設(shè)計(jì)與Flash動(dòng)畫設(shè)計(jì)的區(qū)別09-05
化妝的5個(gè)小技巧-化妝技巧03-27
GRE填空小技巧01-22
速錄學(xué)習(xí)的小技巧03-04
會(huì)議速記小技巧07-27
成功的演講小技巧02-27
CAD繪圖小技巧08-04