看圖學(xué)APP交互設(shè)計(jì):UI視覺(jué)層次感爆棚的APP設(shè)計(jì)

最近學(xué)堂君了解到,很多25學(xué)堂的童鞋們都想要了解一些APP交互設(shè)計(jì)方面的知識(shí)和優(yōu)秀的案例。于是,今天,學(xué)堂君跟大家一起來(lái)學(xué)習(xí)下,當(dāng)下最流行的和最炫酷的APP交互設(shè)計(jì)。

非常有想象力的APP交互設(shè)計(jì)作品。很不幸的,學(xué)堂君一直沒(méi)找到合適的APP有這些動(dòng)效展示。

讓我們先看下面的這些優(yōu)秀的APP交互設(shè)計(jì)作品吧!真的是UI視覺(jué)層次感爆棚的APP界面設(shè)計(jì)作品。

 

第一種場(chǎng)景:左右切換的APP交互動(dòng)效

左右切換的APP交互動(dòng)效

上圖當(dāng)中,我們重點(diǎn)看下右邊的這張界面設(shè)計(jì),這是一個(gè)左右快速切換閱讀和欣賞的交互。

肯定也是目前很多圖片類(lèi)、天氣類(lèi)、視頻、音樂(lè)類(lèi)的APP場(chǎng)景的交互方式。比如網(wǎng)易云音樂(lè)APP。網(wǎng)易的light、墨跡天氣APP等。

左右切換的APP交互動(dòng)效2

上圖左邊這個(gè)APPui界面也是左右切換的APP交互動(dòng)效。

 

第二種場(chǎng)景:居中立體展示切換的交互設(shè)計(jì)。

立體居中展示的app交互設(shè)計(jì)

APP多層立體卡片式界面設(shè)計(jì)2

上面兩張APP界面當(dāng)中,最明顯的多層卡片式的立體居中展示特效?;瑒?dòng)切換,動(dòng)效的效果是從低面往上面冒泡的交互行為。

類(lèi)似的APP很多,比如秒拍APP的24小時(shí)熱榜就是采用這樣的交互設(shè)計(jì)形式。非常棒!

也是目前很多APP設(shè)計(jì)師喜歡設(shè)計(jì)的一種UI界面交互方式。追波網(wǎng)上的大部分的APP ui界面都有這樣的交互特效

 

 

第三種場(chǎng)景:學(xué)堂君稱(chēng)為“多米諾牌交互特效。非常的富有童趣的APP交互形式。

如下圖:

多米諾牌交互特效

多米諾牌交互特效3

多米諾牌交互特效2

上面這2張APP的APP交互動(dòng)效設(shè)計(jì),非常極具想象力的。我們光從視覺(jué)效果圖來(lái)看,這樣的UI視覺(jué)層次感爆棚啦。 就是我們生活當(dāng)中的多米諾牌的特效,動(dòng)一下產(chǎn)生連續(xù)的反應(yīng)。

非常棒的APP交互設(shè)計(jì)。目前為止,學(xué)堂君還沒(méi)有找到哪個(gè)APP上應(yīng)用了這樣的特效,如果大家找到了 ,記得留言告訴學(xué)堂君,到時(shí)候給你一份驚喜。

 

第四種場(chǎng)景:螺旋或者是梯田式的APP交互設(shè)計(jì)

如下圖所示:

螺旋或者是梯田式的APP交互設(shè)計(jì)

這樣通過(guò)色彩區(qū)分的梯田式的動(dòng)效,點(diǎn)擊一下,上一層消失,下面一層慢慢的涌出來(lái),跟螺旋一下,一圈一圈的冒泡出來(lái)。非常棒的波浪式的交互設(shè)計(jì)。

 

其實(shí)每一張APP界面設(shè)計(jì)的視覺(jué)都是很棒,起碼層次感爆棚。立體感都出來(lái)。具體是什么樣的交互動(dòng)效還需要靠大家腦補(bǔ)了。大部分,25學(xué)堂君已經(jīng)用文字描述出了一點(diǎn)影子。不知道大家腦海當(dāng)中有沒(méi)有那么一點(diǎn)影子。呵呵

這是本周看圖學(xué)APP交互設(shè)計(jì)第一篇。后面我們繼續(xù)來(lái)學(xué)習(xí)APP交互設(shè)計(jì)。

 

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