令人愉悅的動(dòng)效幾乎已經(jīng)成為如今網(wǎng)頁設(shè)計(jì)的標(biāo)準(zhǔn)配置了，融入動(dòng)效的交互細(xì)節(jié)讓現(xiàn)代網(wǎng)頁同以往的設(shè)計(jì)在根本上區(qū)別開來。動(dòng)效不僅可以表現(xiàn)狀態(tài)，引導(dǎo)用戶的關(guān)注點(diǎn)，幫助用于預(yù)測(cè)交互的結(jié)果，甚至影響用戶的行為。一、加載動(dòng)效

動(dòng)效最常用的一個(gè)地方就是進(jìn)度條。加載進(jìn)度條的加載動(dòng)效會(huì)改變用戶對(duì)于時(shí)間的感知，通過轉(zhuǎn)移注意力的方式讓用戶等待感降低。如果你無法將等待的時(shí)長(zhǎng)縮短，那么盡量令這個(gè)過程有趣。用戶在有趣的動(dòng)效上投注了越多的注意力，就越容易忽略等待的過程。

二、界面框架

界面框架會(huì)將界面加載之后的大概樣式給展示出來，界面框架會(huì)讓用戶產(chǎn)生內(nèi)容一瞬間就加載好了的錯(cuò)覺。這種動(dòng)效可以應(yīng)用在絕大多數(shù)的網(wǎng)頁和APP當(dāng)中，它會(huì)明顯強(qiáng)化用戶的參與感。

三、視覺反饋

將界面反饋視覺化地呈現(xiàn)給用戶是非常實(shí)用的。良好的交互設(shè)計(jì)需要視覺反饋來支撐，傳達(dá)交互完成后的結(jié)果，讓交互可用、可見、可預(yù)期。

四、懸停動(dòng)效

桌面端交互主要還是借助觸控板和鼠標(biāo)，光標(biāo)懸停特效很大程度是為這種情況而存在的，同時(shí)，它也是最常見的動(dòng)效之一。當(dāng)用戶不知道某個(gè)控件怎用的時(shí)候，會(huì)很直覺地將光標(biāo)移動(dòng)到上面去，這個(gè)時(shí)候，懸停特效能夠很好的吸引他們的目光。移動(dòng)端由于交互方式的差異，幾乎沒法使用懸停動(dòng)效。無論是按鈕還是輸入框，當(dāng)你點(diǎn)擊屏幕的時(shí)候就已經(jīng)觸發(fā)控件了，只能在隨后呈現(xiàn)結(jié)果，而無法像懸停動(dòng)效一樣預(yù)覽。

五、吸引注意力

被運(yùn)動(dòng)的事物所吸引，是人類的生物本能。這也使得動(dòng)效成為了吸引用戶注意力的好工具。

六、導(dǎo)航

從設(shè)計(jì)趨勢(shì)上來說，越來越多的網(wǎng)站開始選擇使用隱藏式的導(dǎo)航菜單，將更多的選項(xiàng)隱藏在漢堡菜單之后。而菜單的打開和關(guān)閉中肯定需要?jiǎng)有Ъ映謥斫档屯回５倪^渡，如果設(shè)計(jì)的足夠精巧，用戶會(huì)立刻被吸引住。

七、平滑的狀態(tài)切換

無論是從一個(gè)Tab切換到另外一個(gè)Tab，還是界面模式的變化，狀態(tài)切換是UI界面中最常見的情況，動(dòng)效能夠讓狀態(tài)切換平滑無比。

八、創(chuàng)意特效

充滿創(chuàng)意的特效總能讓用戶真正難以忘懷，它們的價(jià)值在于取悅用戶，讓人記住。

九、長(zhǎng)滾動(dòng)頁面

首屏的設(shè)計(jì)一直是網(wǎng)頁設(shè)計(jì)的焦點(diǎn)所在，設(shè)計(jì)師將注意力集中在這個(gè)充滿價(jià)值的區(qū)域是有道理的。但是頁面余下的部分同樣很重要，因此結(jié)合動(dòng)效的長(zhǎng)滾動(dòng)頁面同樣非常有用。動(dòng)畫能夠讓長(zhǎng)滾動(dòng)頁面所承載的故事更加鮮活有意思，相比于炫酷的動(dòng)效，微妙的動(dòng)效給人的感覺更加到位。

結(jié)語

動(dòng)效拓展了界面的視覺維度，它連接交互，讓界面的功能和效果都更加圓融。

成都網(wǎng)頁設(shè)計(jì)就找創(chuàng)新互聯(lián)（chinadenli.net）

文章標(biāo)題：在現(xiàn)代網(wǎng)頁設(shè)計(jì)中，動(dòng)效有哪些常見的用法？
本文URL：http://chinadenli.net/news1/187951.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、外貿(mào)建站、網(wǎng)站營(yíng)銷、定制網(wǎng)站、用戶體驗(yàn)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)