最近學(xué)堂君了解到,很多25學(xué)堂的童鞋們都想要了解一些APP交互設(shè)計方面的知識和優(yōu)秀的案例。于是,今天,學(xué)堂君跟大家一起來學(xué)習(xí)下,當(dāng)下最流行的和最炫酷的APP交互設(shè)計。
非常有想象力的APP交互設(shè)計作品。很不幸的,學(xué)堂君一直沒找到合適的APP有這些動效展示。
讓我們先看下面的這些優(yōu)秀的APP交互設(shè)計作品吧!真的是UI視覺層次感爆棚的APP界面設(shè)計作品。
第一種場景:左右切換的APP交互動效
上圖當(dāng)中,我們重點看下右邊的這張界面設(shè)計,這是一個左右快速切換閱讀和欣賞的交互。
肯定也是目前很多圖片類、天氣類、視頻、音樂類的APP場景的交互方式。比如網(wǎng)易云音樂APP。網(wǎng)易的light、墨跡天氣APP等。
上圖左邊這個APPui界面也是左右切換的APP交互動效。
第二種場景:居中立體展示切換的交互設(shè)計。
上面兩張APP界面當(dāng)中,最明顯的多層卡片式的立體居中展示特效。滑動切換,動效的效果是從低面往上面冒泡的交互行為。
類似的APP很多,比如秒拍APP的24小時熱榜就是采用這樣的交互設(shè)計形式。非常棒!
也是目前很多APP設(shè)計師喜歡設(shè)計的一種UI界面交互方式。追波網(wǎng)上的大部分的APP ui界面都有這樣的交互特效
第三種場景:學(xué)堂君稱為“多米諾牌交互特效”。非常的富有童趣的APP交互形式。
如下圖:
上面這2張APP的APP交互動效設(shè)計,非常極具想象力的。我們光從視覺效果圖來看,這樣的UI視覺層次感爆棚啦。 就是我們生活當(dāng)中的多米諾牌的特效,動一下產(chǎn)生連續(xù)的反應(yīng)。
非常棒的APP交互設(shè)計。目前為止,學(xué)堂君還沒有找到哪個APP上應(yīng)用了這樣的特效,如果大家找到了 ,記得留言告訴學(xué)堂君,到時候給你一份驚喜。
第四種場景:螺旋式或者是梯田式的APP交互設(shè)計
如下圖所示:
這樣通過色彩區(qū)分的梯田式的動效,點擊一下,上一層消失,下面一層慢慢的涌出來,跟螺旋一下,一圈一圈的冒泡出來。非常棒的波浪式的交互設(shè)計。
其實每一張APP界面設(shè)計的視覺都是很棒,起碼層次感爆棚。立體感都出來。具體是什么樣的交互動效還需要靠大家腦補了。大部分,25學(xué)堂君已經(jīng)用文字描述出了一點影子。不知道大家腦海當(dāng)中有沒有那么一點影子。呵呵
這是本周看圖學(xué)APP交互設(shè)計第一篇。后面我們繼續(xù)來學(xué)習(xí)APP交互設(shè)計。
全站高品質(zhì)素材免費下載!