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