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

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

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

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

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

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

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

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

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

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

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

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

2、APP界面設(shè)計(jì)教程:移動(dòng)界面設(shè)計(jì)尺寸篇

3、移動(dòng)APP界面設(shè)計(jì)分享:文字閱讀體驗(yàn)設(shè)計(jì)篇

 

下面,我們?cè)賮?lái)欣賞一些優(yōu)秀的應(yīng)用透明度效果的APP界面

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

2

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

51ad9dfd03e0437a86000001

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

4

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

5

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

6

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

7

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

8

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

9

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

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

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

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

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