最近閱讀了一篇關(guān)于《App設(shè)計(jì)新潮流:卡片化滑動(dòng)派》的文章，讓我們一起見證看一款卡片化滑動(dòng)設(shè)計(jì)App成功案例-Tinder。

什么是卡片式設(shè)計(jì)？

卡片式設(shè)計(jì)是在柵格的基礎(chǔ)上更進(jìn)一步，將整個(gè)頁面的內(nèi)容切割為N多個(gè)區(qū)域，不僅能給人很好的視覺一致性，而且更易于設(shè)計(jì)上的迭代。特棒是在手機(jī)屏幕這樣比較有限的空間很適宜.

卡片式設(shè)計(jì)的另一個(gè)典型好處是可以將不同大小、不同媒介形式的內(nèi)容單元以統(tǒng)一的方式進(jìn)行混合呈現(xiàn)。最常見的就是圖文混排，既要做到視覺上盡量一致，又要平衡文字和圖片的強(qiáng)弱，這時(shí)卡片設(shè)計(jì)經(jīng)常有奇效。

詳細(xì)的卡片化設(shè)計(jì)：淺談移動(dòng)APP設(shè)計(jì)的趨勢，除了扁平化，還有卡片式設(shè)計(jì)

卡片化設(shè)計(jì)優(yōu)點(diǎn)：

卡片式設(shè)計(jì)適合應(yīng)用于流量分發(fā)的渠道型頁面，還適合應(yīng)用于碎片化內(nèi)容頁，這時(shí)的內(nèi)容消費(fèi)就在內(nèi)容渠道上完成。

卡片化設(shè)計(jì)的缺點(diǎn)：

卡片式設(shè)計(jì)對頁面空間的消耗非常大，并且將內(nèi)容元和內(nèi)容元之間強(qiáng)行割裂，導(dǎo)致一屏呈現(xiàn)的信息量很小。所以當(dāng)用戶的瀏覽是需要大范圍掃視、接收大量相關(guān)性的信息然后再過濾篩選時(shí)，強(qiáng)行使用卡片式設(shè)計(jì)會(huì)讓用戶的使用效率降低

下面就是卡片化滑動(dòng)設(shè)計(jì)App成功案例

Tinder是國外的一款手機(jī)交友APP?？嵴竟倬W(wǎng)：http://www.gotinder.com/

它的功能設(shè)計(jì)實(shí)際很簡單：基于用戶的地理位置，每天為你"推薦"一定距離內(nèi)的四個(gè)交友對象，根據(jù)你們在 Facebook 上面的共同好友數(shù)量、共同興趣和關(guān)系網(wǎng)給出評分，得分最高的推薦對象優(yōu)先展示。

如果你喜歡就向右滑，不喜歡就向左滑。如果雙方都右滑，那么恭喜了，你們“牽手”成功！

所以，該app的最大UI界面特色就是卡片化設(shè)計(jì)，而且交互動(dòng)作就是滑動(dòng)。

Tinder聯(lián)合創(chuàng)始人表示：“滑動(dòng)操作之美在于，用戶只需最少的動(dòng)作，便可瀏覽內(nèi)容。通常，在瀏覽器或手機(jī)上，你需要滾動(dòng)頁面，然后才能閱讀內(nèi)容。通過Tinder的滑動(dòng)功能，內(nèi)容導(dǎo)航操作還整合了輸入操作。”

拉德、薩沃等人認(rèn)為，卡片式界面和滑動(dòng)功能的結(jié)合將用戶體驗(yàn)提升到新的高度。這種界面不僅可以讓信息更為簡潔，而且讓用戶擁有更多的選擇。一方面，卡片和滑動(dòng)功能便于用戶使用。另一方面，這種界面也可以為開發(fā)商提供用戶互動(dòng)數(shù)據(jù)。

Tinder已經(jīng)說明卡片式滑動(dòng)界面可行，每一款移動(dòng)應(yīng)用都應(yīng)該采用卡片式滑動(dòng)界面。值得我們?nèi)W(xué)習(xí)和參考！

算是APP界卡片化滑動(dòng)新潮設(shè)計(jì)成功代表作。