在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é)合。
? ? ?Amit Rai的新音樂(lè)APP有靈動(dòng)的控制面板,令人感到舒適;優(yōu)雅的窄空間和白色醒目的圖標(biāo)讓人有種細(xì)膩的觸感。
? ? ?由帕特里克·卡布拉爾設(shè)計(jì)的IOS7主題,運(yùn)用了大量不透明有效信息組成先進(jìn)的導(dǎo)航系統(tǒng)。
? ? ? Piotrek Sliwa 的天氣APP讓人有一種溫暖的體驗(yàn),壯觀的落日背景巧妙的同白色圖標(biāo)搭配顯得銳利而明快。
? ? ? Marcos Paulo Pagano設(shè)計(jì)的定時(shí)器界面巧妙的使用可視化工具,再加上圓形的磨砂添加按鈕從抽象的背景中脫穎而已,巧妙的承托出時(shí)間感。
? ? ? Dmitriy Haraberush的APP V2.0將天氣預(yù)報(bào)和多類型的數(shù)據(jù)以及清淡的黑色背景和白色文字變得整齊,讓用戶獲得統(tǒng)一感 。
? ? ? Alexander Zaytsev的的運(yùn)動(dòng)記錄APP將數(shù)據(jù)流進(jìn)行有組織的整理,清淡的數(shù)據(jù)框和深藍(lán)色的背景形成強(qiáng)烈的對(duì)比。
? ? ? Jan Erik Waider的天氣APP包含了很多圓形元素,起到了裝飾的作用,巨大的半透明圓圈讓陽(yáng)光顯得更加刺眼。
? ? ? Sam Nissinen重新設(shè)計(jì)的IOS7控制中心將白色和綠色的空間巧妙的組合,顯得更加靈動(dòng)。
其他更多應(yīng)用透明度的APP界面設(shè)計(jì)作品如下:
看完這么多的APP設(shè)計(jì)案例之后,是不是也有小試牛刀的沖動(dòng)啊?趕快行動(dòng)吧!只有多練習(xí)才能靈活自如的應(yīng)用APP的透明度技巧。
全站高品質(zhì)素材免費(fèi)下載!