APP界面設(shè)計技巧之透明度的妙用和APP設(shè)計案例欣賞

在APP界面設(shè)計技巧中,透明度的應(yīng)用我想大家都不會陌生,在很多非常棒的APP應(yīng)用作品經(jīng)??吹?。而且應(yīng)用的比例都比較大。為什么app設(shè)計師們都喜歡使用APPui透明度呢?

下面是25學(xué)堂的小編個人認(rèn)為有以下三點原因:

第一點:透明度是一種在大屏幕和小屏幕中都有良好效果的設(shè)計方式。

它可以使導(dǎo)航、控件和內(nèi)容變得對比度更高、更清晰明確。同時也能提供精美的背景和輕微模糊的毛玻璃質(zhì)感。

第二點:可以輕松嘗試不同的透明度來達(dá)到不同的效果。

例如在界面上添加更具有光澤的圖層可以讓人感覺更加精美,總之,淡淡的背景可以讓優(yōu)雅精致的界面在視覺上更加流暢、完美。

第三點,透明度的應(yīng)用增強(qiáng)了APP的透視和交互效果。

在很多方面,我們必須使用透明度這個效果,來達(dá)到最好的用戶體驗。比如頁面遮罩,頁面文字展示等等。

不管在APP界面設(shè)計上,還是在web上,都是經(jīng)常用到透明度這個技巧。

有興趣的APPui設(shè)計新手們可以閱讀這些:

1、APP圖標(biāo)設(shè)計教程之APP圖標(biāo)設(shè)計素材篇

2、APP界面設(shè)計教程:移動界面設(shè)計尺寸篇

3、移動APP界面設(shè)計分享:文字閱讀體驗設(shè)計篇

 

下面,我們再來欣賞一些優(yōu)秀的應(yīng)用透明度效果的APP界面。

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

2

? ? ?Amit Rai的新音樂APP有靈動的控制面板,令人感到舒適;優(yōu)雅的窄空間和白色醒目的圖標(biāo)讓人有種細(xì)膩的觸感。

51ad9dfd03e0437a86000001

? ? ?由帕特里克·卡布拉爾設(shè)計的IOS7主題,運用了大量不透明有效信息組成先進(jìn)的導(dǎo)航系統(tǒng)。

4

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

5

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

6

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

7

? ? ? Alexander Zaytsev的的運動記錄APP將數(shù)據(jù)流進(jìn)行有組織的整理,清淡的數(shù)據(jù)框和深藍(lán)色的背景形成強(qiáng)烈的對比。

8

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

9

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

其他更多應(yīng)用透明度的APP界面設(shè)計作品如下:

通訊錄APP界面設(shè)計欣賞2 Weather-ConTroll3screen568x568 uiexp 2a1cf4ff50b07bc2cf964c532c6d7d26

看完這么多的APP設(shè)計案例之后,是不是也有小試牛刀的沖動???趕快行動吧!只有多練習(xí)才能靈活自如的應(yīng)用APP的透明度技巧。

每天更新,
全站高品質(zhì)素材免費下載!