2013-12-23 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
作為一款足夠吸引人的app，驚艷的UI和優(yōu)秀的功能是基本條件，但若有獨(dú)特的動(dòng)畫與轉(zhuǎn)場效果，則可以大大的增加用戶使用的粘性，稱霸整個(gè)應(yīng)用平臺(tái)。具備了良好體驗(yàn)效果的同時(shí)，有這樣一個(gè)意料之外的效果，不但會(huì)給用戶帶來驚喜，更會(huì)讓人情不自禁的愛上它。
2012年我們看到有不斷的熱門app得到細(xì)化，而一些大公司也最終意識(shí)到良好的UI對(duì)于一個(gè)app的重要性。在過去的一年里，Android應(yīng)用程序已經(jīng)得到了很大的改善，iOS則把設(shè)計(jì)范圍越推越廣。這里是一些beautifulpixels.com認(rèn)為在2012年中一些脫穎而出的UI動(dòng)畫。雖然視頻演示提供了大致的預(yù)覽，但相信如果你在手機(jī)中親自體驗(yàn)更能發(fā)現(xiàn)它們的魅力之處。
當(dāng)Google+開始公測時(shí)，每個(gè)人都想第一個(gè)嘗鮮。然而，在Android系統(tǒng)和其他移動(dòng)應(yīng)用平臺(tái)上因缺少一個(gè)良好的app，而使得很多人因此望而卻步。Google努力優(yōu)化他們?cè)趇OS平臺(tái)推出的游戲，值得一提的是它們最近發(fā)布的app也讓人眼前一亮。
而這款Google+iOS應(yīng)用程序也顛覆了以往的設(shè)計(jì)，或許會(huì)讓你愛不釋手。其中有很多獨(dú)特的動(dòng)畫設(shè)計(jì)，比如，下拉刷新（pull to refresh）。當(dāng)用戶下拉時(shí)，會(huì)出現(xiàn)4個(gè)不同顏色的彩帶從左至右，有節(jié)奏的從暗變亮，并拉長。同樣有趣的是，當(dāng)你滾動(dòng)到底部時(shí)，載入的新內(nèi)容同樣會(huì)出現(xiàn)。從這樣的小細(xì)節(jié)中，我們看到Google的確在app的設(shè)計(jì)上注入了很多精力。就為了它的動(dòng)畫，你就值得在iOS系統(tǒng)的設(shè)備上下載Google+這個(gè)程序！
National Parks，這款超正的app是由《國家地理》雜志推出。你可以在iPad和iPhone上看到超高像素的高清圖片，而點(diǎn)擊氣象或統(tǒng)計(jì)圖標(biāo)，當(dāng)前的視圖后退，新的視圖會(huì)從屏幕底端冒出來。這一設(shè)計(jì)也影響了不少其他app。應(yīng)用程序中的每個(gè)小動(dòng)畫都設(shè)計(jì)的非常出色。我們最喜歡的細(xì)節(jié)之處是它地圖瀏覽上的小黃點(diǎn)——pin功能。當(dāng)你開始滑動(dòng)右下角的圖標(biāo)，這個(gè)小黃點(diǎn)會(huì)根據(jù)你的選擇出現(xiàn)或消失。
Loren, Loren, Loren.( Loren Brichter，Letterpress游戲的開發(fā)人。)你是如何繼續(xù)下去的。之前你開發(fā)了Twitter客戶端Tweetie，現(xiàn)在你又讓我們沉迷與Letterpress。游戲中的每個(gè)動(dòng)畫制作都很精美，創(chuàng)意十足。字母與字母之間的銜接良好，整體的app給人的感覺也非常光滑。最讓我們中意的一部分是當(dāng)你刪除游戲時(shí)，字母表格分解小方格掉落到屏幕底部時(shí)會(huì)發(fā)出很微妙的爆炸聲。
由Realmac Software開發(fā)的Clear或許是今年在App Store上炒作最猛的app了。當(dāng)他們首次為app發(fā)布視頻預(yù)告時(shí)，我認(rèn)識(shí)的每一個(gè)人都在談?wù)撍?。他將那些無趣又復(fù)雜的工作變得簡單、愉悅。無論是聲效還是動(dòng)畫效果都很驚艷。
你只需用拇指輕碰一下就即可導(dǎo)航。把項(xiàng)目標(biāo)記為已讀，甚至在列表中創(chuàng)建一個(gè)項(xiàng)目看起來都那么cool。拖曳列表創(chuàng)建新項(xiàng)目，輕擊就可編輯項(xiàng)目。當(dāng)標(biāo)記的項(xiàng)目完成后，它會(huì)移到列表的部，并且可以通過拉動(dòng)試圖清零。App中的每一項(xiàng)指令都做了動(dòng)畫的效果，這就是令它至今都脫穎而出的原因。現(xiàn)在，你也可以在Mac上使用這項(xiàng)功能了。
在所有的app中，每個(gè)人都對(duì)“下拉刷新”的功能能否玩出新花樣，期望頗高。而Twitterrific 5這項(xiàng)功能的表現(xiàn)真的是令人瞠目結(jié)舌。當(dāng)內(nèi)容刷新時(shí)，你會(huì)看到一只鳥慢慢的從蛋中孵化出來，并且揮動(dòng)它的翅膀。除此之外，它的賬戶更換效果做的也不錯(cuò)。當(dāng)你切換賬戶時(shí)，新賬號(hào)的時(shí)間軸會(huì)略過舊的那個(gè)，十分簡便，擊并按住左上角的頭像即可。僅管Twitterrific 5的功能性不如Tweetbot強(qiáng)，但它的新界面值得去嘗試一下，感覺對(duì)了就好！
eBay在iPad上的app升級(jí)讓我們看到這個(gè)電子商務(wù)平臺(tái)對(duì)移動(dòng)端的重視。在2.0版本中，eBay在像素方面做了史詩級(jí)的努力，而當(dāng)你調(diào)用側(cè)邊欄，滑動(dòng)您的手指時(shí)就能更好的體驗(yàn)到。
這款名為Deal In的應(yīng)用程序，真是讓人喜歡的有些措手不及。你會(huì)發(fā)現(xiàn)在界面底部有一個(gè)黃牛皮紙袋，以及一個(gè)包含了縮略圖和描述的長長的項(xiàng)目清單。你可以根據(jù)自己的喜好選擇這些項(xiàng)目，并把它添加到你的紙袋里。事實(shí)是，當(dāng)你長按一個(gè)項(xiàng)目并把他拖入到購物袋時(shí)，就像是把它從紙上撕下來一樣，質(zhì)感十足。簡單、可愛并且實(shí)用。
你絕對(duì)不會(huì)想到這個(gè)？Passbook是我在OS平臺(tái)上見到過最好，也可以說是最有趣的動(dòng)畫了。當(dāng)你嘗試從iOS 6系統(tǒng)的Passbook中刪除某個(gè)項(xiàng)目時(shí)，就會(huì)出現(xiàn)一個(gè)虛擬碎紙機(jī)將其粉碎。同時(shí)底部還有碎紙效果的出現(xiàn)。如果你沒有嘗試過，那不妨登陸Passsource，建立個(gè)臨時(shí)或者假的賬號(hào)，體驗(yàn)一下唄！
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com