在我想用卡片的時候示弓，我找不到理由去說服，為什么要采用卡片的設計呵萨。
不想陷于被動奏属，到底用卡片還是通欄列表？
卡片和通欄的主要區(qū)別是模塊（指整個塊潮峦，不是指字／圖片）的寬度距離屏幕是否有邊距囱皿，還有陰影／空間等其他不同勇婴，我主要討論什么樣的需求更應當采用卡片式設計。
本文里嘱腥，我會用推薦耕渴，不推薦的詞語來表示在特定需求下，哪種方式會更加適合齿兔。
卡片的劣勢橱脸，展示同樣信息密度的情況下，卡片需要用戶更多的滑動操作愧驱。
卡片的優(yōu)勢慰技，兼容不同尺寸椭盏，豐富的視覺效果组砚，清晰的內(nèi)容關系
信息摘要，推薦用卡片
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)需要美化求橄，推薦用卡片
卡片帶來具有遠景的視覺關系，占據(jù)更大的空間葡公，可以優(yōu)化單調(diào)頁面的視覺效果罐农，如果有視覺上的需求，在滿足功能前提下可以使用卡片來優(yōu)化視覺體驗催什。
用法：用網(wǎng)格來做規(guī)整的卡片涵亏，和具有變化的卡片。
快速掃視類（如新聞）蒲凶，不推薦使用卡片
在《When Card UI Design Doesn’t Work》文中詳細通過用研的方法闡述了網(wǎng)頁和移動端設計中采用卡片展示新聞信息的劣勢气筋。
在移動屏幕中，顯示同樣一個屏幕高度的內(nèi)容旋圆，采用卡片式設計所需的高度是列表式設計高度的115%裆悄，用戶滾動的更多，但是他們看到的內(nèi)容卻變少了臂聋。
所以我們可以反推出第一條光稼，就是卡片適用于查看概括的信息或南，而不是快速瀏覽大量信息。
具體做卡片的技術規(guī)范參照material-cards
Reference
《When Card UI Design Doesn’t Work》艾君，Rob Gill
