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