中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：如今我們每天都會(huì)使用多種APP，我們會(huì)發(fā)現(xiàn)很多APP里面的一些動(dòng)態(tài)設(shè)計(jì)十分有趣，比如不同平臺(tái)的點(diǎn)贊動(dòng)畫(huà)、加載動(dòng)畫(huà)等等，一個(gè)高質(zhì)量的動(dòng)態(tài)設(shè)計(jì)可以讓用戶體驗(yàn)更好；本文作者闡述APP界面的動(dòng)畫(huà)交互的具體作用以及實(shí)際案例展示，我們一起來(lái)看一下。

動(dòng)畫(huà)是我們耳熟能詳?shù)臇|西，也是我們從小看到大的畫(huà)面，從兒時(shí)記憶的電視動(dòng)畫(huà)片，到長(zhǎng)大后的手機(jī)動(dòng)畫(huà)，給我們的感覺(jué)其實(shí)已經(jīng)不再是什么神秘或者奢侈的事物。

但是，在我們?yōu)g覽動(dòng)畫(huà)的過(guò)程中，或許當(dāng)時(shí)的我們已經(jīng)完全沉浸在美妙且富有色彩的畫(huà)面中，而其過(guò)程往往我們卻很少去探索與考究。

例如：為什么動(dòng)畫(huà)比靜態(tài)圖片更吸引我們，為什么動(dòng)畫(huà)感覺(jué)視覺(jué)更強(qiáng)烈，為什么動(dòng)畫(huà)更讓我們覺(jué)得它是富有生命力的東西。

以上種種問(wèn)題，就是我今天要講到的動(dòng)畫(huà)核心：動(dòng)畫(huà)界面的作用。

一、動(dòng)畫(huà)界面的基本概念

動(dòng)畫(huà)界面的作用：故名思義就是動(dòng)畫(huà)在界面中所起到的主要用途與實(shí)際作用，而背后隱性的含義則是指動(dòng)畫(huà)給我們帶來(lái)的一些主觀感受與體驗(yàn)。

我們都期望自身以外的事物或人能夠按照我們想要的結(jié)果進(jìn)行移動(dòng)或改變，就算不可以，起碼也是對(duì)方也是可以進(jìn)行變換的，這樣我們不光會(huì)感覺(jué)它具有生命力，而且會(huì)有一種潛在意識(shí)，就是：它可以互動(dòng)！

APP界面的動(dòng)畫(huà)也同樣具有這樣的目的，當(dāng)用戶使用APP時(shí)，所期望的功能需求和反饋，在操作后，也同樣希望界面能夠生動(dòng)活潑且真正進(jìn)行響應(yīng)用戶；因?yàn)檫@樣，可以改善用戶對(duì)產(chǎn)品的認(rèn)識(shí)與喜好感。

接下來(lái)我們通過(guò)具體的幾個(gè)常見(jiàn)的APP界面操作，進(jìn)行動(dòng)畫(huà)演示與說(shuō)明：

二、加載狀態(tài)

用戶看到的產(chǎn)品是可視化并優(yōu)化設(shè)計(jì)后的視覺(jué)界面，但其實(shí)背后的邏輯是調(diào)取了APP的多個(gè)數(shù)據(jù)與系統(tǒng)進(jìn)行的展示。

當(dāng)用戶進(jìn)行操作或查看界面中某一個(gè)內(nèi)容或數(shù)據(jù)時(shí)，APP的后臺(tái)都需要進(jìn)行刷新和調(diào)取一次后臺(tái)系統(tǒng)，然后在傳輸?shù)接脩羰褂玫腁PP界面中進(jìn)行展示，這樣用戶才能在操作后看到新的內(nèi)容。

但是，在網(wǎng)絡(luò)不順利的條件下，我們應(yīng)該如何通過(guò)界面展示來(lái)告知用戶，他此次操作后并沒(méi)有死機(jī)或者延遲呢？

那就是使用加載狀態(tài)的動(dòng)畫(huà)展示，設(shè)計(jì)師應(yīng)該讓用戶知道該APP在他操作后并沒(méi)有延遲，而是正在下載數(shù)據(jù)，并通過(guò)有效合理的動(dòng)畫(huà)進(jìn)行展示當(dāng)前系統(tǒng)的處理狀態(tài)，只有這樣，用戶才能感覺(jué)到APP是有跡可循的，是具有一定操控感的。

如果說(shuō)我們不能縮短或者不能絕對(duì)性的解決用戶的等待時(shí)間，我們就應(yīng)該讓用戶的等待變得更愉快，這樣就可以使用戶對(duì)等待本身減少關(guān)注了。

就好比海底撈的等待體驗(yàn)，你可以在等待席享用零食，或者手機(jī)操控LED大屏進(jìn)行游戲?qū)?zhàn)。

所以，創(chuàng)建加載動(dòng)畫(huà)是最大限度的減少用戶對(duì)時(shí)間的感知，也是轉(zhuǎn)移用戶注意力的有效辦法。

三、下拉刷新

下拉刷新和剛才的加載具有類似的效果，但唯一有所區(qū)別的是展示形式的不同，他們兩個(gè)雖然有相同的場(chǎng)景展示，但也有不同的場(chǎng)景展示。

比如說(shuō)：加載可以是從某一界面進(jìn)行到另一界面的過(guò)程中進(jìn)行加載，也可以是下載游戲壓縮包時(shí)的加載條；但下拉刷新，其實(shí)已經(jīng)是固定了用戶的操作形式，他唯一的操作場(chǎng)景就是在用戶手指下滑界面后，界面在同步下滑后，進(jìn)行的界面數(shù)據(jù)刷新，其他的大致相同；動(dòng)畫(huà)的展示形式可以是梅花圈、小飛機(jī)浮動(dòng)，也可以是IP 形象的奔跑或者點(diǎn)狀式跳躍等等。

刷新的動(dòng)畫(huà)在APP中的主要作用就是明確告知用戶當(dāng)前界面在他操作后已經(jīng)進(jìn)行了數(shù)據(jù)刷新，請(qǐng)他耐心等待一下的結(jié)果表現(xiàn)，這樣就可以有效的從操作前到操作中再到操作后，進(jìn)行一個(gè)完整的操作和視覺(jué)路徑展示。

四、信息通知

大多數(shù)APP都會(huì)具備一個(gè)消息的功能，它里面主要會(huì)展示系統(tǒng)的新消息和用戶自行操作后的結(jié)果消息等等，而當(dāng)新消息來(lái)臨后，就像有快遞員給你送了一件新快遞一樣，是需要一個(gè)提醒的，這個(gè)提醒就需要?jiǎng)赢?huà)去展示了。

雖然部分APP的新消息提醒是以“小紅點(diǎn)”進(jìn)行展示的，但如果按照用戶心智模型與實(shí)際場(chǎng)景的邏輯來(lái)講，新消息的到來(lái)應(yīng)該是有一個(gè)小鈴鐺或者手機(jī)震動(dòng)和聲音匹配的提醒的；而且，微妙的動(dòng)畫(huà)消息提醒，會(huì)很自然的引起用戶的注意，因此，對(duì)通知進(jìn)行動(dòng)畫(huà)處理也是一種讓用戶傳達(dá)消息的愉快方式，而且，微妙的小動(dòng)畫(huà)還不會(huì)影響用戶的核心體驗(yàn)。

五、導(dǎo)航過(guò)渡

導(dǎo)航一般主要分為：頂部分類導(dǎo)航、底部tab主導(dǎo)航、側(cè)邊欄導(dǎo)航。

首先說(shuō)底部的tab主導(dǎo)航，它主要控制的APP界面的一級(jí)界面切換，一般點(diǎn)擊后的反應(yīng)就是直接點(diǎn)狀式切換即可，過(guò)于花哨的切換動(dòng)畫(huà)雖然好看；但在真實(shí)的操作場(chǎng)景下， 像這種高頻次的導(dǎo)航切換，一次兩次還好，如果多了，不僅會(huì)加大APP的加載速度，更主要的是會(huì)使用戶產(chǎn)生視覺(jué)疲勞感，所以直接點(diǎn)狀切換時(shí)最為合適的動(dòng)畫(huà)展示。

其次是頂部分類導(dǎo)航，這里的導(dǎo)航主要控制當(dāng)前某一界面內(nèi)的1級(jí)切換，例如：網(wǎng)易云音樂(lè)內(nèi)的“廣場(chǎng)”和“關(guān)注”，這里的導(dǎo)航動(dòng)畫(huà)可以使用較為簡(jiǎn)單柔和的滑動(dòng)展示，這樣做的目的是使用戶通過(guò)操作后，可以通過(guò)視線，明確知道新的界面時(shí)從哪里來(lái)的，我要回到剛才的起點(diǎn)該如何操作，通過(guò)視覺(jué)路徑，可以很完美的形成從頭到尾的視覺(jué)路線。

最后一個(gè)是側(cè)邊欄導(dǎo)航，這種導(dǎo)航最終的展示形式一般分為兩種，一種結(jié)果是從頁(yè)面左側(cè)進(jìn)行滑出導(dǎo)航，一種是從頂部進(jìn)行滑出導(dǎo)航；不管是從哪里滑出，這種導(dǎo)航的按鈕大多數(shù)都以面包按鈕展示，當(dāng)用戶點(diǎn)擊面包按鈕后，界面從左側(cè)或頂部柔和滑出一個(gè)模態(tài)窗口，然后可供用戶選擇其他內(nèi)容。

導(dǎo)航的交互動(dòng)畫(huà)作用是明確告知用戶的操作路徑，使用戶觸發(fā)選項(xiàng)后告知用戶界面的變化過(guò)程，并有效的使用戶學(xué)習(xí)如何再次觸發(fā)頁(yè)面后可以回到起點(diǎn)。

六、按鈕過(guò)渡

界面中只要有較大且極具明顯的色彩填充式按鈕，那一定是非常重要的存在，它不單單是承載著一個(gè)APP的運(yùn)營(yíng)點(diǎn)，更多的是用戶可以通往終點(diǎn)解決核心問(wèn)題的必要途徑，所以按鈕過(guò)渡的動(dòng)畫(huà)也是需要精心設(shè)計(jì)的。

較為簡(jiǎn)單實(shí)用的按鈕動(dòng)畫(huà)是點(diǎn)擊后滑入新界面，這樣做的開(kāi)發(fā)成本是最低的，但如果我們依然遵循用的心智模型與視覺(jué)路徑的話，按鈕動(dòng)畫(huà)還可以延展為平穩(wěn)擴(kuò)展；比如：擴(kuò)展按鈕，在用戶點(diǎn)擊按鈕后，按鈕在移動(dòng)的同時(shí)進(jìn)行色區(qū)放大，最終填滿整個(gè)界面或擴(kuò)展區(qū)域界面；這樣做的好處是可以引導(dǎo)用戶明確知道APP頁(yè)面上元素的排列變化，過(guò)渡的動(dòng)畫(huà)實(shí)際上是充當(dāng)了頁(yè)面的不同狀態(tài)之間的媒介，以幫助用戶更好的了解屏幕所更改時(shí)發(fā)生的變化情況。

七、動(dòng)畫(huà)視覺(jué)反饋

動(dòng)畫(huà)視覺(jué)反饋對(duì)于任何一個(gè)APP都是至關(guān)重要的，它可以很好的使用戶感覺(jué)APP是在他的掌控之中；當(dāng)然對(duì)于用戶而言，控制APP也就意味著在任何操作APP時(shí)，APP都應(yīng)當(dāng)具有上下文的銜接過(guò)程，這樣用戶才能很好的在碎片時(shí)記憶的條件下，簡(jiǎn)單易行的學(xué)習(xí)并基礎(chǔ)操作路徑與軌跡。

八、總結(jié)

交互動(dòng)畫(huà)的核心作用就是告訴用戶操作過(guò)程中是從哪里來(lái)，往哪里去的一個(gè)過(guò)程，當(dāng)然也包含另一種場(chǎng)景就是淡化等待時(shí)間，提神用戶對(duì)產(chǎn)品的趣味性與滿意度；但是，過(guò)渡的強(qiáng)化交互動(dòng)畫(huà)，不僅不會(huì)提升用戶的滿意度，反而會(huì)在加大APP運(yùn)行時(shí)長(zhǎng)以外，降低用戶的滿意度與視覺(jué)疲勞感。

所以，合理的設(shè)計(jì)交互動(dòng)畫(huà)，掌握好動(dòng)靜這兩者的平衡點(diǎn)，也是設(shè)計(jì)師需要著重考慮與學(xué)習(xí)的。

作者：西瓜，公眾號(hào)：西瓜的設(shè)計(jì)

本文由 @西瓜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于CC0協(xié)議