非賞美妙的加載頁面設計
非賞美妙的加載頁面設計-移動閱讀二維碼

標題

越來越多的UI設計開始關注加載頁面的設計,當一個產品涉及大量數據讀取的時候,巧妙的進度條和加載圖案會給用戶帶來不錯的心理體驗,使其在等待的過程中依然保持興趣。以下精選了幾款國外的優秀作品,和大家一起探究這藏于細節的美,不多說,各位看官往下接著看。

b1306a44e3434861907a874c37d64d71 優秀APP加載動畫與進度條設計

 

Smart washer app UI by Hyelim Choi 的界面擁有一種很很輕盈的顏色,它的讀取畫面由一個粉色的圓圈和數字組成,由于是一款女性向的APP,粉絲讓它與女性用戶的關系拉的非常近。

 

a4a15db8635013b1dbc6aea0e0d27636 優秀APP加載動畫與進度條設計


dB-METER by Miguel Pires. 黑色背景之上,做了一個類似霓虹燈的效果,還原了真實車輛的表盤的樣子,這個UI表現的很成熟。

87cbaae23e81042ac3e0d53c85404ebb 優秀APP加載動畫與進度條設計

 

Charging Animation by Corey Lui 的界面看上去很整齊,黑色的背景搭配綠色色塊,不僅醒目也能安撫人的情緒。

 

2ea1240619bde7b59845061b68367020 優秀APP加載動畫與進度條設計

 

iOS7 design practice by Muhammad Farhan 使用了反差比較大的配色,圓圈比一般的圓圈要纖細的多,中間數字的字體也是非常的夸張。

 

d7e46f4ee9ee07b89253148b3ba9c7c1 優秀APP加載動畫與進度條設計

 

Timer by MVBen. 也是一款還原儀表盤的設計,只不過它做得更加細致。綠色和藍色的搭配非常和諧,肌理的處理能看到制作者的用心。

 

65409ce8f45090da0b4c784e27ad45e1 優秀APP加載動畫與進度條設計

 

Statistics Screen by Karol Ortyl 沒有使用使用黑色背景,反而用了白色底子,拋棄了圓圈的元素,對扇形進行了優化。

本文鏈接:http://www.casaleticia.com/wonderful-loading-page-design.html
本文標簽: , , , ,