旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UI設(shè)計中下拉刷新設(shè)計使用技巧

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

時間:2020-07-31來源:m.lb577.com點擊量:作者:Sissi
時間:2020-07-31點擊量:作者:Sissi



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

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

UI設(shè)計

 

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

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

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

UI設(shè)計
 

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

  什么時候使用下拉刷新
 

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

UI設(shè)計

 

  什么時候不適合下拉刷新
 

  下拉刷新并非是萬能的,它也有不適合用的時候;
 

  屏幕小插件,這種小插件是需要自動跟新的。
 

UI設(shè)計

 

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

UI設(shè)計
 

  低更新率的內(nèi)容,如果列表中的內(nèi)容并不經(jīng)常更新,下拉刷新的手勢幾乎沒有存在的意義,因為用戶去刷新的幾率很低,沒有太大的必要。
 

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

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

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

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

UI設(shè)計
 

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

  下拉刷新VS下拉按鈕
 

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

UI設(shè)計
 

  可用的動效
 

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

UI設(shè)計
 

  總結(jié)
 

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

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


 

預(yù)約申請免費(fèi)試聽課

填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖