為何有的產(chǎn)品、服務(wù)特別受歡迎?
是因為這些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計、可用性、功能等方面具有無可匹敵的優(yōu)勢。其實,所有的這些層面都屬于交互設(shè)計的細節(jié),其中一個關(guān)鍵點便是動效。
本文將介紹幾種常見的動效模式(用GIF圖演示),分析一下為何這些簡單的設(shè)計模式在實際應用中能夠奏效。
當我們設(shè)計數(shù)碼產(chǎn)品時,我們一般用PS或者Sketch這種設(shè)計軟件來進行設(shè)計。
了解設(shè)計的人明白這樣一個道理:設(shè)計不光只是視覺表達。設(shè)計也不應該是靜態(tài)的。喬布斯說過這樣一句話:
設(shè)計并非外觀怎樣,感覺如何。核心在于,它是怎樣工作的。
影響用戶對產(chǎn)品的體驗與印象的因素有很多,交互在其中扮演著關(guān)鍵性角色。我們不能再簡單的把用戶界面當成一種靜態(tài)界面而設(shè)計。我們應該順應互聯(lián)網(wǎng)動態(tài)的本質(zhì),打造更加動態(tài)的圖形用戶界面。
好了,廢話不多說,我們來看看,什么叫做更智能的交互、更精致的動效??纯催@些設(shè)計模式是怎樣提高用戶體驗的。
動效滾動
超鏈接是互聯(lián)網(wǎng)的雙刃劍,當你點擊鏈接時,你可以在互聯(lián)網(wǎng)中任意遨游,隨心所欲。
可是過度自由好嗎?不見得,比方說你在瀏覽一款精美的產(chǎn)品頁面,然后你點擊了一下頁面中的鏈接,突然導入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端,有時候的頁面轉(zhuǎn)換太突然,缺少過度,讓用戶一時不能接受。
我們可以看看書籍的用戶體驗:故事發(fā)展一般是線性的,每一章都和上文有所聯(lián)系。想要閱讀第二章,必須先閱讀第一章,以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀,不可避免的會錯過一些關(guān)鍵劇情,因此無法理解有些內(nèi)容。
在網(wǎng)頁設(shè)計中,同理,尤其是那種內(nèi)容比較大,頁面比較長得網(wǎng)站,這種情況經(jīng)常無意識的發(fā)生:用戶會錯過之前的某些關(guān)鍵內(nèi)容,而且又缺少提示,因此很難理解當前內(nèi)容,通過添加動效滾動,可以修正這一問題。