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