轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.lzhte.cn  )是一家專注而深入的設(shè)計機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.yixieshi.com/ucd/13831.html

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，   請點(diǎn)這里

　　5月22日，Twitter正式宣布獲得了下拉刷新的技術(shù)專利，這項專利是在一年前提出的，雖然公司一再說明此項專利只用于保護(hù)自己，不會用來發(fā)起訴訟，但無疑這還是對行業(yè)來說是一個威脅。

　　下拉刷新這個操作最早由Tweetie創(chuàng)始人洛倫?布里切特(Loren Brichter)發(fā)明，到現(xiàn)在已經(jīng)非常廣泛地在各種應(yīng)用中使用，Sparrow、Facebook、新浪微博、甚至是iOS原生系統(tǒng)也都在使用這種方式。有理論認(rèn)為，下拉刷新是一種適用于按照從新到舊的時間順序排列feeds的應(yīng)用，在這種應(yīng)用場景中看完舊的內(nèi)容時，用戶會很自然地下拉查找更新的內(nèi)容，因此下拉刷新就顯得非常合理。

　　隨著下拉刷新這種方式的不斷演變，下拉刷新已經(jīng)跳出基礎(chǔ)功能，成為一種表現(xiàn)品牌、表現(xiàn)設(shè)計感的元素，本文主要介紹幾款有意思的下拉刷新。在收集過程中發(fā)現(xiàn)，有一些應(yīng)用是把應(yīng)用類型巧妙地融合到了下拉刷新中;有很多應(yīng)用的下拉刷新都是滲透了品牌元素，包括logo的顏色、icon的形狀等等，另外還有一些就比較特別，是結(jié)合整個應(yīng)用的風(fēng)格去做了一些創(chuàng)新。因此本文把有趣的下拉刷新分為了三類來介紹。

　　第一類：與應(yīng)用類型相關(guān)

　　大家可以猜下這個應(yīng)用是做什么的，這是一個叫Cheeze的應(yīng)用，下拉時，界面會出現(xiàn)一個小老鼠，再往下拉小老鼠會掏出一個相機(jī)，松手之后咔嚓一下拍照。

　　根據(jù)老鼠的動作，我想很容易聯(lián)想到這是一個照片分享應(yīng)用。這樣的下拉刷新設(shè)計，一方面?zhèn)鬟_(dá)了這個應(yīng)用的核心價值，另一方面也對品牌有了更深刻的印象，非常有趣。

　　第二類：與品牌元素相關(guān)

　　當(dāng)看到一只藍(lán)色的小鳥，大家會很自然的想到Twitter;看到一個戴紅色圍巾的企鵝，大家會很自然地想到QQ;看到黃色中間帶Z的星星，大家也會想到QQ空間，這就是品牌的力量，在下拉刷新這個設(shè)計點(diǎn)上，有很多應(yīng)用在堅持做自己的品牌推廣。

　　下圖是Flickr的下拉刷新，下拉時，首先出現(xiàn)Flickr水印，松手loading時，玫紅色和寶藍(lán)色圓圈開始轉(zhuǎn)動，相信Flickr的用戶對這兩個轉(zhuǎn)動的小圈圈再熟悉不過。

　　再下面是Google的兩個例子，它們都是圍繞Google品牌色的黃紅綠藍(lán)來做文章，當(dāng)然不知道是不是因為是由不同部門分開設(shè)計開發(fā)的原因，Google+和Gmail的下拉刷新在形式上稍微有點(diǎn)差別，個人覺得Google+的四條彩帶相對而言稍顯夸張，比較喜歡Gmail里面折紙一樣不停翻轉(zhuǎn)的圈圈。

　　嗡嗡是螞蜂窩出品的旅行分享應(yīng)用，在下拉時候會出現(xiàn)一只振翅的小馬蜂，第一次進(jìn)來還搭配有馬蜂嗡嗡的聲音，生動有趣。

　　想去是一個主推設(shè)計師市場的電商導(dǎo)購類的網(wǎng)站，設(shè)計一直比較別致，非常對設(shè)計師胃口，這里給的圖不是下拉刷新而是加載更多，與品牌相關(guān)度比較高，覺得很有趣所以也就貼進(jìn)來了。Loading過程中會有一條魚蹦出來，想去logo就會像一條鯊魚游動著追逐小魚，特別可愛。

　　第三類：特立獨(dú)行，我有我姿態(tài)

　　在手機(jī)側(cè)，各種層出不窮的小應(yīng)用滿足著形形色色各種垂直化的需求，在設(shè)計方面大家也是想方設(shè)法去做一些創(chuàng)新，希望自己能夠在各種應(yīng)用中脫穎而出，下拉刷新也就自然而然成為了一個展現(xiàn)自己個性的地方。

　　Tumblr一直是一個勇于創(chuàng)新的應(yīng)用，從向上滑動寫操作按鈕可以快速出拍照、向右滑動快速進(jìn)入寫說說界面、多圖支持自由拖動編輯等種種小細(xì)節(jié)的精心設(shè)計都可以看出來，各種嘗試令人眼前一亮。在下拉刷新這一塊，Tumblr采用了iOS比較系統(tǒng)的方式，創(chuàng)新點(diǎn)在loading時，有三個小方塊呼吸態(tài)躍動，這三個躍動的小方塊貫穿了Tumblr整個應(yīng)用的刷新操作，比較有意思。

　　Twittelator是Twitter的一個第三方應(yīng)用，整個應(yīng)用把紙張的概念貫徹得非常好，寫操作是用一個動畫飄出來一張紙，下拉刷新這里也采用了展開折紙的效果。

　　Timehop是一個可以整合自己各個平臺老照片的應(yīng)用，能夠很方便地跟朋友們分享你的那些美好時光，沒有研究過為什么他們的下拉刷新會出現(xiàn)一個表情俏皮、朝大家招手的恐龍，但是第一次看到的時候就覺得特別可愛有趣。

　　網(wǎng)易應(yīng)用中心的下拉刷新用了一個方塊在頁面上從左往右滾動，根據(jù)網(wǎng)速不同，方塊滾動的速度會有差異，還挺特別的，如果網(wǎng)絡(luò)不給力或者刷新成功的提醒，都會有一個方塊從屏幕右側(cè)倒下來給出提醒。雖然不知道是不是技術(shù)問題，方塊在滾動過程中會有一點(diǎn)點(diǎn)鋸齒，但這總的來說也算是一個特別的刷新嘗試。

　　總的來說，下拉刷新這一部分的細(xì)節(jié)設(shè)計，可以是傳達(dá)產(chǎn)品價值、推廣品牌理念的一個機(jī)會，精心做一些特別一點(diǎn)的設(shè)計，就可以讓大家記住你。所以，我們可以在以后的產(chǎn)品設(shè)計中，把握好產(chǎn)品大方向的同時，兼顧一些這種小細(xì)節(jié)設(shè)計，把我們的品牌元素和產(chǎn)品價值的東西能夠成為產(chǎn)品的一些小亮點(diǎn)，讓我們的應(yīng)用能夠在精致的路上，越走越好~