服務項目:網站建設、仿站、程序開發、APP開發設計、移動網站開發設計、企業網站設計、電子商務網站開發、網站維護、網站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
          四川浚浚科技有限公司
          四川浚浚科技有限公司 (開發設計官網)TEL : 15308000360 / QQ : 38585404
          深入挖掘用戶需求
          成就品質用戶體驗

          您的位置:首頁 > 技術經驗 > 設計經驗 > 正文

          APP模糊背景設計的優雅
          技術支持服務電話:15308000360 【7x24提供運維服務,解決各類系統/軟硬件疑難技術問題】

          模糊背景(blurred backgrounds)長時間以來都是作為一個基本的照片效果,但在最近模糊背景已做為使設計元素脫穎而出的非凡工具,而受到很多設計師的青睞。這種做法相當容易,悄無聲息又自然的給予內容適當突出,圖標和圖形就能脫穎而出。這樣做能夠二鳥一石。首先,你可以為你的項目增加些不一樣的效果;其次,適當的增加這種設計效果對小尺寸的手機屏幕很有必要,能有效地提高可讀性體驗。



          模糊的背景還提供了其他潛在的好處。例如,你可以輕易減少你的調色板,而只側重于一個主色,尤其是在使用白色為基調的設計,在模糊背景下看起來絕對精彩、干凈。至于圖形,你可以使用面或線形的圖形,都能很好地與這樣的圖像進行呼應。字體也不受其影響,因此,即使超窄的字體也會顯得清晰易讀。


          現在,我們繼續來看一些令人驚艷的App界面,用各種實例和方案來證明這種強大的效果。
           

          基于模糊背景(blurred backgrounds)的App范例




          下面是由Rocket Child正在進行的Solar alarm的項目,設計方案有個很可愛,充滿活力的圓形構圖。線條分明的設計元素與失焦炫光背景完美的融合在一起,使得畫面看起來是多么的和諧、精致。



          下面是一個健身應用程序,是呈現半透明玻璃質感的圖層和友好控件組合都覆蓋到模糊的背景上的方案,其中綠色景觀的情景增加了一些自然設計因素。



          通知面板的設計巧妙地利用了溫暖的色彩,以使界面充滿更加積極的外觀。像上面的案例一樣,設計師也運用了低透明的模糊背景和優雅的小部件和諧共生。



          這個菜單通過鏡頭流暢的切換,描繪了菜單兩態的變化,在灰色的模糊背景中,白色的黑體字和時尚圖形符號有很好地融合。



          下面是一個醫療應用,大面積藍色模糊背景中,運用了很好的背景虛化效果,以配合時尚的綠松石色的功能面板。



          下面的列表設計是基于一個充滿活力的圖像背景,巧妙地散焦效果使得前面的設計元素更加突出。因此,所有的文字內容和圖形元素都能呈現出一個很清晰效果。



          接下來是iOS 7的音樂應用,這個方案里有個小而美的CD圖像,很適合放在這里。后面大面積暖色調的模糊背景為音樂播放器和控件組,提供了良好的氛圍。



          Extranet 是個美好光澤和氛圍的應用范例,有利的模糊化背景和眾多的控件組成了這樣的理想組合,讓界面變得美觀大方。



          下圖演示了白色銳利圖標與城市模糊圖片背景的常規排版設計,形成了干脆且精致的側面菜單設計方案。



          天氣應用!由 Fueled設計的,經過反復推敲,無不散發著精致和匠心的應用界面。它有2個設計上的創新:利用模糊背景進行巧妙、有效地內容詮釋,超窄型字體與輪廓圖形設計的非常匹配。



          由Georg Bednorz 設計的設置界面,設計師借力繽紛顏色的萬花筒形成了一個精彩的案例,使得界面看起來愉快又充滿積極活力。在白色蒙版下五顏六色的模糊背景很好的和前景活潑的元素相呼應。



          下面的這個設計傳達了一個很溫暖的氛圍。設計師讓界面呈現簡單易懂,其中運用到了光滑而模糊的光斑背景,大號字體和直觀地圖標。



          設計師完全是通過調色板帶來了成熟的女性氛圍。利落的使用紫羅蘭的時尚色調創造了柔和的氛圍,線性的輪廓和優雅的形態,使主題看上去十分完整。



          這個界面看起來十分的和諧平衡,模糊的自然圖像有效的使原本就小而妙的字體內容呈現變得熱鬧起來。



          設計人員需要一個更傳統的解決方案,下面的設計,利用黑色和白色兩種顏色之間的鮮明對比。像常規那樣,背景有較深的色調外觀,而使內容與圖標看起來突出。



          導航菜單有一個充滿美感、圓潤的外觀,灰色調背景完美補充著單色的線型字體。



          登錄屏幕目的是有效鼓勵用戶登錄。下圖棕色調背景和灰色輸入框彼此簡潔地呼應,使界面變得令人愉悅且不干擾操作。



          下面的iPhone天氣應用程序經過了質感的處理,變得明亮而優雅,設計師提供了多種選擇,為用戶提供各種自定義的天氣模板,來滿足用戶的個性化。



          下圖是iOS 7天氣應用 – 底下地圖像立刻給天氣變化帶來實時感,提供了一個相當有價值的信息界面。輕微模糊的天氣場景增加了一種自然設計理念。



          這個媒體播放器控制中心的樣式是一個常見形式,模糊的背景有助于有效地突出重要組成部分。



          最少量的布局和模糊的背景,最大化集中有效地引起中央按鈕的注意。

           

          設計思考延展

          模糊的背景,無論它是一張幾乎失焦的圖像,或是比較含糊朦朧的圖片,設法有效地去除前景元素,而強調有用的文本,或是微小的圖形。用以創建細致微妙的強對比效果,這將會是一個完美的搭配。

           

          你覺得這個做法時髦嗎?它適合小屏幕手機上展現?它是否有利于更好的用戶體驗?你還知道其他的使用模糊背景帶來的好處?



          上一篇:視差滾動Parallax Scrolling技術應用實例
          下一篇:網頁設計怎樣做才能最美?

          相關熱詞搜索:設計
          主站蜘蛛池模板: 天天摸天天做天天爽水多| 尹人久久久香蕉精品| 精品国产一区二区三区久久 | 自拍欧美在线综合另类| 岛国片在线观看| 亚洲精品一区二区三区四区乱码| 超清首页国产亚洲丝袜| 国产视频你懂得| 三上悠亚破解版| 日韩欧美一区二区三区免费观看| 亚洲精品第一国产综合精品| 欧洲一级毛片免费| 护士又湿又紧我要进去了| 免费va人成视频网站全| 高清毛片aaaaaaaa**| 性欧美乱妇高清COME| 亚在线观看免费视频入口| 男男gay18| 国产va免费精品高清在线观看| bl道具play珠串震珠强迫| 日本一区视频在线播放| 亚洲一级高清在线中文字幕| 色吊丝中文字幕| 国产欧美va欧美va香蕉在线 | 国产又粗又猛又爽又黄的免费视频| 91精品久久久久久久99蜜桃 | 亚洲色图欧美在线| 男女真实无遮挡xx00动态图120秒| 日本花心黑人hd捆绑| 免费观看a级毛片| 2021国产精品视频网站| 好男人官网资源在线观看| 亚洲一区精品视频在线| 激情射精爆插热吻无码视频| 国产成人免费片在线观看| 一本到中文字幕高清不卡在线| 欧美乱xxxxx| 四虎影视永久免费观看| 91欧美精品综合在线观看| 好男人社区视频在线观看| 中文精品北条麻妃中文|