通過背景模糊設計讓你的App優雅精緻有質感

iOS 7的界面特徵之一是背景模糊,有了iOS 7的親身示範,越來越多應用在設計中採用了模糊效果,一來符合蘋果新的審美觀,二來你可以在項目中添加一些不一樣的東西,還有很重要的一點是背景模糊可以讓用戶更加關注下小屏幕上的反差和對比,提高應用內容的易讀性。

 

除了iOS 7自帶的應用和那些早早採用模糊設計的知名應用外,我們還收集了一組清新的帶有背景模糊效果的移動app界面。
 
設計師很好地把模糊的背景和優雅的字體融合在一起,設計整體非常和諧和精緻,並且屏幕上圓形的UI設計充滿活力。
 
應用背景有着輕微的模糊效果,連同插件都帶有輕盈的模糊效果,並且帶有玻璃的光感,綠色的背景圖片給用戶一種自然和諧的感覺,這種設計比較適合用在健康運動類app的設計中。
 
設計師希望通過對暖色的平衡給用戶展現積極的內涵和外觀。和前邊的例子一樣,設計是也是通過模糊背景和低透明度的插件來實現。
 
在模糊背景的基礎上,Jon Sutherland在文本上使用了粗體。(設計師在兩種側滑菜單中難以抉擇,不過相比較來說,第一種側滑菜單的設計更爲新穎,也是github上比較受歡迎的解決方案)
 
與我們見到的同類app不同,模糊背景讓My Doctor App有了更爲現代化的設計風格。
 
音樂類app的播放界面,背景採用了較爲厚重的暖色。
 
該設計非常時尚大氣,背景稍有模糊。
 
該界面展示了一個輕快的優雅的側滑菜單,在模糊的背景圖片上用銳利白色的圖標和字體展示了各個設置選項。
 
天氣預報的app的界面,背景圖較爲複雜但頗有創意。通過對背景圖片的模糊來突出界面上的其他元素。
 
設計師很好地利用了萬花筒般的多彩鮮豔的色彩,整個界面讓人覺得非常愉悅,充滿活力。
 
同樣是展示側滑菜單,整體上營造了較爲溫暖的氛圍。設計師力求界面上元素達到極簡和易於理解,並使用了較大的字體和簡單易明白的圖標。
 
該設計完全通過色彩來說話,充分營造了複雜而又柔和的氛圍。設計師使用了較爲流行的柔色,優雅含蓄的字體和框架組件,讓主題一目瞭然。
 
該設計在視覺上非常和諧平衡,帶有綠色的模糊背景讓頁面內容顯得生動而不呆板。
 
模糊的背景更容易讓用戶把注意力集中在中間的按鈕上。
 
該設計採用了較爲普通的居中展示媒體播放器,不過背景模糊效果很好地突出了界面上的主要組件。
總結
模糊的背景可以有效地凸顯前端的元素,強調文本甚至一些微小的圖像圖形,適合設計師使用大膽的反差對比,並添加精細微妙的設計,更適合移動設備的小屏幕。
 
不管是設計師還是開發者,你是如何認識這種趨勢呢?
 
發佈了12 篇原創文章 · 獲贊 3 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章