|
| 鎮(zhèn)江網(wǎng)絡(luò)公司,易創(chuàng)網(wǎng)絡(luò)提供企業(yè)"互聯(lián)網(wǎng)+"整體解決方案,業(yè)務(wù)涵蓋域名郵箱申請(qǐng),網(wǎng)頁(yè)設(shè)計(jì)制作改版,seo優(yōu)化推廣,微信營(yíng)銷(xiāo)等 |
|
|
|
|
|
|
|
|
常見(jiàn)問(wèn)題 |
| |
| |
在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中，動(dòng)效有哪些常見(jiàn)的用法
令人愉悅的動(dòng)效差不多已經(jīng)成為如今網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)配置了，融入動(dòng)效的交互細(xì)節(jié)讓現(xiàn)代網(wǎng)頁(yè)同以往的設(shè)計(jì)在根本上區(qū)別開(kāi)來(lái)。動(dòng)效不但可以表現(xiàn)狀態(tài)，引導(dǎo)用戶(hù)的關(guān)注點(diǎn)，幫助用于預(yù)測(cè)交互的結(jié)果，甚至影響用戶(hù)的行為。
一、加載動(dòng)效：動(dòng)效常用的一個(gè)地方就是進(jìn)度條。加載進(jìn)度條的加載動(dòng)效會(huì)改變用戶(hù)對(duì)于時(shí)間的感知，通過(guò)轉(zhuǎn)移注意力的方式讓用戶(hù)等待感降低。如果你無(wú)法將等待的時(shí)長(zhǎng)縮短，那么盡量令這個(gè)過(guò)程有趣。用戶(hù)在有趣的動(dòng)效上投注了越多的注意力，就越容易忽略等待的過(guò)程。
二、界面框架：界面框架會(huì)將界面加載之后的大概樣式給展示出來(lái)，界面框架會(huì)讓用戶(hù)產(chǎn)生內(nèi)容一瞬就加載好了的錯(cuò)覺(jué)。這種動(dòng)效可以應(yīng)用在大多數(shù)的網(wǎng)頁(yè)和APP當(dāng)中，它會(huì)明顯強(qiáng)化用戶(hù)的參與感。
三、視覺(jué)反饋：將界面反饋視覺(jué)化地呈現(xiàn)給用戶(hù)是實(shí)用的。良好的交互設(shè)計(jì)需要視覺(jué)反饋來(lái)支撐，傳達(dá)交互完成后的結(jié)果，讓交互可用、可見(jiàn)、可預(yù)期。
四、懸停動(dòng)效：桌面端交互主要還是借助觸控板和鼠標(biāo)，光標(biāo)懸停特效是為這種情況而存在的，同時(shí)，它也是常見(jiàn)的動(dòng)效之一。當(dāng)用戶(hù)不知道某個(gè)控件怎用的時(shí)候，會(huì)很直覺(jué)地將光標(biāo)移動(dòng)到上面去，這個(gè)時(shí)候，懸停特效能夠很好的吸引他們的目光。移動(dòng)端由于交互方式的差異，差不多沒(méi)法使用懸停動(dòng)效。無(wú)論是按鈕還是輸入框，當(dāng)你點(diǎn)擊屏幕的時(shí)候就已經(jīng)觸發(fā)控件了，只能在隨后呈現(xiàn)結(jié)果，而無(wú)法像懸停動(dòng)效一樣預(yù)覽。
五、吸引注意力：被運(yùn)動(dòng)的事物所吸引，是人的生物本能。這也使得動(dòng)效成為了吸引用戶(hù)注意力的良好工具。
六、導(dǎo)航：從設(shè)計(jì)趨勢(shì)上來(lái)說(shuō)，越來(lái)越多的網(wǎng)站開(kāi)始選擇使用隱藏式的導(dǎo)航菜單，將許多的選項(xiàng)隱藏在漢堡菜單之后。而菜單的打開(kāi)和關(guān)閉中需要?jiǎng)有?lái)降低突兀的過(guò)渡，如果設(shè)計(jì)的精巧，用戶(hù)會(huì)被吸引住。
七、平滑的狀態(tài)切換：無(wú)論是從一個(gè)Tab切換到另外一個(gè)Tab，還是界面模式的變化，狀態(tài)切換是UI界面中常見(jiàn)的情況，動(dòng)效能夠讓狀態(tài)切換平滑。
八、創(chuàng)意特效：充滿(mǎn)創(chuàng)意的特效總能讓用戶(hù)真正難忘懷，它們的價(jià)值在于取悅用戶(hù)，讓人記住。
九、長(zhǎng)滾動(dòng)頁(yè)面：主屏的設(shè)計(jì)一直是網(wǎng)頁(yè)設(shè)計(jì)的焦點(diǎn)所在，設(shè)計(jì)師將注意力集中在這個(gè)充滿(mǎn)價(jià)值的區(qū)域是有道理的。但是頁(yè)面余下的部分同樣很重要，因此結(jié)合動(dòng)效的長(zhǎng)滾動(dòng)頁(yè)面同樣有用。動(dòng)畫(huà)能夠讓長(zhǎng)滾動(dòng)頁(yè)面所承載的故事鮮活有意思，相比于炫酷的動(dòng)效，微妙的動(dòng)效給人的感覺(jué)不錯(cuò)。
結(jié)語(yǔ)：動(dòng)效拓展了界面的視覺(jué)維度，它連接交互，讓界面的功能和效果都圓融。
|
|
|
|
|
|
| 鎮(zhèn)江專(zhuān)業(yè)的網(wǎng)絡(luò)公司,鎮(zhèn)江易創(chuàng)網(wǎng)絡(luò),提供中小企業(yè)網(wǎng)站建設(shè)推廣,網(wǎng)絡(luò)營(yíng)銷(xiāo)服務(wù),立足鎮(zhèn)江，涉及句容，丹陽(yáng)，揚(yáng)中，金壇，常州，南京，無(wú)錫等地。 |
|
|
| 分享 |
| |
| |
 |
| |
|
|
|
|
|
