99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

<fieldset id="f8udm"></fieldset>

界面交互動效核心知識的分類與總結(jié)

2022-3-8 純純

界面交互動效是展現(xiàn)界面間的轉(zhuǎn)換和界面內(nèi)元素變化的交互反饋。而效果就表現(xiàn)在觸發(fā)與結(jié)束的過程中，表現(xiàn)清晰的層級關(guān)系，自然的引出與結(jié)束。交互動效有著承上啟下的重要作用。

linear曲線（勻速運動）除了一些特殊場景如加載、很少被使用。
easeIn（先緩后快）使用場景較少，主要在掉落、中使用。
easeInOut（頭尾緩、中間快）通常在輪轉(zhuǎn)切換的動畫中使用，這類動畫的觸發(fā)對象與運動對象并不是同一個元素。
easeOut（先快后緩）最常見的效果，其觸發(fā)對象與運動對象往往是同一個。主要用在展開、收起、出現(xiàn)、移動等動畫中。當(dāng)不知道用哪個緩動曲線時，用這個一般不會錯。
曲度主要表現(xiàn)運動過程的力的大小，曲度越大，啟示力或阻力越大。
回彈則表現(xiàn)的是運動的劇烈程度及對象的質(zhì)地。
運動時間一般都控制在0.3s-0.8s之間，過長的時間會讓人感覺拖沓，不自然。

第一種：為銜接類型動畫

主要針對不同界面直接的銜接，為帶來更流暢的操作觀感所做的設(shè)計，彌補兩個界面直接的差異所帶來的用戶感知落差。

第二種：特效類動畫

特效的核心目的是為了吸引用戶的注意力，提高信息敏感度，在游戲界面設(shè)計當(dāng)中使用更為廣泛，能夠帶來更加絢麗的動態(tài)畫面。

第一類：界面內(nèi)的交互動效

在一個界面內(nèi)的交互動效特別多，例如點擊加號出現(xiàn)下拉菜單，出現(xiàn)浮層動畫提示，點擊舵式導(dǎo)航出現(xiàn)選擇類型和遮罩，點擊按鈕出現(xiàn)評論點贊，當(dāng)前頁面的展開收起，加載等等。如下圖所示：

超全面！界面交互動效核心知識的分類與總結(jié)

第二類：界面間的交互動效

幾個界面之間的的交互動效通常是平緩過渡到下一頁。常見的有以下幾類：

超全面！界面交互動效核心知識的分類與總結(jié)

△ 硬切到下一頁

超全面！界面交互動效核心知識的分類與總結(jié)

△ 下一頁從右往左推入（上一頁從左往右推出）

超全面！界面交互動效核心知識的分類與總結(jié)

△ 下一頁從下往上彈出

超全面！界面交互動效核心知識的分類與總結(jié)

總結(jié)：

動效創(chuàng)意方面的創(chuàng)新要依據(jù)用戶的認(rèn)知模型。單純很炫很酷的動效如果脫離了用戶的認(rèn)知模型，那么這樣的交互動效對于整個產(chǎn)品來說是有害的。
做界面交互動效的目的是為了更好地落地。如何更好地高效地表現(xiàn)我們設(shè)計的動效。同時使得我們制作的動效可以很好的運用到實現(xiàn)落地中，這是很重要的，不然所有的一切都是海市蜃樓。

文章來源：優(yōu)設(shè) 作者:程遠(yuǎn)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。