UI設(shè)計(jì)中下拉刷新設(shè)計(jì)使用技巧

　　UI設(shè)計(jì)創(chuàng)新技能層出不窮，UI設(shè)計(jì)滿足著形形色色各種垂直化的需求,在設(shè)計(jì)方面大家也是想方設(shè)法去做一些創(chuàng)新,希望自己能夠在各種應(yīng)用中脫穎而出,今天AAA教育小編就針對(duì)UI設(shè)計(jì)中下拉刷新設(shè)計(jì)使用技巧進(jìn)行簡單的說明。
 

　　最早的下拉刷新設(shè)計(jì)源自于一款應(yīng)用的設(shè)計(jì)，現(xiàn)在下拉刷新在人們的生活中無處不在。但即便如此也讓人無法輕易忽視它帶來的快感。從QQ到微博，它幾乎存在于你觸手可及的每一個(gè)應(yīng)用當(dāng)中。
 

　　今天的文章讓我們來聊一聊下拉刷新要注意的各種問題以及優(yōu)化的小技巧
 

　　下拉刷新是怎么運(yùn)營的
 

　　說白了，下拉刷新就是刷新指示器于下拉手勢(shì)相結(jié)合的產(chǎn)物，同時(shí)借助下拉動(dòng)效完善整個(gè)交互。

　　下拉刷新本質(zhì)上是一種特定的手動(dòng)刷新交互，和其他的同類操作不同的地方在于它采用了更加直覺的下拉操作。它的交互足夠清晰明顯，不過有的時(shí)候設(shè)計(jì)師依舊會(huì)使用刷新指示器來顯示自動(dòng)更新的內(nèi)容。不過，由于自動(dòng)刷新不需要用戶進(jìn)行任何操作，是因?yàn)樽詣?dòng)刷新最好還是不要在使用刷新指示器了。
 

　　什么時(shí)候使用下拉刷新
 

　　滑動(dòng)刷新非常適合列表、卡片類的界面。這種界面通常會(huì)因?yàn)闀r(shí)間的變化，最先展示最新的內(nèi)容，并且通常不會(huì)采用自動(dòng)刷新來刷新內(nèi)容。不采用自動(dòng)刷新的機(jī)智的原因很簡單，當(dāng)你滾動(dòng)到頂部的時(shí)候，如果采用自動(dòng)刷新，內(nèi)容會(huì)不斷自動(dòng)下載，對(duì)于用戶而言，這樣的自動(dòng)顯示的機(jī)制并不可控。而下拉刷新則是很好的解決了這個(gè)問題，只要在你使用下拉收拾的時(shí)候，觸發(fā)刷新指示器，在進(jìn)行更新，這樣也給了用戶選擇和退出的機(jī)會(huì)。
 

　　什么時(shí)候不適合下拉刷新
 

　　下拉刷新并非是萬能的，它也有不適合用的時(shí)候;
 

　　屏幕小插件，這種小插件是需要自動(dòng)跟新的。
 

　　地圖相關(guān)的應(yīng)用，地圖上的內(nèi)容通常不會(huì)以時(shí)間為排序，也沒有明確的方向和內(nèi)容的來源，用戶也無法直接推斷出下拉刷新的含義

　　低更新率的內(nèi)容，如果列表中的內(nèi)容并不經(jīng)常更新，下拉刷新的手勢(shì)幾乎沒有存在的意義，因?yàn)橛脩羧ニ⑿碌膸茁屎艿停瑳]有太大的必要。
 

　　按照時(shí)間的先后順序排列的內(nèi)容。按照時(shí)間先后順序排列的列中中，最新更新的內(nèi)容排在最后，用戶下拉刷新之后無法立刻看到最新跟新的內(nèi)容，這樣列表使用下拉刷洗就相當(dāng)尷尬了。
 

　　特殊類型的內(nèi)容。許多需要實(shí)時(shí)更新的內(nèi)容會(huì)在短短一分鐘內(nèi)甚至更短的時(shí)間失去時(shí)效，比如股票、服務(wù)器后臺(tái)進(jìn)程之類的信息，最好使用實(shí)時(shí)自動(dòng)更新。
 

　　如何設(shè)計(jì)刷新指示器的過渡效果
 

　　下拉刷新前后兩種狀態(tài)需要借助過渡動(dòng)效連接到一起，讓用戶了解界面到底發(fā)生了哪些改變。刷新指示器在兩種狀態(tài)過渡中一直存在，她一直保持可見，直到刷新完成，新的內(nèi)容跟新出來。

　　值得注意的是，在刷新過程中，哪怕用戶針對(duì)界面有所操作，刷新指示器也不能隱藏，否則它作為指示器的作用就失去意義了。
 

　　下拉刷新VS下拉按鈕
 

　　許多設(shè)計(jì)師將下拉刷新作為一種節(jié)省屏幕空間的方法，畢竟它無需像刷新按鈕一樣占據(jù)一個(gè)固定按鈕的空間。但是它的問題也同樣很明顯，下拉刷新沒有刷新按鈕那么的明顯，實(shí)現(xiàn)起來也更加的麻煩。

　　可用的動(dòng)效
 

　　下拉刷新的過渡動(dòng)效是一個(gè)非常適合發(fā)揮創(chuàng)意的地方。由于它是連接兩個(gè)不同狀態(tài)的中間態(tài)，過渡動(dòng)效可用幫助用戶理解屏幕上發(fā)生了什么，精準(zhǔn)的理解兩個(gè)不同UI狀態(tài)之間的差別
 

　　總結(jié)
 

　　下拉刷新推動(dòng)著UI中的內(nèi)容的更新變化，有時(shí)候甚至能夠讓界面更加富于娛樂，更有意思，增加了更多的趣味性。
 

　　因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要及技能。我之前也分享過《零基礎(chǔ)小白怎么學(xué)習(xí)UI設(shè)計(jì)》和《從小白到ui設(shè)計(jì)大咖進(jìn)階指南》等文章，如果您想了解更多的信息，可以持續(xù)關(guān)注AAA教育網(wǎng)站，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章，也可以聯(lián)系在線客服領(lǐng)取免費(fèi)的視頻課程。