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

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

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

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

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

卡片化設(shè)計優(yōu)點：

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

卡片化設(shè)計的缺點：

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

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

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

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

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

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

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

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

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

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