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

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