久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

交互設計:有趣的下拉刷新

交互設計:有趣的下拉刷新 三聯
zhuanli

下拉刷新這個操作最早由Tweetie創始人洛倫•布里切特(Loren Brichter)發明,到現在已經非常廣泛地在各種應用中使用,Sparrow、Facebook、新浪微博、甚至是iOS原生系統也都在使用這種方 式。有理論認為,下拉刷新是一種適用于按照從新到舊的時間順序排列feeds的應用,在這種應用場景中看完舊的內容時,用戶會很自然地下拉查找更新的內 容,因此下拉刷新就顯得非常合理。隨著下拉刷新這種方式的不斷演變,下拉刷新已經跳出基礎功能,成為一種表現品牌、表現設計感的元素,本文主要介紹幾款有意思的下拉刷新。在收集過程 中發現,有一些應用是把應用類型巧妙地融合到了下拉刷新中;有很多應用的下拉刷新都是滲透了品牌元素,包括logo的顏色、icon的形狀等等,另外還有 一些就比較特別,是結合整個應用的風格去做了一些創新。因此本文把有趣的下拉刷新分為了三類來介紹。

第一類:與應用類型相關

大家可以猜下這個應用是做什么的,這是一個叫Cheeze的應用,下拉時,界面會出現一個小老鼠,再往下拉小老鼠會掏出一個相機,松手之后咔嚓一下拍照。

cheeze

根據老鼠的動作,我想很容易聯想到這是一個照片分享應用。這樣的下拉刷新設計,一方面傳達了這個應用的核心價值,另一方面也對品牌有了更深刻的印象,非常有趣。

第二類:與品牌元素相關

當看到一只藍色的小鳥,大家會很自然的想到Twitter;看到一個戴紅色圍巾的企鵝,大家會很自然地想到QQ;看到黃色中間帶Z的星星,大家也會想到QQ空間,這就是品牌的力量,在下拉刷新這個設計點上,有很多應用在堅持做自己的品牌推廣。

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

flickr

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

google

嗡嗡是螞蜂窩出品的旅行分享應用,在下拉時候會出現一只振翅的小馬蜂,第一次進來還搭配有馬蜂嗡嗡的聲音,生動有趣。

wengweng

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

xiangqu

第三類:特立獨行,我有我姿態

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

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

tumblr

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

twitter

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

timehop

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

wangyi_

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

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产欧美在线视频 | 黄色av网站在线观看 | 欧美视频成人 | 中文字幕亚洲视频 | 欧美性猛片aaaaaaa做受 | 久久香蕉精品视频 | 91在线一区| 蜜桃av人人夜夜澡人人爽 | 国产a级黄色录像 | 精品国产乱码久久久 | 一区二区三区国产 | 日韩av在线中文字幕 | 亚洲精品一区二区三区四区高清 | 欧美v免费 | 国产精品久久久久久婷婷天堂 | 伊人免费在线观看高清 | 日本理论片好看理论片 | 成人免费大片黄在线播放 | 国产成人精品一区二区三区四区 | 久久免费观看视频 | 91精品久久久久久久久中文字幕 | 亚洲精品www| 中文字幕在线观看www | 黄色片免费在线观看 | 美女三区| 国产精品美女久久久久久久久久久 | 亚洲精品乱码久久久久v最新版 | 日韩激情一区 | 国产精品色 | 中文字幕福利视频 | 国产精品自拍视频网站 | 欧美精品在线播放 | 精品国产第一区二区三区 | 国产精品视频久久 | 国产精品五月天 | 中文一区二区 | 国产精品日韩在线观看 | 国产成人免费视频网站高清观看视频 | 欧美日韩中文国产一区发布 | 男女久久久 | 久草新视频 |