為何有的產(chǎn)品、服務(wù)特別受歡迎?

是因?yàn)檫@些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計(jì)、可用性、功能等方面具有無(wú)可匹敵的優(yōu)勢(shì)。其實(shí)，所有的這些層面都屬于交互設(shè)計(jì)的細(xì)節(jié)，其中一個(gè)關(guān)鍵點(diǎn)便是動(dòng)效。

本文將介紹幾種常見的動(dòng)效模式(用GIF圖演示)，分析一下為何這些簡(jiǎn)單的設(shè)計(jì)模式在實(shí)際應(yīng)用中能夠奏效。

當(dāng)我們設(shè)計(jì)數(shù)碼產(chǎn)品時(shí)，我們一般用PS或者Sketch這種設(shè)計(jì)軟件來(lái)進(jìn)行設(shè)計(jì)。

了解設(shè)計(jì)的人明白這樣一個(gè)道理：設(shè)計(jì)不光只是視覺表達(dá)。設(shè)計(jì)也不應(yīng)該是靜態(tài)的。喬布斯說(shuō)過(guò)這樣一句話：

設(shè)計(jì)并非外觀怎樣，感覺如何。核心在于，它是怎樣工作的。

影響用戶對(duì)產(chǎn)品的體驗(yàn)與印象的因素有很多，交互在其中扮演著關(guān)鍵性角色。我們不能再簡(jiǎn)單的把用戶界面當(dāng)成一種靜態(tài)界面而設(shè)計(jì)。我們應(yīng)該順應(yīng)互聯(lián)網(wǎng)動(dòng)態(tài)的本質(zhì)，打造更加動(dòng)態(tài)的圖形用戶界面。

好了，廢話不多說(shuō)，我們來(lái)看看，什么叫做更智能的交互、更精致的動(dòng)效?？纯催@些設(shè)計(jì)模式是怎樣提高用戶體驗(yàn)的。

動(dòng)效滾動(dòng)

超鏈接是互聯(lián)網(wǎng)的雙刃劍，當(dāng)你點(diǎn)擊鏈接時(shí)，你可以在互聯(lián)網(wǎng)中任意遨游，隨心所欲。

可是過(guò)度自由好嗎?不見得，比方說(shuō)你在瀏覽一款精美的產(chǎn)品頁(yè)面，然后你點(diǎn)擊了一下頁(yè)面中的鏈接，突然導(dǎo)入了一款令人毛骨悚然的木偶商店頁(yè)面。這就是超鏈接的弊端，有時(shí)候的頁(yè)面轉(zhuǎn)換太突然，缺少過(guò)度，讓用戶一時(shí)不能接受。

我們可以看看書籍的用戶體驗(yàn)：故事發(fā)展一般是線性的，每一章都和上文有所聯(lián)系。想要閱讀第二章，必須先閱讀第一章，以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀，不可避免的會(huì)錯(cuò)過(guò)一些關(guān)鍵劇情，因此無(wú)法理解有些內(nèi)容。

在網(wǎng)頁(yè)設(shè)計(jì)中，同理，尤其是那種內(nèi)容比較大，頁(yè)面比較長(zhǎng)得網(wǎng)站，這種情況經(jīng)常無(wú)意識(shí)的發(fā)生：用戶會(huì)錯(cuò)過(guò)之前的某些關(guān)鍵內(nèi)容，而且又缺少提示，因此很難理解當(dāng)前內(nèi)容，通過(guò)添加動(dòng)效滾動(dòng)，可以修正這一問(wèn)題。

http://psnmmgva.cn/