app界面設(shè)計(jì)使用動(dòng)效設(shè)計(jì)的好處

隨著扁平化設(shè)計(jì)風(fēng)格的流行，交互上越來(lái)越擬物化，越來(lái)越多的產(chǎn)品已經(jīng)意識(shí)到動(dòng)效在產(chǎn)品用戶(hù)體驗(yàn)中的重要性，創(chuàng)新互聯(lián)編者用一些案例，來(lái)說(shuō)一下app界面設(shè)計(jì)使用動(dòng)效設(shè)計(jì)的好處。

一、加強(qiáng)體驗(yàn)舒適度

讓用戶(hù)更加舒服、流暢的使用你設(shè)計(jì)的產(chǎn)品。

具體表現(xiàn)在：

1.表現(xiàn)層級(jí)關(guān)系

為了展現(xiàn)層與層的關(guān)系，抽屜，打開(kāi)，還是平級(jí)切換等等，讓用戶(hù)知道這個(gè)界面和上一個(gè)、下一個(gè)的關(guān)系。保持使用的延續(xù)性。

2.與用戶(hù)手勢(shì)結(jié)合，更自然的動(dòng)畫(huà)表現(xiàn)

當(dāng)用戶(hù)手勢(shì)操作的時(shí)候，讓界面的動(dòng)態(tài)走向更符合手指的運(yùn)動(dòng)，從而讓用戶(hù)感覺(jué)到是自己控制了界面的動(dòng)向，而不是機(jī)械化的跳轉(zhuǎn)。

City guide app 用手勢(shì)可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的時(shí)候能吸引用戶(hù)的注意，但是又不會(huì)生硬，符合預(yù)期的出現(xiàn)。

Action button feedback 出錯(cuò)提示

City Guides 啟動(dòng)時(shí)提示用戶(hù)可以左右滑動(dòng)卡片

4.額外增加界面的活力

在用戶(hù)預(yù)期之外增加的驚喜，可以是帥氣的，是賣(mài)萌，可以有些物理屬性，總之讓用戶(hù)感知到產(chǎn)品的生命力。

readme.io 萌萌的輸入框

tumblr ?不喜歡我 心都碎了呢~

5.吸引用戶(hù)持久的注意力

也是屬于增加用戶(hù)的驚喜感，在某些數(shù)據(jù)量較大的界面中添加一些動(dòng)效，讓用戶(hù)保持注意力。

Bubbles 以動(dòng)態(tài)的形式展現(xiàn)數(shù)據(jù)點(diǎn)

二、減弱不可避免的不適感

總有一些因素造成我們的產(chǎn)品體驗(yàn)下降。這些時(shí)候適當(dāng)?shù)脑黾右恍﹦?dòng)效可以彌補(bǔ)在出現(xiàn)這些情況時(shí)的不適體驗(yàn)。

比如下面這些：

1.讓等待變得更愉快

常出現(xiàn)在加載、刷新、發(fā)送等界面中，讓等待變得可視化，甚至不再那么無(wú)聊。

Download Progress 讓下載不再枯燥

App loader 有趣的loading動(dòng)畫(huà)

gear-powered 拉了還想拉的下拉刷新

2.失敗界面的動(dòng)效

比如刷新失敗、頁(yè)面錯(cuò)誤、未聯(lián)網(wǎng)提示這些。

download 就算失敗了還是感覺(jué)萌萌噠~

3.增加界面與界面銜接的延續(xù)感

界面的跳轉(zhuǎn)不可以避免，但是如果讓本來(lái)分別獨(dú)立的2個(gè)界面或者事件擁有了某種特定的聯(lián)系，可以顯得更加好玩，不再是生硬的跳轉(zhuǎn)。

iOS Animation Download 界面跳轉(zhuǎn)時(shí)保留部分元素到下一個(gè)界面

Filter Menu 保留需要的條目 移走不再用的

Elevate

三、不易被察覺(jué)的動(dòng)效

特意把這一類(lèi)單獨(dú)說(shuō)一下，由于不容易被發(fā)現(xiàn)，普通用戶(hù)通常會(huì)忽略它們的存在，但很多時(shí)候這些小細(xì)節(jié)讓交互變得更加有趣。

1.默默增加反饋感

為用戶(hù)的操作提供有趣的正反饋。

Twitter 收藏的點(diǎn)擊反饋

2.去除用戶(hù)不再需要的元素

隨著用戶(hù)的操作，有的內(nèi)容已經(jīng)是用戶(hù)不再關(guān)注的。這時(shí)候可以將他們隱藏起來(lái)。

Steller

動(dòng)效要注意交互邏輯，才能讓你的作品看起來(lái)不但動(dòng)效帥氣逼人而且真正發(fā)揮了實(shí)際的作用。千萬(wàn)不要犧牲了用戶(hù)寶貴的時(shí)間用來(lái)看你毫無(wú)目的的動(dòng)效。

文章名稱(chēng)：app界面設(shè)計(jì)使用動(dòng)效設(shè)計(jì)的好處
當(dāng)前網(wǎng)址：http://www.muchs.cn/news3/163203.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站營(yíng)銷(xiāo)、關(guān)鍵詞優(yōu)化、網(wǎng)站策劃、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)