2014年,那些“顏值”爆表的UI動畫

>>>  技術話題—商業文明的嶄新時代  >>> 簡體     傳統

一款應用能否吸引更多的用戶,并不僅僅只取決于它的功能是否強大。要知道,在這個看臉的世界里,即使你是App,也別想逃脫這個思維圈。擁有良好用戶體驗的UI,是讓用戶繼續使用應用的潛在推動力。這里,我們挑選了2014年,在UI動畫方面做得非常不錯的幾款應用,從他們的成功之處,捕捉自己所需的設計靈感。


1. Design Shots


對于Dribbble,相信很多設計師并不陌生,那里匯集了眾多國內外的設計者,他們在Dribbble上面發布優秀的設計作品,包括UI、圖標、交互等,是獲取靈感的不二之選。不過,早期在手機上瀏覽Dribbble卻不是件愉快的體驗,不能實現關注、點贊等操作,只能是純粹的瀏覽。好在有了采用全新Dribbble API的Design Shots,一個沒有過度設計的Dribbble客戶端。



不過,既然是為設計師準備的應用,即使走的是主流設計的簡約路線,但是整體的感覺依舊是逼格滿滿。尤其是動畫,絕對是了不起的。Design Shots減少了很多不必要的過場動畫,精簡下來的 每個動畫和其他之間的切換都是那么的渾然天成,根本就不會給人將多個動畫庫揉在一起的感覺。Design Shots的動畫始終在跟隨著你的手指,你的每一個觸動都會帶來細微的不同。


2. Lush



Lush應用相當于是一部雞尾酒的詞典,里面包括眾多雞尾酒的種類和配方,用各種不同的顏色來代表每一種基礎配方,用藏青色來代表普通朗姆酒,用淡綠色代表淡朗姆,用新綠色代表檸檬汽水,用藍色代表琴酒等。而且,Lush中的動畫也是不輸任何應用的,隔著屏幕對雞尾酒的瀏覽就像在看一部西部老電影一樣,代表不同雞尾酒的混合染色出現在各種類型的酒杯中,還伴隨著來回的晃動,脫俗的界面設計,讓挑選和認識雞尾酒的過程變成一種樂趣和時尚。


3. Clima



如果說Design Shots走的是簡約派,那么Clima的路線絕對是小蘿莉,應用里充滿了可愛的動畫。主界面由上而下是由暖色逐步過渡到冷色,應用內界面切換細節不僅流暢自然還伴隨著頑皮的彈性效果。當獲取溫度時,顏色條框上還會出現萌萌的漣漪動畫。任意方向的滑動都會激活一項任務,在App Store眾多的天氣應用中,輕量級的Clima能夠立足其中,充滿活力的動畫效果是不可或缺的存在。如果你在做一款比較大眾的應用的話,通過動畫效果將應用變得更有意思會是你勝過其他對手的一個不錯的方式。


4. Storehouse



作為獲得2014年蘋果設計獎的應用,Storehouse肯定有其過人之處。它是一款通過圖片和視頻組成的社交軟件,最大的亮點就是無邊框的界面設計,讓你打開應用就像翻閱一本雜志一樣,隨意而又簡潔。當你瀏覽社區中他人發布的故事或自己發布的故事時,視頻可以使用縮略圖的形式播放,無需點擊進入就可明白大致的內容。當然,作為一個能夠講述故事的應用,它最吸引的地方就是精致的動畫和排版,打開或關閉,只需隨意滑動或縮放,這些都會讓你不自覺的深陷其中,尋找來自世界各地的平凡人的美好事物。


5. ReadMe



ReadMe.io以一只呆萌的貓頭鷹作為指導員,當你進行注冊或登錄操作時,它會在邊上做個簡單的指引。在注冊頁面,貓頭鷹的右翅膀會指向你要填寫的字段,當你的完成填寫,進入下一個時,小翅膀的方向也會隨之轉移;而在登錄頁面時,貓頭鷹的眼睛焦點定在填寫郵箱地址處,等到填寫密碼時,它會自動捂住自己的雙眼。別以為這只是很簡單的動畫效果,但卻是取悅用戶的完美例子。單調的填寫信息的頁面總會讓人不耐煩,不妨加入一些鮮明的動畫效果,讓它們不再枯燥無味。


6. Unread



Unread是iOS上的一款RSS閱讀器,起初是由獨立開發者Jared Sinclair完成,之后被Supertop開發商購買并進行后續開發。相較于其他閱讀器,Unread要更純粹精簡一點,UI界面不會有其他干擾元素。它擁有極好的手勢和動畫效果,整個應用采用的都是手勢交互,剛開始可能有點不習慣,不過時間一長你會發現其中的便捷性。此外,最受喜歡的是流暢的下拉刷新動畫,讓閱讀成為一種享受,也讓Unread變得更有質感。


7. TodoMovies



TodoMovies是一款用來發現和管理新電影的應用,對于那些電影愛好者來說,它的出現讓你對影片的信息手到擒來。TodoMovies應用制作精良,里面涵蓋各種你所需要的電影信息,無論是上映時間、電影簡介還是預告片。不過,說到UI動畫,值得一提的是點擊分享后,TodoMovies會將電影海報縮小并進行圓形化處理,幾種分享方式會出現在縮略圖上下左右,相較原生分享方式要更炫酷一點。小小的一個改變,卻大大的提升了用戶體驗。


最后值得一提的Google Inbox



Inbox是Google發布的一款全新的郵箱應用,與Gmail同步后,會根據功能和來源對郵件進行細致的分類,讓收件箱不再雜亂不堪。此外,還兼顧設置待辦事項和設定郵件的處理日期等功能。當然,最令人眼前一亮的還是它的界面設計,使用全新設計語言Material Design打造的Inbox,有著很強的動畫感,圖標的滑出和板塊的劃分無不在昭示著Inbox的現代化。不過,Gmail的這次大整容,我們是無福消受了。


 


CSDN 2015-08-23 08:44:02

[新一篇] 社區運營:一個社區的典型成長路徑

[舊一篇] 【暢言】馬云說的到底對不對,京東到底行不行?
回頂部
寫評論


評論集


暫無評論。

稱謂:

内容:

驗證:


返回列表