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