在我想用卡片的時候，我找不到理由去說服，為什么要采用卡片的設(shè)計。
不想陷于被動，到底用卡片還是通欄列表？
卡片和通欄的主要區(qū)別是模塊（指整個塊，不是指字／圖片）的寬度距離屏幕是否有邊距，還有陰影／空間等其他不同，我主要討論什么樣的需求更應(yīng)當采用卡片式設(shè)計。
本文里，我會用推薦，不推薦的詞語來表示在特定需求下，哪種方式會更加適合。
卡片的劣勢，展示同樣信息密度的情況下，卡片需要用戶更多的滑動操作。
卡片的優(yōu)勢，兼容不同尺寸，豐富的視覺效果，清晰的內(nèi)容關(guān)系
信息摘要，推薦用卡片
Google Material Design 這樣定義卡片，“A card is a sheet of material that serves as en entry point to more detailed information.”我們這樣去理解微信支付寶smartisan的列表，這些卡片是一個縮略，可以通過卡片查看詳情。
不同類型的模塊需要明顯區(qū)分，推薦用卡片
相比于列表用線和大間距來區(qū)隔信息，卡片會帶來明顯的隔離，我認為聊天中的氣泡也是卡片的一種形式，都是用一個塊把內(nèi)容框住，多個塊在屏幕中組合。
內(nèi)容單調(diào)需要美化，推薦用卡片
卡片帶來具有遠景的視覺關(guān)系，占據(jù)更大的空間，可以優(yōu)化單調(diào)頁面的視覺效果，如果有視覺上的需求，在滿足功能前提下可以使用卡片來優(yōu)化視覺體驗。
用法：用網(wǎng)格來做規(guī)整的卡片，和具有變化的卡片。
快速掃視類（如新聞），不推薦使用卡片
在《When Card UI Design Doesn’t Work》文中詳細通過用研的方法闡述了網(wǎng)頁和移動端設(shè)計中采用卡片展示新聞信息的劣勢。
在移動屏幕中，顯示同樣一個屏幕高度的內(nèi)容，采用卡片式設(shè)計所需的高度是列表式設(shè)計高度的115%，用戶滾動的更多，但是他們看到的內(nèi)容卻變少了。
所以我們可以反推出第一條，就是卡片適用于查看概括的信息，而不是快速瀏覽大量信息。
具體做卡片的技術(shù)規(guī)范參照material-cards
Reference
《When Card UI Design Doesn’t Work》，Rob Gill
