手機(jī)網(wǎng)站建設(shè)網(wǎng)頁動(dòng)畫設(shè)計(jì)

發(fā)布：2019-04-13 12:37:48 瀏覽：5239

隨著網(wǎng)頁技術(shù)的發(fā)展，在手機(jī)端網(wǎng)頁實(shí)現(xiàn)各種形式的動(dòng)畫效果（以下簡稱動(dòng)效）變得更加容易，和影視動(dòng)畫不同，網(wǎng)頁動(dòng)畫效果常常肩負(fù)著對(duì)網(wǎng)頁信息結(jié)構(gòu)和交互的展示、引導(dǎo)、反饋等作用。

網(wǎng)頁動(dòng)效一般在網(wǎng)頁中起到以下幾種作用。

1）強(qiáng)調(diào)。通過網(wǎng)頁動(dòng)效的添加對(duì)網(wǎng)頁的重要信息和功能進(jìn)行暗示和指導(dǎo)。例如重要文字信息的出現(xiàn)動(dòng)畫、按鈕的閃爍等。

2）反饋。通過網(wǎng)頁中視覺元素的出現(xiàn)和消失，以及大小、位置和透明度的變化對(duì)用戶的交互行為進(jìn)行反饋，使用戶和網(wǎng)頁的交互過程更加流暢。

3）層級(jí)展現(xiàn)。通過網(wǎng)頁頁面或個(gè)別視覺元素的縮放、覆蓋、滑出等動(dòng)效幫助用戶理解網(wǎng)頁信息架構(gòu)。常用與網(wǎng)頁的轉(zhuǎn)場(chǎng)和菜單的展開。

4）模擬。一些動(dòng)效通過對(duì)現(xiàn)實(shí)世界的模擬迎合用戶的認(rèn)知。用戶通過對(duì)現(xiàn)實(shí)世界的認(rèn)知來理解網(wǎng)頁的功能，增強(qiáng)了用戶對(duì)頁面的操縱感和帶入感。

5）后臺(tái)進(jìn)程的可視化。典型例子是各種加載動(dòng)畫，不僅讓等待的時(shí)間變得可預(yù)期，也增加了網(wǎng)頁的趣味性。

網(wǎng)頁動(dòng)效雖然形式多樣，功能齊備，但同樣要服務(wù)在突出網(wǎng)頁核心內(nèi)容、展現(xiàn)網(wǎng)頁整體信息架構(gòu)上，考慮到動(dòng)畫效果對(duì)網(wǎng)速及硬件的高要求，網(wǎng)頁中的動(dòng)效設(shè)計(jì)還應(yīng)動(dòng)靜相宜，以避免影響到用戶的閱讀體驗(yàn)。