App界面中的透明元素設計
App界面中的透明元素設計-移動閱讀二維碼

透明度是一種在大屏幕和小屏幕中都有良好效果的設計方式。它可以使導航、控件和內容變得對比度更高、更清晰明確。同時也能提供精美的背景和輕微模糊的毛玻璃質感。

此外,你還能輕松嘗試不同的透明度來達到不同的效果,例如在界面上添加更具有光澤的圖層可以讓人感覺更加精美,總之,淡淡的背景可以讓優雅精致的界面在視覺上更加流暢、完美。

今天,我們就來一一介紹各種透明的精美APP界面。

Alex Bender的Portfolio經過拋光而顯得精致,由IOS7而觸發的靈感,全新的設計讓界面更覺有凝聚力。

123T21B3-0

STE UI的美食APP,設計師巧妙地利用了模糊的美食圖片作為背景,恰當的突出可愛的絲帶風格的半透明菜單項,從而營造出舒適的感覺。

15-41-21-67

Extranet APP擁有平滑圓潤的界面,白色圓形空間和文字同低透明度的背景巧妙結合。

123T22G6-2

Amit Rai的新音樂APP有靈動的控制面板,令人感到舒適;優雅的窄空間和白色醒目的圖標讓人有種細膩的觸感。

15-41-34-38

由帕特里克·卡布拉爾設計的IOS7主題,運用了大量不透明有效信息組成先進的導航系統。

123T26418-4

Piotrek Sliwa 的天氣APP讓人有一種溫暖的體驗,壯觀的落日背景巧妙的同白色圖標搭配顯得銳利而明快。

123T21491-5

Marcos Paulo Pagano設計的定時器界面巧妙的使用可視化工具,再加上圓形的磨砂添加按鈕從抽象的背景中脫穎而已,巧妙的承托出時間感。

123T21121-6

Dmitriy Haraberush的APP V2.0將天氣預報和多類型的數據以及清淡的黑色背景和白色文字變得整齊,讓用戶獲得統一感 。

15-42-53-87

Alexander Zaytsev的的運動記錄APP將數據流進行有組織的整理,清淡的數據框和深藍色的背景形成強烈的對比。

123T24549-8

Jan Erik Waider的天氣APP包含了很多圓形元素,起到了裝飾的作用,巨大的半透明圓圈讓陽光顯得更加刺眼。

15-43-09-55

Sam Nissinen重新設計的IOS7控制中心將白色和綠色的空間巧妙的組合,顯得更加靈動。

15-43-30-29

CreativeDash設計的Switch基于照片的界面里可以找到深色背景上的優雅半透明文字。

15-43-42-42

Ryan Jeon的天氣APP漂亮的展示了天氣數據,濃重的深色塊和大自然的半透明背景相得益彰。

123T22A9-12

Photo Play Pro APP 有想當一致的界面,半透明的控件組緊密的排列在右側。

15-44-10-77

Ammar的 Juventus 移動版將黑色、白色和黃色完美的結合,淡淡的條紋布局有助于詮釋足球的個性。

123T23J4-14

Kreativa Studio的IOS7音樂播放器具有現代時尚色調,設計師使用軟薄荷色顯示進度并突出其活躍的氣氛。

15-44-48-83

由Ismail MESBAH設計的Marrakech?是一個餐廳相關的APP,完美的讓圓形圖標從濃重的啞光背景中凸現出來。

15-44-54-3

Rodrigo Alberto Cavazos設計的APP采用更加耀眼的配色方案,美妙的粉紅半透明背景同詩意般的城市背景相映襯。

123T2E01-17

Dreamy weather設計的Marek Cina巧妙的將黑白和輕量的數據模塊融合形成了夢幻的夜色主題?。

15-45-07-23

LEX NAU設計的Just Weather App有一個直觀、清晰的界面,大量的圖標和控件共同構成了天氣預報信息。

123T22105-19

DrawingArt設計的Weather iPhone APP 運用網格布局,五彩的玻璃光澤效果,嚴謹的白色圖標和簡單的字體映襯于每一個色塊之上。

123T25043-20

由Alexandre Protikhin設計的Citizen.tv采用條紋布局,采用專業的背景圖片,在上面設置半透明的背景,并配有簡潔的標題。

123T21264-21

Zeki Ghulam設計的Transparent Wireframes 看起來輕盈、細膩,白色同半透明的背景相應而和諧。

123T23H7-22

Calendar 由 chocolatina (Shoko Oyamada)設計, 它營造了積極明快的環境,明亮的色彩和自然的互補色與微妙的陰影和半透明的小格子相互襯托。

123T233V-23

Rob Davis設計的Peach Me – My Profile ,設計師將磨砂按鍵和半透明的圓形元素巧妙地同模糊的背景相互結合,讓界面更具有吸引力。

123T22O0-24

由第一草案工作室設計的WEATHERIA?采用了一套明亮自然風景做為背景與天氣符號相互配合。

15-45-42-78

反思

雖然,乍一看,似乎這種透明的背景會使內容變得不清晰,但是如果設計師能夠很好的控制這種平衡,透明的小組件就會顯得更易讀。此外對于透明度的合理把握能有效的彰顯內容的獨特性和清晰度。

原文地址:designmodo
譯文地址:tuyiyi
譯者:甜點翻譯社

本文鏈接:http://www.casaleticia.com/transparency-in-the-app-ui.html
本文標簽: , , ,