手機(jī)網(wǎng)站建設(shè)網(wǎng)頁動畫設(shè)計
日期 : 2019-04-13 12:37:48
隨著網(wǎng)頁技術(shù)的發(fā)展,在手機(jī)端網(wǎng)頁實(shí)現(xiàn)各種形式的動畫效果(以下簡稱動效)變得更加容易,和影視動畫不同,網(wǎng)頁動畫效果常常肩負(fù)著對網(wǎng)頁信息結(jié)構(gòu)和交互的展示、引導(dǎo)、反饋等作用。
網(wǎng)頁動效一般在網(wǎng)頁中起到以下幾種作用。
1)強(qiáng)調(diào)。通過網(wǎng)頁動效的添加對網(wǎng)頁的重要信息和功能進(jìn)行暗示和指導(dǎo)。例如重要文字信息的出現(xiàn)動畫、按鈕的閃爍等。
2)反饋。通過網(wǎng)頁中視覺元素的出現(xiàn)和消失,以及大小、位置和透明度的變化對用戶的交互行為進(jìn)行反饋,使用戶和網(wǎng)頁的交互過程更加流暢。
3)層級展現(xiàn)。通過網(wǎng)頁頁面或個別視覺元素的縮放、覆蓋、滑出等動效幫助用戶理解網(wǎng)頁信息架構(gòu)。常用與網(wǎng)頁的轉(zhuǎn)場和菜單的展開。
4)模擬。一些動效通過對現(xiàn)實(shí)世界的模擬迎合用戶的認(rèn)知。用戶通過對現(xiàn)實(shí)世界的認(rèn)知來理解網(wǎng)頁的功能,增強(qiáng)了用戶對頁面的操縱感和帶入感。
5)后臺進(jìn)程的可視化。典型例子是各種加載動畫,不僅讓等待的時間變得可預(yù)期,也增加了網(wǎng)頁的趣味性。
網(wǎng)頁動效雖然形式多樣,功能齊備,但同樣要服務(wù)在突出網(wǎng)頁核心內(nèi)容、展現(xiàn)網(wǎng)頁整體信息架構(gòu)上,考慮到動畫效果對網(wǎng)速及硬件的高要求,網(wǎng)頁中的動效設(shè)計還應(yīng)動靜相宜,以避免影響到用戶的閱讀體驗(yàn)。
網(wǎng)頁動效一般在網(wǎng)頁中起到以下幾種作用。
1)強(qiáng)調(diào)。通過網(wǎng)頁動效的添加對網(wǎng)頁的重要信息和功能進(jìn)行暗示和指導(dǎo)。例如重要文字信息的出現(xiàn)動畫、按鈕的閃爍等。
2)反饋。通過網(wǎng)頁中視覺元素的出現(xiàn)和消失,以及大小、位置和透明度的變化對用戶的交互行為進(jìn)行反饋,使用戶和網(wǎng)頁的交互過程更加流暢。
3)層級展現(xiàn)。通過網(wǎng)頁頁面或個別視覺元素的縮放、覆蓋、滑出等動效幫助用戶理解網(wǎng)頁信息架構(gòu)。常用與網(wǎng)頁的轉(zhuǎn)場和菜單的展開。
4)模擬。一些動效通過對現(xiàn)實(shí)世界的模擬迎合用戶的認(rèn)知。用戶通過對現(xiàn)實(shí)世界的認(rèn)知來理解網(wǎng)頁的功能,增強(qiáng)了用戶對頁面的操縱感和帶入感。
5)后臺進(jìn)程的可視化。典型例子是各種加載動畫,不僅讓等待的時間變得可預(yù)期,也增加了網(wǎng)頁的趣味性。
網(wǎng)頁動效雖然形式多樣,功能齊備,但同樣要服務(wù)在突出網(wǎng)頁核心內(nèi)容、展現(xiàn)網(wǎng)頁整體信息架構(gòu)上,考慮到動畫效果對網(wǎng)速及硬件的高要求,網(wǎng)頁中的動效設(shè)計還應(yīng)動靜相宜,以避免影響到用戶的閱讀體驗(yàn)。