2012年度最佳UI動畫

2013-12-23    藍藍設計的小編

轉載藍藍設計(   m.sillybuy.com  )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

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

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作為一款足夠吸引人的app,驚艷的UI和優(yōu)秀的功能是基本條件,但若有獨特的動畫與轉場效果,則可以大大的增加用戶使用的粘性,稱霸整個應用平臺。具備了良好體驗效果的同時,有這樣一個意料之外的效果,不但會給用戶帶來驚喜,更會讓人情不自禁的愛上它。

2012年我們看到有不斷的熱門app得到細化,而一些大公司也最終意識到良好的UI對于一個app的重要性。在過去的一年里,Android應用程序已經(jīng)得到了很大的改善,iOS則把設計范圍越推越廣。這里是一些beautifulpixels.com認為在2012年中一些脫穎而出的UI動畫。雖然視頻演示提供了大致的預覽,但相信如果你在手機中親自體驗更能發(fā)現(xiàn)它們的魅力之處。

 

Google+ Animation

當Google+開始公測時,每個人都想第一個嘗鮮。然而,在Android系統(tǒng)和其他移動應用平臺上因缺少一個良好的app,而使得很多人因此望而卻步。Google努力優(yōu)化他們在iOS平臺推出的游戲,值得一提的是它們最近發(fā)布的app也讓人眼前一亮。

而這款Google+iOS應用程序也顛覆了以往的設計,或許會讓你愛不釋手。其中有很多獨特的動畫設計,比如,下拉刷新(pull to refresh)。當用戶下拉時,會出現(xiàn)4個不同顏色的彩帶從左至右,有節(jié)奏的從暗變亮,并拉長。同樣有趣的是,當你滾動到底部時,載入的新內(nèi)容同樣會出現(xiàn)。從這樣的小細節(jié)中,我們看到Google的確在app的設計上注入了很多精力。就為了它的動畫,你就值得在iOS系統(tǒng)的設備上下載Google+這個程序!

iTunes下載: https://itunes.apple.com/us/app/google+

 

National Parks

National Parks,這款超正的app是由《國家地理》雜志推出。你可以在iPad和iPhone上看到超高像素的高清圖片,而點擊氣象或統(tǒng)計圖標,當前的視圖后退,新的視圖會從屏幕底端冒出來。這一設計也影響了不少其他app。應用程序中的每個小動畫都設計的非常出色。我們最喜歡的細節(jié)之處是它地圖瀏覽上的小黃點——pin功能。當你開始滑動右下角的圖標,這個小黃點會根據(jù)你的選擇出現(xiàn)或消失。

iTunes下載:http://itunes.apple.com/us/app/national-parks-by-national

 

Letterpress

Loren, Loren, Loren.( Loren Brichter,Letterpress游戲的開發(fā)人。)你是如何繼續(xù)下去的。之前你開發(fā)了Twitter客戶端Tweetie,現(xiàn)在你又讓我們沉迷與Letterpress。游戲中的每個動畫制作都很精美,創(chuàng)意十足。字母與字母之間的銜接良好,整體的app給人的感覺也非常光滑。最讓我們中意的一部分是當你刪除游戲時,字母表格分解小方格掉落到屏幕底部時會發(fā)出很微妙的爆炸聲。

iTunes下載:https://itunes.apple.com/us/app/letterpress-word-game

 

Clear

由Realmac Software開發(fā)的Clear或許是今年在App Store上炒作最猛的app了。當他們首次為app發(fā)布視頻預告時,我認識的每一個人都在談論它。他將那些無趣又復雜的工作變得簡單、愉悅。無論是聲效還是動畫效果都很驚艷。

你只需用拇指輕碰一下就即可導航。把項目標記為已讀,甚至在列表中創(chuàng)建一個項目看起來都那么cool。拖曳列表創(chuàng)建新項目,輕擊就可編輯項目。當標記的項目完成后,它會移到列表的部,并且可以通過拉動試圖清零。App中的每一項指令都做了動畫的效果,這就是令它至今都脫穎而出的原因?,F(xiàn)在,你也可以在Mac上使用這項功能了。

iTunes下載:https://itunes.apple.com/us/app/clear

 

Twitterrific 5

在所有的app中,每個人都對“下拉刷新”的功能能否玩出新花樣,期望頗高。而Twitterrific 5這項功能的表現(xiàn)真的是令人瞠目結舌。當內(nèi)容刷新時,你會看到一只鳥慢慢的從蛋中孵化出來,并且揮動它的翅膀。除此之外,它的賬戶更換效果做的也不錯。當你切換賬戶時,新賬號的時間軸會略過舊的那個,十分簡便,擊并按住左上角的頭像即可。僅管Twitterrific 5的功能性不如Tweetbot強,但它的新界面值得去嘗試一下,感覺對了就好!

iTunes下載:https://itunes.apple.com/us/app/twitterrific-5-for-twitter

 

eBay

eBay在iPad上的app升級讓我們看到這個電子商務平臺對移動端的重視。在2.0版本中,eBay在像素方面做了史詩級的努力,而當你調(diào)用側邊欄,滑動您的手指時就能更好的體驗到。

iTunes下載:https://itunes.apple.com/us/app/ebay-for-ipad

 

Deal In

這款名為Deal In的應用程序,真是讓人喜歡的有些措手不及。你會發(fā)現(xiàn)在界面底部有一個黃牛皮紙袋,以及一個包含了縮略圖和描述的長長的項目清單。你可以根據(jù)自己的喜好選擇這些項目,并把它添加到你的紙袋里。事實是,當你長按一個項目并把他拖入到購物袋時,就像是把它從紙上撕下來一樣,質感十足。簡單、可愛并且實用。

iTunes下載:https://itunes.apple.com/us/app/deal-in

 

Passbook

你絕對不會想到這個?Passbook是我在OS平臺上見到過最好,也可以說是最有趣的動畫了。當你嘗試從iOS 6系統(tǒng)的Passbook中刪除某個項目時,就會出現(xiàn)一個虛擬碎紙機將其粉碎。同時底部還有碎紙效果的出現(xiàn)。如果你沒有嘗試過,那不妨登陸Passsource,建立個臨時或者假的賬號,體驗一下唄!

URL: http://passsource.com/

 

原文地址:http://www.damndigital.com/archives/79474

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔