通常,優(yōu)秀的設(shè)計(jì)都是無(wú)形的,一個(gè)出色的動(dòng)效能夠讓你的app或網(wǎng)站變得更加的友好,更能吸引用戶(hù)的眼球,且不會(huì)讓用戶(hù)分心。所謂動(dòng)效不僅只是裝飾而已,其本質(zhì)是用戶(hù)物理對(duì)象操作是獲得的交互體驗(yàn)反饋,再提高使用效率的同時(shí)讓用戶(hù)感到愉悅。正因如此,所以大部分用戶(hù)都期待動(dòng)效作為交互體驗(yàn)的組成部分,但設(shè)計(jì)優(yōu)秀的動(dòng)效并不容易,需要注意如下幾點(diǎn):
一、告知用戶(hù)正在運(yùn)行
每一步發(fā)生了什么用戶(hù)都想要知道,若超過(guò)3秒沒(méi)有任何反饋的,很多用戶(hù)都會(huì)選擇直接關(guān)閉應(yīng)用,但若告知用戶(hù)應(yīng)用正在運(yùn)行,等待就不會(huì)變得無(wú)趣,尤其是在刷新、載入頁(yè)面更應(yīng)該注意這點(diǎn)。
二、告知用戶(hù)進(jìn)度
只讓用戶(hù)知道程序在運(yùn)行還不夠,還要能夠看到載入速度和加載時(shí)長(zhǎng),進(jìn)度條的作用得以凸顯,告知用戶(hù)進(jìn)度狀況,可以成為交互等待過(guò)程中的娛樂(lè)元素,抵消一些負(fù)面的體驗(yàn),成為一個(gè)病毒的功能,引起用戶(hù)分享得興趣,繼而吸引更多的用戶(hù)。
三、闡明運(yùn)動(dòng)的自然屬性
一般原則顯示沒(méi)有生命的機(jī)械物體的運(yùn)動(dòng)軌跡通常都是直線,而有生命的物體擁有更為復(fù)雜和非直線性的運(yùn)動(dòng)軌跡。您要決定您的UI要給用戶(hù)呈現(xiàn)的什么樣的印象,并且將這種屬性賦予它。
四、突出關(guān)鍵信息
動(dòng)效設(shè)計(jì)中重要的問(wèn)題就是視覺(jué)層次感和導(dǎo)航的明確性,用戶(hù)注意力應(yīng)該根據(jù)其目標(biāo)和條件立即被吸引到交互的關(guān)鍵要素,動(dòng)效元素為這一方面提供了巨大的支持力,實(shí)現(xiàn)了布局中更快,更清晰的標(biāo)記重要元素。
五、避免無(wú)趣
有趣的動(dòng)效可以畫(huà)龍點(diǎn)睛,幫您吸引更多的用戶(hù),讓您的APP脫穎而出。這是設(shè)計(jì)師讓用戶(hù)愛(ài)上他們產(chǎn)品的一個(gè)秘密武器,獨(dú)特的動(dòng)效可以助您創(chuàng)立一個(gè)識(shí)別度高的品牌,如下面的例子,移動(dòng)的圓圈看起來(lái)非常別致并且很吸引人的注意力。沿著屏幕移動(dòng)的這種效果能夠帶來(lái)愉悅感和游戲感,簡(jiǎn)單并且有趣。
六、善用夸張動(dòng)效吸引用戶(hù)
在界面中,重要的交互會(huì)通過(guò)一些夸張的動(dòng)畫(huà)來(lái)引起用戶(hù)的注意。谷歌設(shè)計(jì)規(guī)范中的 FAB按鈕就是一個(gè)很好的例子,F(xiàn)AB按鈕在不動(dòng)的時(shí)候也比較能引起注意,因?yàn)樗ǔ?huì)帶有比較鮮明的顏色,并且是獨(dú)立懸浮在界面元素之上的。當(dāng)它被點(diǎn)擊時(shí),F(xiàn)AB的動(dòng)畫(huà)被放大,把整個(gè)界面都占滿(mǎn),使得它完全占據(jù)用戶(hù)的注意力。
提示:頁(yè)面中的每一個(gè)動(dòng)效效果都需要精心的設(shè)計(jì),讓整個(gè)體驗(yàn)更具沉浸感,在正確的地方使用上述天津網(wǎng)站建設(shè)說(shuō)的這幾個(gè)原則能夠確保產(chǎn)品中的交互體驗(yàn)更加協(xié)調(diào)自然哦!