提升逼格的APP視覺(jué)效果:卡片層疊效果設(shè)計(jì)

目前很多APP已經(jīng)采用了一些比較好看,用戶體驗(yàn)不錯(cuò)的技術(shù)。那就是卡片層疊動(dòng)效設(shè)計(jì)。

這個(gè)是效果在iOS上非常常見(jiàn),因?yàn)橛鞋F(xiàn)成的技術(shù)可以實(shí)現(xiàn)。叫做利用POP動(dòng)畫實(shí)現(xiàn)卡片切換動(dòng)畫。

酷炫的APP層疊設(shè)計(jì)

 

pop是一個(gè)extensible(可擴(kuò)展)的動(dòng)畫引擎,提供基礎(chǔ)的Basic 靜態(tài)動(dòng)畫以及支持彈簧和衰減動(dòng)畫,用來(lái)構(gòu)建高可用性的真實(shí)、物理特性的交互體驗(yàn),使用oc作為基礎(chǔ),可用戶擴(kuò)展到任何的oc的Object的屬性,是一個(gè)非常易于測(cè)試的框架,并且在Facebook自家的Paper上應(yīng)用。

卡片層疊動(dòng)畫效果設(shè)計(jì)如下:

 

令人驚嘆的手機(jī)ui動(dòng)效設(shè)計(jì)欣賞

 

以上四個(gè)APP動(dòng)效效果演示的就是卡片層疊效果設(shè)計(jì)。之前25學(xué)堂推薦過(guò)的一個(gè)APP也采用了這樣的視覺(jué)效果。卡片層疊效果實(shí)現(xiàn)特棒的APP欣賞:最美有物APP

 

APP設(shè)計(jì)采用卡片層疊效果設(shè)計(jì)的好處有以下幾點(diǎn):

1】、當(dāng)內(nèi)容都被規(guī)劃為不同的卡片時(shí), 傳統(tǒng)的框架便會(huì)被打破, 合理利用空間的方式會(huì)得到極大的拓展.足以讓我們的本來(lái)屏幕較小的APP展示更多的內(nèi)容。

2】、這樣的卡片層疊的視覺(jué)沖擊力強(qiáng),容易吸引用戶的參與。提高用戶的粘性。讓用戶直 ? ? ? ? ? 觀地感受到使用情景。

3】、 增加了內(nèi)容塊的視覺(jué)深度和可操作性。更易于閱讀。

 

其實(shí)卡片層疊效果也是卡片化設(shè)計(jì)里面的一小部分。值得我們?nèi)ヌ剿鞯腢I設(shè)計(jì)形式還是蠻多的。

如果你的APP在某個(gè)欄目使用了這個(gè)卡片層疊效果。頓時(shí)讓你的APP提升逼格。

 

25學(xué)堂的小編認(rèn)為也是目前很多APP使用這一個(gè)特效的最終目的。當(dāng)然也要根據(jù)你的內(nèi)容產(chǎn)品來(lái)決定是否采用這樣的展現(xiàn)形式。

 

 

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